【SWELL】関連記事ブロックの使い方

こういった悩みにお答えします。

是非、最後までご覧ください。

【SWELL】関連記事ブロックの使い方【ブログカードを表示させる】

SWELLブロックの関連記事とは

記事を読んでいると以下のようなブログカードを目にすることがあると思いますが、SWELLではこのブログカードを関連記事ブロックで設置できます。

エディター設定

※ ブログカードのタイプ（見た目）を決めます。

管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。

エディター設定から、「その他」を選択します。

ブログカードを表示させる

関連記事ブロックを挿入

管理画面メニューから、「投稿」＞「新規投稿を追加」を選択します。

（ブロック挿入ツールを切り替え）から、「ブロック」＞「SWELLブロック」＞「関連記事」を選択します。

関連記事ブロックから、「リンク先を設定する」をクリックします。

下記、赤枠内にURLや投稿・タームIDを入力してブログカードを表示させます。

タームとは

※ 当サイトを例に解説

タクソノミー	ターム
カテゴリー	WordPress SWELL レンタルサーバー Web制作
タグ	SWELLでカスタマイズされた代表的なWP標準搭載ブロック SWELL専用のカスタムブロック SWELL推奨プラグイン

関連記事ブロックでブログカード（内部）を表示させる

投稿IDは、投稿一覧から確認できます。

ブログカード（内部）が表示されました。

本文に記事URLを貼ってブログカード（内部）を表示させる

下記、赤枠内に記事URLをコピペします。

記事URLをコピーします。

記事URLをペーストするとブログカードが表示されます。

プレビューするとブログカード（内部）として表示されています。

関連記事ブロックでブログカード（外部）を表示させる

記事URLをコピーします。

ペースト後、 （送信）をクリックするとブログカードが表示されます。

本文に記事URLを貼ってブログカード（外部）を表示させる

記事URLをコピペする方法は既に解説しているので割愛しています。

関連記事ブロックを使った時とは異なり以下のように表示されます。

プレビューするとブログカードが表示されます。

関連記事ブロックでタームをブログカードで表示させる

タームIDは、カテゴリーまたはタグから確認できます。

タームのブログカードが表示されます。

本文にタームURLを貼ってブログカードを表示させる

記事URLをコピペする方法は既に解説しているので割愛しています。

プレビューするとブログカードは表示されますが、関連記事ブロックを使った時と見た目が異なります。

【SWELL】関連記事ブロックの使い方【カスタマイズ】

スタイル

設定

画像・抜粋文の表示・非表示を設定

「ON」にすると画像と抜粋文が非表示になります。

キャプション・ページタイトルの上書き設定

アイコン

※ アイコンを内部リンクと外部リンクで使い分けることができます。

【SWELL】関連記事ブロックの使い方【まとめ】

「関連記事ブロック」と「本文に記事URLを貼る」違い

項目	関連記事ブロック	本文に記事URLを貼る
スタイルの変更
画像を非表示にする
抜粋文を非表示にする
キャプションの上書き
ページタイトルの上書き
アイコンの設定
デバイス制限
ブロック下の余白量
高度な設定

今回は以上です。