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

WordPressのメニューWP 設定
ヘッダーモバイルボタン

WordPressのメニューの設定

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

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

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

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

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

WordPressのメニュー
ヘッダーメニュー

フッターメニュー

WordPressのメニュー
フッターメニュー
Advertisements

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

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

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

WordPressのメニュー
Advertisements

色などは変更できます。

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

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

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

ヘッダーモバイルボタン

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

WordPressのメニュー
ヘッダーモバイルボタン

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

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

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

AMPのメニュー

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

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

WordPressのメニュー

色などは変更できます。

AMP Menu 

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

WordPressのメニュー
AMP Menu

AMP Alternative Menu – Below the Header

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

WordPressのメニュー
AMP Alternative Menu – Below the Header

AMP Footer Menu

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

WordPressのメニュー
AMP Footer Menu

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

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

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

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

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

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

Advertisements
タイトルとURLをコピーしました