SWELLの「関連記事ブロック」使い方完全ガイド｜内部リンク・外部リンクをブログカードで設置する方法

SWELLの「関連記事ブロック」の使い方を初心者さん向けに解説します。

それではご覧ください。

関連記事ブロックとは？

関連記事ブロックは、投稿や固定ページ内に「関連記事」を一覧表示するためのブロックです。

SWELLではブログカード形式で表示でき、内部リンクや外部ページの紹介に便利です。

SWELLブロック：関連記事では以下のようなリンク表示ができます。

SWELLブロック：関連記事とは…
「WordPressの埋め込みブロック」をSWELL専用に簡単に使いやすくした機能と考えると理解しやすい思います。
最大の特徴は、内部リンクと外部リンクどちらでも同じ手順でブログカード化ができることです。
また、内部リンクの検索に長けているので 作業がシンプルになり作業効率は向上します。
（内部リンクの検索については次の章で詳しくご紹介します）

「デフォルト・スリム・テキスト」の3種類のスタイルがワンタッチ変更でききます。

関連記事ブロックの基本的な使い方

ここでは、関連記事ブロックの基本的な使い方をご紹介します。

関連記事ブロックの挿入手順と記事挿入後にできるカスタマイズ（表示設定）の2つのセクションに分けてご紹介します。

関連記事ブロックの挿入手順

• 投稿（エディター）画面での操作になります。

これで準備OKです。
続いて、「内部・外部リンク」それぞれをカードリンクかする手順を見ていきましょう。

内部リンクをブログカードで設置する方法

ここでは、内部リンクをブログカード化する手順を2通りご紹介します。

❶ 検索またはURLを入力

自サイトの各ページを手軽に検索できます。検索欄に関連記事のタイトルに含まれるキーワードを入力すると、該当する投稿をすぐに見つけられます。投稿やタームの「ID」をわざわざ確認する必要はありません。

検索欄にキーワードを入力し、表示される候補（ドロップダウン）から該当する記事を選択しします。

❷ 投稿またはタームのIDを直接入力

投稿やタームの「ID」を入力すれば、内部リンクをブログカードとしてすぐに作成できます。IDを把握しているときは、この方法が一番カンタンで効率的です。

投稿ID：投稿（記事）や固定ページに自動的に付けられる『ID』番号のことです。（半角数字）
タームID：カテゴリやタグのページに自動的に付けられる『ID』番号のことです。（半角数字）
※ ターム：条件

IDの確認方法（投稿IDの場合）参考

Menu『WordPress管理＞ダッシュボード＞投稿＞投稿一覧』をクリックします。

画面右側のID番号を控えます。（固定ページ・カテゴリーページ・タグページ等 同じ要領で確認できます。）

投稿またはタームのIDを直接入力してします。

外部リンクをブログカードで設置する方法

ここでは、外部リンクをブログカード化する手順をご紹介します。

・検索またはURLを入力

外部サイトのリンク先URLを入力します。 ※ 検索機能は内部リンク専用なので 外部リンクには適応しません。

検索欄に外部サイトのURLを入力し、Enterキーを押します。

内部リンク・外部リンクの共通設定

ここでは、内部リンク・外部リンクの共通設定をご紹介します。

初期設定では、内部リンクは同じタブで開き、外部リンクは新しいタブで表示される仕様になっています。

ここでは、この動作を切り替える方法をご紹介します。

ブログカード表示のカスタマイズ（見た目調整）

ブログカードの見た目をカスタマイズできる設定箇所は2か所あります。

記事ごとの個別調整と、サイト全体に適用する基本（グローバル）設定の2種類があり、ここでは両方の操作方法を詳しく解説します。

❶ エディター画面で記事ごとに設定

この設定では、投稿や固定ページに挿入した関連記事（ブログカード）の見た目やデザインを変更できます。

設定メニューの場所は、投稿（エディター）画面の右側に表示される『設定＞ブロック』タブメニューです。

表示されていない場合は、以下の画面を参考に設定アイコンをクリックします。

ブロックタブメニュー詳細設定項目

❷ SWELL設定 → エディタ設定で基本（グローバル）設定

SWELL設定 → エディター設定での変更は、全ての関連記事ブロックに反映されます。

SWELL設定 → エディター設定では、デフォルトで表示される「タイプとキャプション」が設定できます。

内部リンク・外部リンクともに、3つのパターンから選択できます。さらに、内部リンクのキャプションは自由に変更可能です。

関連記事ブロックのカスタマイズイメージ（表示スタイル）

関連記事ブロックのカスタマイズイメージ（表示スタイル）をまとめました。

以下はカスタマイズの参考イメージです。

まとめ！SWELLの「関連記事ブロック」使い方完全ガイド｜内部リンク・外部リンクをブログカードで設置する方法

SWELLの関連記事ブロックは、内部リンク・外部リンクを簡単にブログカード化できる便利な機能です。記事同士を自然につなげることでSEO対策にも効果的で、読者の回遊率アップにも役立ちます。ブログ初心者にもおすすめのブロックエディター機能です。この記事がお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。＼^^／