SWELLのリンクリストブロック｜使い方も簡単でナビゲーションで活躍するブロック

SWELLのリンクリストブロックについて紹介します。

リンクリストブロックを使うことで、複数のリンクを箇条書きの形式で並べて表示することができます。

トップページやフッター、サイドバーなどのウィジェットに配置することで、記事やカテゴリーなどへの導線を簡単に作ることができます。

---

---

SWELLのリンクリストブロックでできること

SWELLのリンクリストブロックでは、リンクを設定した箇条書きを簡単に作ることができます。

トップページなどでナビゲーション用の導線を作る際、ボックスメニューブロックなども便利です。

WordPress標準のリストブロックでも同様のことはできますが、リンクを設定したリストを作成したい場合は、SWELLのリンクリストブロックを使ったほうが効率よく見た目の整ったリンク集を作れると思います。

リンクリストブロックでできることを簡単に紹介します。

リストのスタイルの変更

SWELLのリンクリストブロックでは、以下2種類のデザインを選ぶことができます。

リンクを横並びにすることも可能です。

デフォルトスタイルの場合は、リストにボーダーを付けることができます。ボタンスタイルの場合は、ボタンのカラーを塗りつぶすかどうかの設定もできます。

リストアイコンの設定

リンクリストブロックでは、リストアイコンも5種類(アイコン無し+4種のアイコン)から設定できます。

アイコンの配置を左右どちらに配置するか設定も可能です。

SWELLのリンクリストブロックの使い方

SWELLのリンクリストブロックの基本的な使い方は以下のとおりです。

リンクリストブロックは、「リンクリスト(親ブロック)」と「リンクリスト項目(子ブロック)」で構成されています。それぞれで設定項目があるので覚えておきましょう。

細かい設定も紹介していきます。

リストのスタイル、配置の設定

リストのスタイルや配置は親ブロックを選択した状態でサイドバーから設定が可能です。

ブロックサイドバー→『スタイル』

リストのカラーを変更したい場合も、親ブロックを選択した状態でサイドバーから設定できます。

ブロックサイドバー→『カラー設定』

リストアイコンの変更、配置の設定

リストアイコンの変更は、親ブロックを選択した状態でサイドバーから可能です。

ブロックサイドバー→『設定』

フォントサイズも変更できるのでお好みで調整しておきましょう。

リストの順序入れ替え

リストを作成中に、リストの順番を入れ替えたくなるケースもあると思います。

そんな時は、対象のリンクリスト項目ブロック(子ブロック)を選択した状態で、ブロックツールバーの以下ボタンをクリックすることで簡単に順序を入れ替えることができます。

リンクの一括生成機能

サイト運営者視点で、SWELLのリンクリストブロックを活用する最大のメリットは「一括生成機能」だと思います。

標準のリストブロックで同様のリンク集を作る場合、リンクをひとつひとつ手作業で設定していく必要があります。

ですが、SWELLのリンクリストブロックでは、カテゴリーやタグなどの情報を取得し、一括でリンクを作成してくれる機能があります。

以下の手順で、リンクの一括生成が可能です。

リンクリストをフッターなどウィジェットで使う方法

リンクリストブロックをサイドバーやフッターなどのウィジェットで表示させたいというケースも多いと思います。

現状SWELLではクラシックウィジェットを採用しているため、ウィジェット内にはブロックをそのまま配置できません。

ウィジェット内にリンクリストブロックを配置する場合は、SWELLのブログパーツ機能を活用することで表示できるようになります。

以下の手順でリンクリストブロックをウィジェットに配置できます。

上記の手順で、サイドバーやフッターなどのウィジェットにリンクリストブロックを配置できます。

SWELLのリンクリストブロックまとめ

SWELLのリンクリストブロックについて紹介しました。

リンクリストブロックでは、箇条書き形式でまとめたリンク集を作成できます。

リスト全体やリストアイコンを自由に設定できるので、柔軟な表現が可能です。トップページやフッター、サイドバーなどのウィジェットに配置することでナビゲーションの役割を期待できます。

ぜひ、リンクリストブロックを活用してみてください。

最後まで読んでいただきありがとうございました。

---

SWELL公式サイトはこちらからどうぞ…！

SWELLブロックエディターの関連記事

SWELL全般の関連記事