WordPress

WordPressのオリジナルテーマを作成しよう③
~functions.phpを記述する~

こんにちは、ゆんつです。 WordPressのオリジナルテーマ作成の第2回目です。 現在は以下の工程表の「3. WordPressのテーマを作成する」を、何回かに分けてやっています。 「3. Word…

WordPress

WordPressのオリジナルテーマを作成しよう②
~テーマ情報ファイルの作成~

こんにちは、ゆんつです。 WordPressのオリジナルテーマ作成の第2回目です。 前回はローカルでの開発環境を整え、テーマ作成に必要なファイルのダウンロードやダウンロードしたファイルの設置まで完了し…

WordPress

WordPressのオリジナルテーマを作成しよう①
~テーマを作る準備~

こんにちは、ゆんつです。 WordPressでブログを始める場合。 まずテーマ(サイトのテンプレート)を選択することから始まると思います。 WordPressに最初から備え付けられているテーマもありま…

JavaScript

スイッチでコンテンツの背景色と文字色を変更する

こんにちは、ゆんつです。 皆さんWEBサイトの背景色は「白」が好きですか? それとも「黒」が好きですか? 背景色が白くて文字色が黒いほうが読みやすい人もいるでしょうし、それとは逆に背景色が黒くて文字色…

JavaScript

jQueryでサイト全体の文字サイズを変更する

こんにちは、ゆんつです。 WEBサイトを閲覧していて文字の大きさを変更する場合。 各ブラウザに搭載されている文字の拡大表示機能などを使うことで文字の大きさを変更することができます。 ただし、そのような…

HTML&CSS

HTMLとCSSでスイッチを作る

こんにちは、ゆんつです。 WEBサイトで良く見かけるものに「スイッチ」があります。 オフの時はスイッチが左側で、マウスをクリックしてオンにするとスイッチが右側に移動する。 ON/OFFの切り替えなので…

HTML&CSS

animationプロパティと@Keyframesの基礎

こんにちは、ゆんつです。 WEBサイトにちょっとしたアニメーションを導入したい場合。 CSSのanimationというプロパティと@keyframeを組み合わせて使うことで実装することができます。 例…

HTML&CSS

Gridの基本的な使い方

こんにちは、ゆんつです。 WEBサイトを作成していて と思ったことは無いでしょうか。 例えば以下のようなレイアウトがそうです。 見ていただくとわかるように、様々なサイズのボックスに画像が表示されていま…

その他

phpMyAdminを使ったデータベースの移行作業

こんにちは、ゆんつです。 PCの買い替えなどでローカル環境にあるMySQLのデータベースを別のPCに移行したいことがあります。 このような場合、「phpMyAdmin」を使って手軽に移行元のPCからデ…

JavaScript

「jquery.simpleTicker.js」でお手軽ティッカー

WEBサイトを見ているとたまにヘッダーの下あたりに、お知らせなどの情報が流れている光景を見かけることがあります。 このように特定の場所に文字列を流して表示させる方式を「ティッカー」と言います。 流れて…