MENU
チロ猫
こんにちは、チロ猫です。

ネットショップと趣味のブログをいくつか運営しています。
永久無料ドメイン付き!超高速サーバーConoHa Wing! 詳細

【SWELLブロックエディタ使い方5】関連記事、投稿リスト

この記事では、SWELLの独自ブロックである次の2つのブロックを紹介します。

  • 「関連記事」ブロック
  • 「投稿リスト」ブロック

SWELL独自の2つのブロックについて解説します。

目次

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

関連記事」は、よく「ブログカード」と呼ばれることもあります。

記事内に、「内部」や「外部」の関連記事のリンクを貼る際に使用します。

SWELLの関連記事ブロックには、以下の設定があります。

SWELL関連記事の設定画面

SWELLの関連記事の設定方法は大変簡単です。タイトルの一部を入力するだけで記事リストが表示されるので、その中から記事を選んでリンクを貼ることができます。

いちいち記事IDを探さなくても、リンクを作成できます(もちろん記事IDで指定もできます)。

また、外部リンクも貼ることが可能です。

内部リンクサンプル⇩

外部リンクサンプル⇩

関連記事のデザインを変更するには、下記で設定します。

SWELL設定 > エディター設定その他

SWELL設定ーエディタ設定ーその他の設定画面

 関連記事

投稿リスト|SWELLブロックエディタ

SWELLの投稿リストブロックでは、以下の設定を行うことができます。

投稿リストは、以下の2種類の表示方法があります。

  • 新着記事、人気記事
  • カテゴリー、ID

新着記事・人気記事の設定

SWELL投稿リスト(新着、人気記事)設定画面

カテゴリー・IDの設定

SWELL投稿リスト(カテゴリー、ID)設定画面

「投稿リスト」では、さまざまな方法で投稿記事を表示できます。

  • 新着順
  • 更新日順
  • 人気順
  • ランダム
  • カテゴリー
  • タグ
  • ID指定

以下に例を示します。

新着順、カード型の表示例

人気順、リスト型の表示例

ランダム、サムネイル型の表示例

SWELLカテゴリー、リスト左右交互の表示例

PCでは3列表示ですが、スマホでは2列表示なので最後の1つが半端になってしまった場合、そのまま残すか非表示にするかを設定できます。大変細かい設定が可能です。

 関連記事

よかったらシェアしてね!
目次
閉じる