スマホとPCのグローバルメニューを出しわける方法について

[西本]

スマホとPCのグローバルメニューを出しわける方法について質問がございます。

スマホ時にのハンバーガーメニューに

「A,B,C,D,E」

という内容を表示させたい。

PCの時は

「A,B,C,D」

という内容を表示させたい。

上記のようにスマホとPCのグローバルナビの内容を出しわけたいのですが、実現可能でしょうか？

現在の仕様（初期からある機能）ですとスマホとPCのグローバルメニューの内容は一致してしまいます。

宜しくお願いいたします。

[岩崎浩]

やり方はいくつかございます。

サイト自体がレスポンシブになっている場合で、PC時とスマホ時のHTMLが共通でしたら
ルールの機能を使って、PCとスマホ時にメニューの部分だけ違うテンプレートを読み込むようにしてみてください。
https://developer.a-blogcms.jp/document/rule/basic.html

HTMLが共通ではない場合は、モジュールIDをPC用とスマホ用で別々にして作成していただければ
表示される内容がそれぞれ別のものになります。

> 現在の仕様（初期からある機能）ですとスマホとPCのグローバルメニューの内容は一致してしまいます。
これは、a-blog cmsの仕様や機能ではありません。
HTMLでそのように記述されているのではないでしょうか？

site2016の標準テーマでしたら、スマホ時とPC時でHTMLは別になっております。
PC時に表示しているファイル
/include/header/globalNavi.html

スマホ時に表示しているファイル
/include/header/spGlobalNavi.html

上記2ファイルで共通のモジュールID：global_naviを使用しているため同じ内容が表示されております。
例えば、スマホ時はglobal_navi_spのように変更していただき、モジュールIDも用意して頂ければ
別々の内容が表示されるようになります。

よろしくお願いいたします。