「メニュー」の作り方をご説明します。私のブログで言うと、ここ↓のこと。HOME、メルマガ・サービス一覧...など、このブログにはどんなページがあるのか?お客様をご案内するの役割をするので「ナビゲーション」とも呼ばれます。わかりやすい言葉を使い、見やすく整理して、お客様を目的のページにスムーズにご案内できるメニューを作りましょう。プロフィール、お客様の声・・・何を掲載するかによって、メニューの設定方法が少し異なりますのでよくある項目を例にして、ご説明していきます。メニューには何を載せたらいいの?メニューは、ブログの横幅にちょうどいいくらいになるように5~6個に収めることをお勧めします。・・たまにありますよね。たくさんのことを載せたい場合には以下のように、同じような項目は1つにまとめましょう。戦略によって大幅に異なってくるよ。使われるものをまとめてみるね。・お問い合わせあくまで一例なのでご自身のサービスに合わせて決めてくださいね。この記事ではこの5つを例にして、メニューの作成手順を解説していきます。移動先のページを用意しなくてはいけませんよね。ページの中身を作るのは時間がかかるので、とりあえずタイトルだけつけた空っぽのページを使っても大丈夫ですよ。(ただ、既に公開・運用しているサイトの場合は空っぽのページをメニューに載せるわけにはいかないのでページを完成させてからにしてくださいね。)ではメニュー内容についてご説明します。Home(ホーム)クリックするとトップページに戻るメニューです。これは例外で、移動先が「トップページ」なので移動先のページは作る必要がないんです。簡単に設定できますので、手順は後ほどご説明しますね。先に、移動先の用意が必要なページについてご説明します。2)サービス内容、プロフィール、お問い合わせこのようなメニューは、クリックするとそれぞれのページに移動します。「固定ページ」を使って作成します。【固定ページの作り方】メニューから、「固定ページ」をクリックして「新規追加」を開きます。「新規固定ページ追加」画面が開くので「サービス内容」「プロフィール」など、ページのタイトルを入力し、公開ボタンを押します。(ここでは、ページ中身の登録は省きます)これで移動先のページが用意できました^^だいたいこの「固定ページ」で作れば良いのですが次の「お客様の声」は別の方法がおすすめです。日々、お声をいただくに連れてどんどん内容が増えていきますよね。お声が増えるたびに「お客様の声」という固定ページを毎回加筆・修正するのはちょっと手間ですよね。お客様の声はブログ投稿で書くのがおすすめです。「お客様の声」というカテゴリーを作ります【カテゴリーの作り方】WordPressのメニューから、「投稿」をクリックし「カテゴリー」を開いてください。「お客様の声」がイメージできる英単語、またはローマ字などを半角の小文字の英数で入力してください。(voice、koe、customers-voiceなど。)「新規カテゴリーを追加」を押して登録完了です。※スラッグとは・・・ページのアドレス表記のことです。私は「customer-reviews」と登録しているので「お客様の声」ページはこんなアドレスになっています。https://wp-firststep.com/category/customer-reviews/右側のカテゴリーの一覧表に「お客様の声」ができました。メニューを作っていきましょう。メニューの作り方WordPressの管理画面の「外観」から「メニュー」を開いてください。メニュー画面に変わります。ここに新しくメニューを作成しましょう。名前を付け、「メニューを作成」を押します。名前はなんでも構いません。「メニュー項目を追加」という欄が使える様になります。1)HOMEでは登録手順をご説明していきますね。「メニュー項目を追加」の中に「固定ページ」という欄があります。ここの「全てを表示」というタブを開くと一番上に「ホーム」というメニューが入っています。ホームにチェックを入れ「メニューに追加」ボタンを押します。すると、右側に「ホーム」というメニューが追加されます。「カスタムリンク」の横の「▼」をクリックします。すると、リンク先のアドレスと「ホーム」という文字が入っていますので、カタカナのホーム、ではなくアルファベットで「HOME」「home」または「TOP」の方が良い場合は、ナビゲーションラベルの文字を書き換えてください。これで、メニューを保存、を押すと「HOME」がメニューに追加されますよ!もし、固定ページに「ホーム」がない場合は左側の「カスタムリンク」をクリックしてください。すると、アドレスを自由に入力する欄が出てきます。入れてリンク文字列、に表示したいページ名を入れます。「HOME」という名前をつけて「メニューに追加」を押します。「HOME」を追加することができます。続いて、固定ページの作り方です。固定ページ2)サービス内容、3)プロフィール、5)お問い合わせをメニューに載せる方法をご説明します。「固定ページ」から選択できます。固定ページ名一覧が表示されます。「すべて表示」をクリックして探してみてください。全部追加したい時は「すべて選択」をクリックすると便利ですよ。「メニューに追加」を押します。これで固定ページも登録されました。カテゴリーでは最後の「お客様の声」です。「カテゴリー」をクリックしてください。カテゴリーに「未分類」しかない場合はすべて表示、を開きます。「お客様の声」が出てくるのでチェックして「メニューに追加」を押します。※メニュー完成です!作ったメニューをどこに表示させるか?さて、これでメニューができましたね。続いて、「どこに表示させるか」を設定します。メニューをどこに表示させるかは、テーマによって異なります。私のテーマの場合、「ヘッダーメニュー」と「フッターメニュー」の2種類があります。ヘッダーメニュー、というのが、ブログの上に置くメニューのことで、フッターメニュー、というのは、ブログの一番下に置くメニューです。フッターには、プライバシーポリシーなど通常は使わないけれど、一応置いておきたいメニューなどを目立たせずに掲載させるのに向いています。「ヘッダー」「フッター」など、名称も表示される場所も、テーマによって異なりますのでご注意ください。メニュー設定応用編これでメニューの登録方法はわかりましたね。続いて、メニューの位置を入れ替える方法と、まとめる時のための、親子関係の作り方をご説明します。登録した順に表示されるので、順番を入れ替えたい時はそのままマウスでドラッグしてください。お好きな順番に並べ替えられますよ。簡単ですね^^・メニューに親子関係を作る方法メニューに親子関係を作ると、同じジャンルのメニューをまとめてたくさんの項目をわかりやすく見せることができます。「メールマガジン」「サービス一覧」「WordPress個別相談」というメニューが出てくるしくみです。下の階層を作りたい時はドラッグして1段落右側に配置させます。「上級者向けコース」を入れたい時はこうなります。サービス内容のメニューを作りたい時の例:実際はこんなメニュー表示になります。※デザインはテーマによって異なります。こちらはLionの例です以上でメニューは完成です!お疲れ様でした^^はじめていらしたお客様に、どんなサービスがあるのか、わかりやすく誘導できるよう、調整してあげてくださいね。著者AtsukoフリーランスのWebデザイナー。MeetUpのオーガナイザーもしています。このサイトは「猫でもわかる」をモットーに、なるべくわかりやすい言葉で解説して、WordPressを楽しく続けていくために必要な情報をお届けするブログを目指しています。「こんなことが知りたい」などあればお気軽にご意見ください。ブログ記事の参考にさせていただきます。Proカスタマイズ】メールや電話のお問い合わせボタンをキレイに作る方法をご紹介します。綺麗で使いやすいだけでなく、ユーザーコミュニティのサポートが手厚いテーマです。コミュニティで気軽に質問に答えてもらえるので、WordPressを勉強して、自分管理・運営していきたいという方に特におすすめです。Proを3年使ってみたレビューです。ご検討中の方はぜひ参考にしてください。様子や操作方法の解説などの動画をアップしています。登壇動画2021年のWordPressイベントで初心者向けのWordPressの初め方についてお話ししました。