フォローする

【テクニック】ページの配下設定

今回は、1つのページの配下に他のページを設定する方法をご紹介致します。

例)「商品」というページの配下に「服」「家具」などのページを設定する。

 

ページの配下設定の方法については

以下の3つのステップをご参照ください。

 

1.配下となるページの設定

デザインパネル内「ページタブ」を選択します。

ページタブ内の「ページを追加」から新しくページを追加します。

 

例えば、上記の例のように、「タイトル」を設定し、

「上位フォルダ」の項目から、作成するページがどのページの配下となるかを設定します。

 

 

2.ナビゲージョンへのページ埋め込み

ページの追加後、デザインパネル内「コンテンツタブ」を選択し、

サイト上のナビゲーション部分をクリックします。

ナビゲーションの設定画面に移行するので、その画面から以下の項目を設定ください。

・「階層」:フラットリスト      ネストリスト

・「詳細設定」  ネストナビをホバーで表示

・「ページ」 ⇒  配下に設定したページをチェック(例:「商品」の中の「服」「家具」)

 

 

 

上記の設定より、指定のナビゲーションにカーソルを合わせると、

配下設定のページの項目が出現します。

 

3.デザイン変更

この配下設定したページの表示方法については、以下よりプレビューして

編集を行うことが可能です。

例えば、背景の帯の色・書体・文字間隔なども自在に調整可能です。

オンラインショップでのユーザビリティをアップしたり

デザイン上のアクセントとしてご活用いただけると思います。

ぜひお試しください。

 

(ご参考までに、以下も合わせてご覧下さい。)

■補足:ページを新しく追加する方法

■補足:追加ページをナビゲーションに反映させる方法

 

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント

Powered by Zendesk