WordPress

【WordPress】グローバルメニューの設定方法

今回の記事では

  • PCのヘッダー上に
  • メニューボタンを設定する方法

が学べます。

完成イメージはこちら。

完成イメージ

グローバルナビゲーションメニューの設定方法

メニューの設定方法

ダッシュボードの「外観」→「メニュー」と進みます。

当サイトが使っているJINというテーマでは上記画像のように

  • ホーム
  • プロフィール
  • サービス
  • ランキング
  • クチコミ

などが並んでいます。

不要なものは各メニューバー右端の「▼」を押して「削除」をします。

メニューのセットアップ画面

配置したいメニューは左側の

  • 固定ページ
  • 投稿
  • カスタマイズ
  • カテゴリー

から選ぶことができます。

今回は上記画像のように配置をしました。設置したい場所はヘッダーの部分なので「グローバルナビゲーション」を選択して「メニューを保存」をクリックします。

完成イメージ

トップページを表示して上記のようになっていれば成功です。

メニューにアイコンを表示させたい場合

文字だけの配列だと寂しいなぁと感じた場合はアイコンを表示させましょう。

アイコンを設定する方法

先ほど同様にダッシュボードの「外観」→「メニュー」と進んだら

  1. 表示オプションをクリックして
  2. 「説明」をクリック

するとアイコンが入力できるようになります。

アイコンをコピペする画面

メニューバーを開いて「説明」の欄にアイコンのショートコードを入力します。

ショートコードはFont Awesomeなどを参照すると簡単です。

アイコンの表示イメージ

このように先ほど設定したメニューの文字列の前にアイコンが表示されました。