メニューの位置 /ヘッダー・モバイルメニュー・AMP

WordPressのメニュー WP 設定

メニューの位置

Sponsor

WordPressのメニューの位置の設定

WordPressのメニューの設定で、テーマによりますが、次のようなメニューの設定があります。それぞれどのように表示されるのでしょうか?

  • ヘッダーメニュー
  • ヘッダーモバイルメニュー
  • ヘッダーモバイルボタン
  • フッターメニュー
  • フッターモバイルボタン
  • モバイルスライドインメニュー
  • AMP Menu 
  • AMP Alternative Menu – Below the Header
  • AMP Footer Men
Sponsor

パソコンで見た時のメニューの位置

  • ヘッダーメニュー
  • ヘッダーモバイルメニュー

ヘッダーメニュー(main menu)

ヘッダーメニュー
ヘッダーメニュー

フッターメニュー

フッターメニュー
フッターメニュー

モバイルで見た時のメニューの位置

  • ヘッダーモバイルボタン
  • フッターメニュー
  • フッターモバイルボタン
  • モバイルスライドインメニュー

モバイルボタンのメニュー表示例

フッターモバイルボタン./メニューの位置

色などは変更できます。

ヘッダーモバイルメニューの位置とフッターモバイルボタン

スティッキーバーにメニューボタンがあります。

フッターモバイルボタンとヘッダーメニュー/メニューの位置
ヘッダーモバイルメニューとフッターモバイルボタン

ヘッダーモバイルボタン

スティッキーヘッダーにメニューボタンがあります。

ヘッダーモバイルボタン
ヘッダーモバイルボタン

モバイルスライドインメニューの位置

モバイルスライドインメニューは横にスクロールします。

モバイルスライドインメニュー
モバイルスライドインメニュー

AMPのメニューの位置

  • AMP Menu 
  • AMP Alternative Menu – Below the Header
  • AMP Footer Men

AMP Menu のメニューの表示例(プラグインAccelerated Mobile Pages)

AMPのメニューの位置

色などは変更できます。

AMP Menu 

スティッキーヘッダーのボタンにAMPメニューがあります。

ステッキ―ヘッター
AMP Menu

AMP Alternative Menu – Below the Header

ヘッダーの下に表示されています。

ヘッダーの下のメニューの位置
AMP Alternative Menu – Below the Header

AMP Footer Menu

フッターに表示されています。

AMP Footer Menu(フッターメニュー)
AMP Footer Menu

メニューの位置の選択とテーマでの設定

メニューで選択したとしても、テーマで設定しなければ、表示されません。

私が利用しているテーマでは、メニューの設定は、ヘッダーの項目とフッターの項目とモバイルの項目で、それぞれのメニューの表示の仕方について設定します。

  • ヘッダーの設定でメニューの表示の仕方について設定
  • フッターの設定でメニューの表示の仕方について設定
  • モバイルの項目でメニューの表示の仕方について設定

モバイルの項目で、モバイルメニューとモバイルボタンの設定ができます。

プラグイン「Accelerated Mobile Pages」でもDesign のヘッダーとフッターで指定できます。

AMP導入・設定 AMP for WP

プラグイン公式 AMP for WP – Accelerated Mobile Pages

モバイルフレンドリー テストと改善

ブラグインのインストールなど、サイトを変更する場合は、バックアップをとって行ってください。

WP 設定
Sponsor
ゆきををフォローする