【超簡単です】SWELLでブログカードを簡単に設置する方法

「ブログカード」とは、リンク先のサムネイル画像やタイトル、概要文をオシャレに表示するための機能です。

↓↓例えば、以下のように表示されます↓↓

サイト内の内部リンクを充実させたり、デザインを整えたり、ブログ運営上欠かせない機能と言っても過言ではありません。

当ブログでも愛用しているWordPressテーマ「SWELL」では、ボタン１つで簡単に設置できる便利な機能が備わっています。

そこで今回は、「ブログカードの設置方法」をテーマに、基本的な操作について解説していきます。

本記事を読めば、誰でも簡単にオシャレなブログを作成できるようになること間違いありません！

上記に該当する方は、ぜひ最後までご覧いただき、参考にしてみてください！

ブログカードの設置方法

「SWELL」では、ブログカードの設置方法として、

• 内部リンク（自身のサイト内の記事を使用）
• 外部リンク（別のサイト内の記事を借りる）

という２パターン存在しますが、どちらもやり方に大きな違いはありません。

それぞれ順番に解説していきます。

①：内部リンクから作成する場合

まずはじめに、「SWELLブロック」パネル内にある「関連記事」を選択します。（①）

すると、画像のような「関連記事ブロック」が本文中に挿入されます。

ここで「内部リンク」が選択されていることを確認しておきましょう。（②）

そしてその下にある「IDを入力」もしくは「タイトルを入力して記事を検索」のどちらかの方法で、表示したい記事の情報を入力します。（③）

すると、以下のようにブログカードが表示されます↓↓

内部リンクから作成する方法はたったのこれだけ。とても簡単です。

②：外部リンクから作成する場合

外部リンクから作成する方法は、先ほどの説明とほとんど同じです。

「SWELLブロック」パネル内にある「関連記事」を選択し、「外部リンク」タブを選択します。

「URLを直接入力してください」と表示されますので、表示させたいページのURLを入力（コピペ可能）します。

すると、以下のようにブログカードが表示されます↓↓

外部リンクから作成する方法はたったのこれだけ。こちらもとても簡単です。

ブログカード設置の際の小技

次に、「関連記事ブロック」内にあるその他の設定項目についてもご紹介していきます。

画面右にあるブロックエディターでは、以下の画像のような場面が表示されています。

①：ブログカードの表示変更

エディター画面では、ブログカードの表示方法について、以下３つの設定が行えます。

↓↓それぞれの違いについては、以下のとおりです↓↓

自身のブログのデザインに合うように、ボタン操作だけで気軽に調整することができます。

②：「あわせて読みたい」文字の変更

ブログカード上に表示される「あわせて読みたい」文字は、変更することができます。

操作はとても簡単！エディター画面「キャプション」に表示させたい文字を入力するだけです。

↓↓「キャプション」に「オススメ記事」と入力したもの↓↓

内部リンクの場合は上部に表示されますが、外部リンクの場合は右下に表示されます（入力がない場合はサイト名）。

③：リンク先ページの表示方法

リンク設定では、「新しいタブで開く」を選択すると、ブログカードをクリックした際に別ウィンドウで表示されます。

ただし、これは内部リンクの場合のみ有効な設定です。

外部サイトへのリンクでは、「新しいタブで開く」の設定は無視され、強制的にオンになります。

参考：ブログカードのデザイン変更

ご紹介した「ブログカード」ですが、以下の方法でデザインを変更することができます。

WordPressのダッシュボードから、「SWELL設定」→「エディター設定」を選択します。

「その他」タブ内「ブログカード（内部・外部）」に関する項目がありますので、ここから変更します。

デザインはそれぞれ３種類ずつあり、ボタン１つでデザインを切り替えることができます。

変更後は、左下にある「変更を保存」を選択すれば完了です。

さいごに

以上、「ブログカードの設置方法」をテーマに、基本的な操作について解説しました。

ブログを運営するうえで欠かせない機能である「ブログカード」。

WordPressテーマ「SWELL」を使えば、ボタン１つで簡単に設置することができます

本記事でご紹介した方法を、今後のブログ運営に活用していただければ幸いです。

また以下の記事では、当ブログでも使用中のレンタルサーバーについて紹介していますので、併せてご覧ください。

＼ Webサイト制作応援キャンペーン実施中 ／

今回は以上です。最後までご覧いただき、ありがとうございました。