WPテーマ「アフィンガー5(WING)」でメニューを上(ヘッダー)に設置する方法

投稿日:2019年5月12日 更新日:

ここでは、

アドセンス審査を目的として、
以下の情報をブログの上の部分

ヘッダーにメニューとして設置、
表示させる方法を解説します。

・ホーム
・運営者情報
・プライバシーポリシー
・お問い合わせ

ヘッダーメニューは正式には
「グローバルナビゲーションメニュー」といいます。

よく「グローバルメニュー」と略されることが多いです。

ちなみに、

上記のような
運営者情報等はブログの下の方
「フッター」部分のメニューに置くのが一般的です!

が!!

アドセンスの審査員にアピールするために、
アドセンス審査申請時には、ヘッダーに置きましょう!

審査通過後にフッター部分に移動させて、
カテゴリ情報をグローバルメニューに置けばOKです!

現在、アウトプットフリークで
使っているWPテーマ(テンプレート)は
アフィンガー5(WING)です。

グローバルメニューの作成方法

ワードプレスブログのダッシュボードで、
「外観」→「メニュー」をクリックします。

「最初のメニューを以下で作成しましょう。」と指示があります。

メニュー名に分かりやすい名前を入れます。
ここでは「グローバルメニュー」としました。

そして、右側の「メニューを作成」をクリック

次に、メニューに表示させたい記事
通常は自分で作った運営者情報等の

「固定ページ」にチェックを入れて、
右側の「メニューに追加」をクリック。

固定ページの作り方は、
以下の記事を参考にしてください。

>> ワードプレス(WordPress)ブログで固定ページを作る方法

すると、選択した項目が、
メニュー構造に追加されます。

項目の順番を変えたい時は、
ドラッグ&ドロップで変更できます。

メニュー設定のメニューの位置で、
「ヘッダー用メニュー」と、
「スマートフォン用スライドメニュー」を選択して、

右下の「メニューを保存」をクリックします。

※スマホはヘッダーをスッキリさせたいので、
本来ならメニューを置きたくありません。

ただ、アドセンスの審査が通るまでは、
スマホでも、運営者情報等の必須項目を
ヘッダーメニューに置いておくことにしました。

さらに、「ホームボタン」を入れたい場合は、
左側の「メニュー項目を追加」の下にある
「カスタムリンク」を開きます。

ブログの「URL」と、
「リンクの文字列」を入力して、
「メニューに追加」をクリック。

メニュー構造の一番下に「ホーム」が追加されます。
それをドラッグ&ドロップで、一番上に持っていきます。

そして、「メニューを保存」します。

これでメニューの作成が終わりました!

次に、アフィンガー5(WING)で設定をします。

デフォルトの設定ならすでにPC画面には、
グローバルメニューが表示されているはずです。

その他の設定にしている場合は、以下の設定をしてください。

まず、ワードプレスのダッシュボードで、
「AFFINGER5 管理」→AFFINGER5 管理」をクリック。

メニューをクリック

PC用グローバルメニューの項目で、
「PC用メインメニューをに表示する」か
「PC用メインメニューをに表示する」か

を好みで選択します。

以上で、

PCでのグローバルメニューの設定完了です。

あとは、目視で、それぞれを確認してください。

スマホにメニューが表示されない場合

スマホでも、右上にハンバーガーメニュー
が表示されているはずです。

もし、スマホで表示されていなかったら、
下記画像の「スマートフォンメニューに表示しない」に
チェックが入ってないかをご確認ください。

 

 

 

-ブログ運営

Copyright© サルコッチのアウトプットフリーク , 2021 All Rights Reserved Powered by AFFINGER5.