SWELL│複数サイトの新着記事をカードで表示するカスタマイズ

色んなジャンルの記事をまとめた技術ブログ「CGメソッド

2026年からカテゴリーをサブディレクトリサイトに分けてみました。

その新着記事をまとめた表示を作りたかったのでSWELLで複数のサイトの新着記事をカードで表示するカスタマイズをしてみましたので、その備忘録です。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

SWELLで複数のサイトの新着記事をカードで表示するカスタマイズ

SWELLには、すでにRSSブロックがありますが一つのサイトしか表示できません。

この表示を拡張して複数のサイトを登録して、その中の新着記事を表示させています。

やり方は簡単です。

functions.phpにコードをいれて、各サイトのRSSを登録。

あとはショートコードで表示するだけです。

SWELLのクラスを使っているので、カードの見た目はそのまま表示できています。

ショートコード

編集記事に、下記のショートコードブロックの内容を挿入します。

[[multi_rss_cards limit="3" pc_col="3" sp_col="2"]]

limit … 全体の表示件数

pc_col / sp_col … -pc-col3 -sp-col2 の数字を変えられます

コード

functions.phpに下記のコードを挿入します。

エラーが怖い人はCode Snippetsのプラグインを入れて、そこからコードを挿入しましょう。

RSSのURL入力は書き換えてください。

サンプルでCGメソッドのものを入れております。

  • URLをコピーしました!

WAZAの有料記事のサブスクリプションも開始しました。

サービス

Service

WordPressサイトのカスタマイズのサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次