「Simplicity2」タイトル変更ついでにヘッダー周りの簡単なカスタマイズをしてみた

SAMSUNG CSC

日曜日の昼下がりって暇なんだよなぁーのももうら(@28momoura)です。
テーマSimplicity2」です。

スポンサーリンク

そんな気分なのでタイトル変えてみよう

深い意味は無いのですが何となくブログタイトル変えてみました。タイトル名でのアクセスなど皆無に等しい状況ですから問題ないでしょう。

分かりやすいタイトルが良かったので「momokichilog」→「ノートボックス」に変えました。それに伴って、ヘッダー画像やグローバルナビも少々変えてみました。見た目通りさわやかにがコンセプトです(笑

逆に暑苦しいわww

ヘッダー

今回はヘッダー画像を利用してみました。

「カスタマイズ」>「ヘッダー」>「ヘッダー外側背景画像」←画面幅いっぱいに広がるヘッダー画像説明

グローバルメニュー

今まではスキン使ってカスタマイズしていたのですが今回は、ほぼデフォルトでカラーを変えて利用しています。「カスタマイズ」>「色」※「グローバルナビを横幅いっぱいにする 」にチェック入れてあります。

当サイトは「Simplicity2」を利用させてもらっています。別サイトでも「Simplicity」1系を利用させてもらっているので基本サイ...

ついでなので、メニューに「Font Awesome」アイコンフォントを付けてみました。
xm-66

Font Awesomeアイコンフォント
     ←こんな感じのものがいっぱいあります。

プラグイン「Font Awesome 4 Menus」を利用すると簡単に設置出来ます。

参考 WordPressのグローバルナビメニューにFont Awesomeのアイコンフォントを表示させる方法

タイトル文字サイズ

ちょっと小さくしてみました。

キャッチフレーズ文字サイズ変更

こちらも少々小さくしました。

追記_グローバルメニュー

メニューをセンタリングしたかったのですがなかなか思うようにいかない。「Simplicity2」はグローバルメニュー付近が何か難しそうだ。いや、ただ単にスキルがない事が原因です( ・᷄д・᷅ )

勉強せいよ
とりあえずこんな感じで動かしてみた。

xm-67

当サイトはメニューが6個なので「width: 180px」で均等にしています。

思い立ったときにカスタマイズ記事をポストしている"ももうら"(@28momoura)です。 記事も書かずに夜な夜なこそこそとカスタマイズし...

Meta Slider(プラグイン)

maru-010

ヘッダー関連の記事なのでスライダー「Meta Slider」というプラグインの設置方法です。

簡単なので説明は必要ないかも知れませんが、大まかにこんな感じです。

初めに、WordPress管理画面のプラグイン新規追加から「Meta Slider」をインストールして有効化します。

※こちらからもダウンロードできます。

wfb_155

管理画面「Meta Slider」に入り設定を開始します。

をクリックして、新規スライダーを作っていきます。

をクリックして、画像を追加していきます。

で画像のサイズ、表示効果などを決めていきます。

※「保存してプレビュー」で確認できます。

では、①~③で設定したスライダーのショートコードが出てきますので、コピーして記事などに貼り付けてください。

また、テンプレート内にスライダーを埋め込む時はのショートコード右側の「テンプレートに含む」をクリックしてコードを「index.php」「header.php」などへコピー&ペーストしてください。

  完了です。

画像さえ用意できていれば、10分かからずに出来上がります。

ちなみに僕は、「before-main.php」に入れようと考えています。

スライダーなんて敷居が高くて難しそうに思っていましたが、プラグインを使うと簡単にできました。今更ですがプラグインって凄いんだと改めて認識しました。

スライダー設置には賛否両論ありますが、使ってみたかったのでとりあえずやって見ました。が、思うところありまして設置は見送りました。

単なる気まぐれですが・・でも、あまり多くのプラグインの使い過ぎには注意が必要ですよ。

まとめ

今回はヘッダー周りのカスタマイズでした。カスタマイズといっても「外観」>「カスタマイズ」から誰でも出来るものでしたので簡単ですね。

「うわーぉ!カスタマイズだ!ヘッダーだ!!」終わり ( 厂˙ω˙ )厂

意味不明?

この記事が気に入ったら
いいね!しよう

Twitter で
スポンサーリンク

フォローする