こんにちは。代表の銀河(@ginga_noguchi)です。

講義の受講者の方から「WordPressサイトのグローバルメニューの作り方がわからない」というご質問を受けたのでわかりやすく図解していきます。サンプルサイトは「Cocoon」をテーマにしていますが、どのテーマでもやることは同じです。

難しくありませんのでサクッとやっちゃいましょう。

WordPressのグローバルメニューの作り方を完全初心者向けに図解

サイトの見た目やユーザービリティに大きく影響するグローバルメニュー。ヘッダーメニューやメインメニュといった言い方もしますが、「グローバルメニュー」に統一させていただきます。

WordPress初心者の方が多くつまづく箇所ですし、今後も何度も変更することになると思いますので今のうちに覚えておきましょう。「動画のほうがわかりやすい」という方はYouTubeをご覧ください。

メニューに入れるページを作成する

まず前提としてグローバルメニューに設定したい項目を作る必要があります。代表的なものとしては

  • 固定ページ
    • プロフィール・会社案内・店舗紹介・院内案内など
    • サービス・事業案内など
    • お問い合わせ・採用情報など
    • ブログ一覧ページ
  • 個別のカテゴリーページ

なんかが多いんじゃないかなと思います。それぞれのページの作成方法を軽くご説明しますね。

固定ページの作成手順

【固定ページ】から【新規追加】

ダッシュボードの【固定ページ】から【新規追加】をクリックして任意のページを作成します。

スラッグ(パーマリンク)をわかりやすいものに

プロフィールページなら「profile」といった感じにURLとなる文字列をアルファベットで入力します。

カテゴリーページの作成手順

【投稿】から【カテゴリー】

ダッシュボードの【投稿】から【カテゴリー】をクリックしてカテゴリー一覧ページを開きます

任意のカテゴリーを作成
  1. 名前:任意のカテゴリー名
  2. スラッグ:カテゴリー名をアルファベットで入力
  3. 親カテゴリー:カテゴリーに階層を持たせたい場合は親を選択
  4. 説明:基本的に入力の必要なし
【新規カテゴリーを追加】をクリック

グローバルメニューの作成手順

メニューを作成する

ダッシュボードの【外観】から【メニュー】をクリック

グローバルメニューを作成する
  1. メニュー名:グローバルメニュー
  2. メニュー設定:【ヘッダーメニュー】と【フッターメニュー】にチェック
  3. 【メニューを作成】をクリック

からメニューに追加したい項目を選択します。【メニューに追加】をクリックすることで順番にメニューに追加されていきます。

メニューに入れたい項目を選択する

  • 固定ページ
  • 個別の投稿記事
  • 任意のURL
  • カテゴリー

からメニューに追加したい項目を選択します。【メニューに追加】をクリックすることで順番にメニューに追加されていきます。

メニューのデザインとカスタマイズ手順

メニューの順番を並べ替える

ドラッグアンドドロップで順番を入れ替えることができます。

また、右に少しずらすことで最大2段階まで階層を持たせることもできます。設定しても2階層めまで表示されない仕様のテーマもあるのでご注意ください。

メニューの表記を変更する方法

表記を変えたいメニューの右側にある▼をクリック
【ナビゲーションラベル】に入力されているテキストを変更

ここを変更しても元のページやカテゴリーのタイトルは変更されません。

【メニューを保存】をクリック

メニューに英語表記を追加する方法(テーマによる)

メニューページ右上の【表示オプションをクリック】
【説明】にチェック
表記を追加したいメニューの右側にある▼をクリック
【説明】の欄にテキストを入力

メニューの色を変更する方法(Cocoonの場合)

ダッシュボードから【Cocoon 設定】をクリック
【ヘッダー】のタブをクリック
任意の項目を変更
  • ヘッダー全体色と文字色
  • ヘッダー色(ロゴ部)と文字色
  • グローバルナビメニュー色と文字色

上記6か所を任意の色に変更すれすればOKです。

色の選び方は以下のサイトが便利です。

まとめ

無事にできましたでしょうか? これ見ても「わからないよー」というかたは記事に追記しますのでTwitterでご遠慮なくご質問ください。

WordPressは決して難しくはないのですが、慣れない作業が多く、特に最初のうちは見た目を整えたい箇所が多いので大変ですよね。1つずつこなしてイケてるブログを作っていきましょう。

「もうヤダ限界」という方は月額11,000円~でカスタムや更新を丸投げできるサービスを提供していますので、ご検討ください。

この記事を書いた人

野口 銀河

Web制作会社と加工食品会社の代表取締役|「Webと飲食で地方創生」がビジネスコンセプト|元DJ・元バーテンダー・元高級レストランオーナー支配人|酒・音楽・ガジェット・旅行・古民家暮らし・スーツ好き|猫も好き|ハゲだけどとてもダンディです|YouTubeもやってます