リソース機能を使って、 PCのグローバルメニューでは設定したうち一部のメニュー表示、 スマホのメニューでは設定した全メニューを表示したい。

2021年12月09日
リソース機能を使って、 PCのグローバルメニューでは設定したうち一部のメニュー表示、 スマホのメニューでは設定した全メニューを表示したい。

========================
■1つのグローバルメニューリソースを使用する方法
========================


⓪GDNで推奨するグローバルメニューのリソース設定を
 既につかっている場合の想定のため、
 設定されていない場合は、下記入力項目で設定をお願いします。
●リソースグループ名:グローバルナビゲーション
 リソースグループコード:gnav
●コード/入力項目名/入力タイプ
・link/リンク/フィールドセット
 ┗link_url/URL/一行テキスト
 ┗link_text/リンクテキスト/複数行テキスト
 ┗hidden/表示/単一選択
  ┗0 表示
  ┗1 非表示
 ┗sub_nav/サブナビ/フィールドセット
  ┗href/リンク先/一行テキスト
  ┗text/リンクテキスト/一行テキスト
  ┗hidden/表示/単一選択
   ┗0 表示
   ┗hidden 非表示


①現在のグローバルメニューリソースに、スマートフォンで表示したい全てのメニューを登録します。


②PCでは非表示にしたいメニューに

 「非表示」チェックを入れます。


③ヘッダーウィジェットのメニュー部分には

 「非表示」チェックを入れたメニューが表示されないように以下の分岐が入っているため、

 チェックを入れたものは表示されなくなります。


④スマホ用のメニュー部分には、上記の分岐を入れません。

 ※もし入っている場合は消します。


※{hidden2:~…から始まるものは、

フィールドセット内入れ子の項目です。


⑤リソースの「表示」「非表示」の項目については、

 お客様が判別しやすいよう、入力項目の名前を

「PCメニューでの表示」等に変更すると良いかと存じます。


========================
■新規でリソースグループを作成する方法
========================
「グローバルメニュー」のリソースと同じ項目で、
新たに「スマホ用メニュー」というリソースグループを作成し、
メニュー登録した上で、ヘッダーウィジェットを書き換えます。
お客様で運用しやすいのは、
既存のグローバルメニューリソースを使用する方法かと思います。