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

こんにちは。代表の銀河（@ginga_noguchi）です。

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

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

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

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

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

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

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

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

固定ページ

カテゴリーページ

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

メニューを作成する

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

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

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

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

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

また、右に少しずらすことで最大2段階まで階層を持たせることもできます。

設定しても2階層めまで表示されない仕様のテーマもあるのでご注意ください。

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

メニューに英語表記を追加する（テーマによる）

メニューの色を変更する（Cocoonの場合）

まとめ

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

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

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

ご不明な点はご質問ください