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

ネットショップと趣味のブログをいくつか運営しています。
◆ 神テーマ「SWELL」のすべて!◆ 特徴 ~ エディタ ~ 移行手順 ~ デメリット ~ 感想 ~ 比較まで!記事へ GO!

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

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

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

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

\ 詳しく見てみる /

SWELLホームページ:swell-theme.com

目次

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

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

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

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

SWELL関連記事の設定画面

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

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

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

内部リンクサンプル⇩

外部リンクサンプル⇩

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

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

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

\ 参考リンク/

SWELL記事:関連記事ブロックで簡単にブログカード作成!

\ 詳しく見てみる /

SWELLホームページ:swell-theme.com

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

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

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

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

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

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

カテゴリー・IDの設定

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

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

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

以下に例を示します。

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

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

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

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

記事が見つかりませんでした。

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

\ 参考リンク/

SWELL記事:投稿リストブロックの使い方

\ 詳しく見てみる /

SWELLホームページ:swell-theme.com

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次