Blog ColorMagカスタマイズ Wordpress

【ColorMag】メニューバーのカスタマイズ方法まとめ

WordPressテーマ「ColorMag」のメニューバー(ナビゲーションバー)のカスタマイズ方法をご紹介します。

ここでご紹介するのは、メニューバーの導入までの設定方法と導入後の細かいカスタマイズなど。

SEO的にも訪問者にわかりやすくサイトをナビゲーションすることは大変重要ですので、必ず導入してカスタマイズしましょう。

ColorMag

 

スポンサーリンク

カスタマイズ方法

▼「外観」⇒「メニュー」を選択し、「メニュー」画面を開きます。「新規メニューを作成」して(1番最初は既に作成されているかも)、作成したメニューの名前を適当に決めましょう。このメニュー名はサイトに表示されるものでは無いので、何でも良いです。

ColorMag

▼サイトのメニューバー上に表示するメニューを選択します。ほとんどの方は「カテゴリー」か「固定ページ」でしょう。例えば「カテゴリー」なら、表示したいカテゴリーの枠内にチェックを入れ「メニューに追加」すると、メニュー構造にカテゴリーが入りサイトのメニューバー上に表示されることになります。メニュー構造内のメニューはドラッグで順番を入れ替えることが可能です。

ColorMagメニュー

▼大カテゴリーの中に小カテゴリーを表示させたい場合は、先程のように表示させたいカテゴリーにチェックを入れ「メニューに追加」し、小カテゴリー内の「移動」の中の「◯◯下の階層」を選択すると、その大カテゴリーの「サブアイテム」となり、大カテゴリーから右に少しズレて表示されます。

ColorMagメニュー

▼小カテゴリーを表示させるとこんな感じになります。

ColorMag小カテゴリー

▼最後にテーマの位置の「Primary Menu」に必ずチェックを入れ、「メニューを保存」をクリックして完了です。この2つは忘れずに行ってください!

ColorMagメニュー

 

メニューバーにHomeアイコンや検索アイコンを表示する方法

▼「外観」⇒「カスタマイズ」から、「Header Options」を選択します。

ColorMag

▼「Show Home Icon」が家の形をしたHomeアイコン、「Search Icon」が検索マークのアイコンを表示させる設定項目で、それぞれチェックを入れるだけです。

ColorMag

 

スクロールしてもついてくるメニューバーの設定方法

▼先程の「Header Options」から「Sticky Menu」を選択します。

ColorMag Sticky Menu

▼チェックを入れると、スクロールしてサイトの下の方に移動してもメニューバーがついてくるようになります。

ColorMag Sticky Menu

 

以上がColorMagのメニューバーの導入から細かいカスタマイズまでのまとめでした。

 

関連記事:

【ColorMag】プラグイン無しで記事下に関連記事を表示させる方法

【ColorMag】メニューやタイトルの英語が勝手に大文字になる原因と解決策

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

Twitter で Yui を

-Blog, ColorMagカスタマイズ, Wordpress