知らないと損！SWELLリンクリストブロックが神機能な理由

この記事では、その経験をもとに、SWELLの新しい機能「リンクリストブロック」でできることと、サイトの回遊率を上げる方法を、わかりやすく解説しますね。

この記事を読めば、今まで一つずつ手で作っていたリンク集が、簡単に作れるようになりますよ。

SWELLのリンクリストブロックを使って、読んだ人から「このサイト、使いやすい！」って言われるサイトを一緒に作っていきましょう。

まだSWELLを購入していないなら、以下の記事を参考にSWELLを導入してください。

SWELLの「リンクリスト」ブロックとは？

と思ったことはありませんか？

そんな悩みを解決してくれるのが、SWELLの新しい「リンクリストブロック」です。

たくさんのリンクを、すごく簡単におしゃれなリストにできる便利な機能なんですよ。

まずは、この機能でどんなことができるのか、その特徴や良いところから見ていきましょう。

リンクリストブロックで出来ること

この機能は、ただリンクを並べるだけじゃないんです。

プログラミングの難しい知識がなくても、見たまま簡単に操作するだけで以下のようなことができます。

順番に見ていきましょう。

リストのボタン化

リストの横並び表示

リストの先頭にアイコン設置

カテゴリーやタグのリンク一括生成

リストブロックやSWELLボタンとの違い

「普通のリストでもリンクは作れるんじゃない？」と思うかもしれませんね。

でも、リンクリストブロックは「リンク集をきれいに作ること」に特化している点が、大きく違うんです。

この機能は、普通のリストのおしゃれな見た目と、SWELLボタンの簡単なリンク設定の、両方の良いところを合わせた「いいとこ取り」の機能なんです。

リンクリストブロックを使う3つのメリット

この機能を使うと、3つのメリットがあります。

これらのメリットは、サイト運営の効率化や、読者がサイトを使いやすくなること（ユーザビリティの向上）に直接つながります。

【3STEP】SWELLリンクリストブロックの基本的な使い方

ここからは、リンクリストブロックの基本的な使い方を3つのステップで解説します。

画像を見ながら一緒にやってみれば、初めての方でも迷わずに設定できますよ。

リンクリストブロックの設定項目を徹底解説

基本的な使い方がわかったら、次はデザインを自分好みに変えてみましょう。

設定の基本：親子ブロック構造を理解しよう

まずは、うまく設定するために、「親子ブロック」の仕組みを理解しておきましょう。

リンクリストブロックは、リスト全体をまとめる「親ブロック」と、一つひとつのリンクである「子ブロック」の2階建てになっています。

このルールを覚えておけば、どこをどう設定すれば良いか迷わなくなります。

子ブロックを選んでいるときに親ブロックの設定をしたくなったら、上のメニューにある「親ブロックを選択」ボタンをクリックして下さい。

または、画面左下にある階層ナビゲーションの「リンクリスト」をクリックしても親ブロックを選択できます。

親ブロックの設定項目一覧（リスト全体のデザイン）

親ブロックを選ぶと、サイドバーにリスト全体のデザインを変えるための設定が出てきます。

これらの設定を順番に見ていきましょう。

スタイル

「デフォルト」と「ボタン」の2種類から選べます。

横並びにする

「横並びにする」をONにすると、リストが以下のように横に並びます。

ボーダーを付ける

デフォルトを選んでいる場合だけ、「ボーダーを付ける」をオンにするとボーダー（項目間の線）が引けます。

背景色を塗りつぶす

「ボタン」を選んでいる時だけ、「背景色を塗りつぶす」をONにするとボタンの中の色を塗れます。

さらに、角丸では0px〜100pxの間で設定できます。

アイコン設定

ここではアイコンの①大きさや②種類、③置く場所（右か左か）を決められます。

アイコンの大きさはem単位で変更できます。

アイコンの種類は以下の5種類です。

アイコンを置く場所は左右のどちらかになります。

カラー設定

アイコンやボタンの色を変更できます。

これらの設定を組み合わせるだけで、デザインの種類はたくさん作れますよ。

子ブロックの設定項目一覧（個別のリンクデザイン）

子ブロックでは、一つひとつのリンクに関する設定ができます。

サイドバーには特別な設定はなく、主にブロックツールバーで操作します。

テキスト入力・リンク設定・リスト項目の順番変更

①リンクとして表示させたいテキストを入力して下さい。

②鎖のマークのボタンから、URLを設定しましょう。

③矢印をクリックすることで、リスト項目の順番を変更できます。

新しいタブで開く設定

もし他のサイトへのリンクを貼るなら、新しい画面で開くように設定すると親切です。

新しいタブで開くようにする手順は以下の通りです。

ブロックツールバーの①リンクボタンをクリックし、 マークをクリックします。

「新しいタブで開く」にチェックを入れ、「適用」をクリックしましょう。

【神機能】カテゴリーやタグのリンクを一括生成する

リンクリストブロックで一番便利なのが、リンクを自動で作ってくれる機能です。

ブロックツールバーにある「一括生成」ボタンをクリックし、表示したいグループ（カテゴリーやタグ）を選ぶだけ。

これだけで、そのグループのリンクが自動で一覧表示されるんです。

リンクを一括生成する手順は以下の通りです。

なお、上記手順では「追加する」をクッリクしましたが、「入れ替える」をクリックすると、すでにあるリンクリストは削除されて選択したリストが表示されます。

一度設定してしまえば、あとは何もしなくて大丈夫。

新しい記事を書いても、このリストは自動で新しい情報に変わってくれます。

回遊率を高めるリンクリストブロックの具体的活用事例3選

リンクリストブロックの使い方を工夫すれば、読者を読ませたいページへスムーズに案内でき、回遊率を高めることができます。

ここでは、おすすめの活用事例を紹介します。

活用例①：フッターに読んでほしい記事一覧を設置

サイトの一番下に表示されるフッターは、記事を読み終わった人が次に見る場所です。

ここに、読んでほしい記事へのリンクを置いておくと、読者がサイトから離れてしまうのを防ぎ、他のページを見てもらうきっかけになります。

フッターにリンクリストを活用して記事一覧を設置する手順は以下の通りです。

活用例②：サイドバーにカテゴリーリンクを配置

次に、サイドバーにカテゴリーリンクを配置する方法を見ていきましょう。

標準のカテゴリーウィジェットを使うと、作成したカテゴリーがすべて表示されてしまいます。

「特定のカテゴリーだけを見せたい」という場合は、リンクリストを活用して、表示する項目を自由に選べるカテゴリーリンクを作成するのがおすすめです。

サイドバーにカテゴリーリンクを設置する手順は以下の通りです。

活用例③：HTMLサイトマップページを作成する

HTMLサイトマップとは、サイトの中にあるすべてのページを一覧にした、読者のための「目次」のようなページです。

SWELLでは、プラグインを入れないとHTMLサイトマップを作ることはできません。

しかし、リンクリストブロックを使えば、プラグインを入れなくてもサイトマップページを作ることができます。

サイトマップを作成する手順は以下の通りです。

SWELLリンクリストブロックに関するよくある質問

ここでは、リンクリストブロックを使うときによくある質問と、その答えをまとめました。

SWELLリンクリストブロックで、見やすく機能的なリンク集を作ろう

この記事では、SWELLの新しい機能「リンクリストブロック」の基本的な使い方から、デザインの変え方、サイトをたくさん見てもらうための具体的な使い方まで、詳しく解説しました。

リンクリストブロックを使いこなせば、これまで時間がかかっていたサイト内リンクが簡単に速く作成できます。

記事で紹介した「ボタン化」や「横並び表示」をうまく使って、読者が迷わない、便利できれいなサイトを目指してくださいね。

サイトの中をたくさん見てもらえるようになれば、サイトにいる時間が増えたり、収益が上がったりすることにもつながります。

この記事を参考に、SWELLのリンクリストをフル活用してください。

まだSWELLを使っていない方は、下のレビュー記事で他の機能も見てみるのがおすすめです。