コンテンツにスキップ
GloboGlobo Docs
アプリをインストール
日本語

リンクリスト

アイコン、画像、バッジを任意で付けられる、定番のメガメニューブロックであるリンクの列を追加します。

リファレンス すべてのプラン 5 分で読めます

見出しとリンクのリストを、1列以上に分けて表示します。カテゴリー、ブランド、サイズ、その他のページのリストに使えます。

ブロックを追加する

  1. レイアウトを選ぶ

    プレビューのメガメニューパネルで ブロックを追加 をクリックします。リンクリスト をクリックし、レイアウトにカーソルを合わせて 選択 をクリックします。

    (1) リンクリストをクリック、(2) レイアウトを選ぶ。

  2. リンクを追加する

    プレビューのリストの下、または 要素 リストの 項目を追加 をクリックします。ブロックをクリックして 項目を編集 を開き、各リンクを入力します。削除するには 削除 をクリックします。

    プレビューの リンクリスト ブロックと、項目を編集に表示される設定。

  3. 保存して公開する

    保存 をクリックし、公開 をクリックします。

レイアウト

リンクリスト タブには、Hover image links（ホバー画像リンク）、Feature list（特徴リスト）、Feature list row（特徴リスト行）、Button（ボタン） の4つの特別なレイアウトが最初にあります。ホバー画像リンク、特徴リスト、ボタンをご覧ください。定番のリンクリストのレイアウトは次のとおりです。

2列
見出しと、2列に分けたリンク。
3列
見出しと、3列に分けたリンク。
シンプル
見出しと、1列のリンク。
アイコン付きリンク
各リンクの前にアイコンを表示します。
画像付きリンク
各リンクの前に小さな画像を表示します。

設定

ブロック

幅デフォルト: レイアウトによって異なる
ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。
列数デフォルト: 1（列レイアウトでは2または3）
リンクを1～6列に分けて配置します。
背景色デフォルト: 透明
ブロック全体の背景。
表示設定デフォルト: オフ
デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。
追加のクラス名デフォルト: 空
詳細設定 の下にあります。カスタムCSS用のCSSクラス。

各リンク

見出しにする
リンクを列の見出しとして表示します。リンクのない見出しは、通常のテキストとして表示されます。
アイコン
リンクの前に表示されるアイコン。メニュー項目のアイコンをご覧ください。
アイコンの幅
アイコンがアップロードした画像の場合に表示されます。自動 または カスタム（%、px、em、rem）。
タイトル
リンクのテキスト。
リンク
ページ、商品、コレクション、ブログ記事を検索するか、URLを貼り付けます。新しいタブで開くには 新しいタブで開く にチェックを入れます。
Image icon / Image width（画像アイコン / 画像の幅）
画像付きリンク などの画像を使うレイアウトで、リンクの前に表示する小さな画像とそのサイズ（自動 または カスタム）。
説明
リンクの下の短い1行のテキスト。
バッジPro
リンクの横に表示する「New」や「Sale」などの小さなラベル。バッジの表示を切り替え をオンにして、バッジのタイトル、バッジの文字色、バッジの背景色 を設定します。

ヒント

  • 各リストの先頭に、見出しにする を設定したリンクを1つ置きましょう。
  • リストの最後に、コレクション全体を指す View all（すべて見る） リンクを置きましょう。

このページは役に立ちましたか？

問題を報告