Wix エディタ:パンくずリストをカスタマイズする

読了時間:4分
パンくずリストを追加・設定したら、サイトのデザインやスタイルに合わせてカスタマイズしましょう。
プリセットから選択し、レイアウトやデザインをカスタマイズするなど、訪問者が簡単にページを行き来できるようにしてみましょう。
この記事では、次の項目について説明します:
重要:
パンくずリストを追加・カスタマイズするには、Velo 開発モードを有効にする必要があります。Velo を使用すると、サイトでコーディングを使用して、カスタム機能とインタラクションが作成できるようになります。Velo についての詳細はこちらをご覧ください。

パンくずリストのレイアウトを変更する

パンくずリストのレイアウトを、サイトの配置に合わせて調整してみましょう。区切り線、間隔、アイテムの方向などの設定を変更することができます。

リストのレイアウトを調整する方法:

  1. エディタでパンくずリストのパーツをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. 利用可能なオプションを使用してレイアウトを調整します:
    • オーバーフローしたアイテムの表示方法:リストに収まらないアイテムの表示方法を選択します:
      • すべてのアイテムを表示:アイテムが収まらない場合、リストに別の行を作成します。
      • アイテムを折りたたむ:アイテムを 1行だけで表示します。収まらない場合は、省略記号が表示されます。
    • 区切りアイコン:トグルを有効にしてアイテム間に区切り線を表示し、V字型またはバックスラッシュから使用するアイコンを選択します。
    • 縦の間隔:スライダーをドラッグして、アイテム上下の間隔を変更します。
    • 横の間隔:スライダーをドラッグして、アイテムの間隔を変更します。
    • アイテムの配置:アイテムの配置方法を(中央)から選択します。
    • パンくずリストの表示方向:アイテムの表示方向を、左から右または右から左から選択します。

パンくずリストをデザインする

利用可能なオプションから別のプリセットを選択するか、さらにカスタマイズして、訪問者にページの階層を表示するクリーンで洗練されたリストを作成してみましょう。間隔、色、サイズなどの設定で、リスト全体のデザインを調整することができます。

デザインをカスタマイズする方法:

  1. エディタでパンくずリストのパーツをクリックします。
  2. デザインを変更」アイコン  をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. ドロップダウンメニューからデザインするものを選択します。

お役に立ちましたか?

|