WordPress人気無料テーマ「Cocoon」をカスタマイズ、グローバルメニューとフッターメニューの設定

2019年2月3日

グローバルメニュー(またはグローバルなび)とは、ブログの全てのページに表示される案内用のリンクメニューの事です。初めてブログ(サイト)を訪れる人に知らせたい情報や、常時発信しておきたい情報へのリンクを並べます。
グローバルナビのリンク先としては、固定ページやカスタムな固定リンクを設定するのが一般的です。

主なリンク先としては

Home(サイトのトップページ)
お問い合わせのフォームページ
プロフィール

その他には
・店舗情報
・オンラインショップサイト
・ブログの記事のまとめサイト
・会社概要
・求人情報
などなど、サイトを訪れた人が知りたいと思うであろう情報や、お店や会社側から知って欲しいと思う項目を並べます。

またフッター部分に設定されるフッターメニューは、一般に「ページ情報」や「著作権」などを表示するために活用されます。
よく見られる項目としては、
・ブログの利用条件
・個人情報保護方針
・サイトマップ
・著作権表記
などです

今回利用している無料テーマ「Cocoon」では、デフォルトでグローバルメニューが表示されていないので、設定しました。
またフッターメニューには、アフィリエイトブログに必要な「プライバシーポリシー」と「特定商取引法に基づく表示」を追加しました。

 

メニューの設定

メニュー(ナビ)には、表示させる位置や形状によって何種かあり、それぞれの役割をになっています。

この記事では、メインとなるグローバルメニューと、フッター領域に設置するフッターメニューの設定方法について紹介します。

 

グローバルメニューの設定

WordPressダッシュボードの左メニューから、[外観]>>[メニュー]をクリックします。

キャプチャー、メニュー

 

メニュー作成用のウィンドウが出ます。
まず、メニュー名を入力します。
*これは自分が管理するためにわかり易い名前をつけます。

[メニューを作成] を、クリックします。
キャプチャー、グローバルメニュー

①編集するメニュー名を選択します。
②メニューに登録するページを選択します。
*あらかじめ作成した固定ページや、既存ページへのリンクも可能です
③[メニューに追加] をクリックします。
キャプチャー、メニュー作成

右ウィンドウのメニュー構造の欄に、追加されたページが並びます。
グローバルメニューとして表示されたときに上から順に左から右へ並びます。
並び順をドラッグして調整します。

キャプチャー、メニューの順番

順番が決まったら、
メニューの位置を選択します。
[メニューを保存]をクリックします。
キャプチャー、グローバルメニュー

画面上部に「グローバルメニューを更新しました」と表示されたら、設定完了です。
キャプチャー、メニュー

*メニューに追加できるページ
メニューには、以下のページが追加できます。
・「固定ページ」
・「投稿」:ブログ記事
・「カスタムリンク」:外部ページやHOMEなど
・「カテゴリー」:カテゴリー記事のまとめ

カスタムリンクの設定方法
①カスタムリンク欄の右端にある「▼」をクリックします。
キャプチャー、カスタムリンク選択
②表示させたいページのURLを入力します。
③メニューの項目名を入力します(メニュー一覧に表示されます)。
④[メニューに追加]をクリックします。
キャプチャー、カスタムリンク

投稿ページを開いた例
キャプチャー、投稿ページ

カテゴリーページを開いた例
キャプチャー、カテゴリーページ

ブログ表示確認

表示を確認します。

キャプチャー、グローバルメニュー

 

フッターメニューの設定

WordPressダッシュボードの左メニューから、[外観]>>[メニュー]をクリックします。

メニュー画面が開いたら[新規メニューを作成]の文字をクリックします。
キャプチャー、メニューの新規作成

メニュー画面でメニュー名に「フッターメニュー」と入力します。
[メニューを作成] をクリックします。

キャプチャー、フッターメニュー

フッターメニューに追加する項目にチェックを入れて、[メニューに追加]をクリックします。
キャプチャー、フッターメニュー

右側ウィンドウのメニュー構造の欄に、フッターメニューに追加した項目が表示されていることを確認します。
表示順を調整します。

メニュー設定欄でメニュー位置を選択します。
[フッターナビ]にチェックを入れます。

[メニューを保存]をクリックします。

キャプチャー、フッターメニュー

 

画面上部に「フッターメニューを更新しました。」と表示されたら、設定完了です。
キャプチャー、メニュー更新

 

ブログ表示確認

ブログの表示を確認します。
キャプチャー、フッターメニュー

これで、グローバルメニューとフッターメニューの設定は完了です。

さらに

↓↓↓↓↓↓↓

Cocoonで作ったブログで老後の「ゆとり」を生む資金をゲットしませんか

この記事を参考いただきCocoonでブログを作成したのなら、せっかくなのでブログを活用して、老後の資金をゲットしてみませんか?

今だけ無料で『資金づくりの種類や手法をわかりやすくまとめたレポート』をお渡ししています。無料で受け取りたい!ということであれば、今すぐ「りんごのメルマガ」にご登録ください。

登録後、特典の受け取り方法をご案内するメールをお送りいたします。
*特典を受け取った後にメルマガを解除いただいても構いません
*解除に対しての手数料もかかりません。

ただ、メールを読み続けていただくと、シニアライフに嬉しい「お小遣い」を獲得できるノウハウを紹介。無理なくコツコツと老後の資金を増やしていくためのお得な情報をお届けします(^^)。

興味のある方は以下からりんごの無料メルマガへ登録する

↓↓↓↓↓↓↓

りんごからのお知らせ

こんにちは、Ringoです。岡山県真庭市というところで、非常勤のデザイン講師をしながら、ブログ&アフィエイトビジネスに奮闘中です。

このブログと連携して「ゆとりのシニアライフを実現させる」をテーマにメルマガを配信、シニア&初心者向けにネットビジネスの進み方をお伝えしています。
経済的にも心にも「ゆとり」をもたらす収入をゲットしませんか!
イラスト、葉っぱ付きりんごを持ったおじさんとおばさん ブログを作ったけどアクセスが無い!、アフィリエイトの成果が出ない!
そんなあなたは必見ですよ
SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。

お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓ バナー、りんごメルマガ登録用 *詳細ページが表示されます、すぐにメルマガ申し込みはされません

よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは お問合せ