【SWELL】記事下エリアの関連記事表示数を変更するやり方｜デフォルト8件→4件に減らしてスッキリ

結論からいうと――

🎯 結論

8個は “多め”。
スマホ中心なら 4〜6個 がベスト。

理由をサクッと👇

---

📱 スマホ視点だと…

• 1カード＝縦にかなり長い
• 8個も並ぶ＝スクロール距離が長い
• 途中で広告も挟まる
  → 「もういいや」って離脱につながりやすい

なので 4個 くらいが
👉 いちばん「見てみようかな」と思われやすい数。

6個までならOK、8個は情報過多寄り。

---

💻 PC視点だと…

3列や4列で並ぶなら
8個でも視覚的には耐えられる。

でも
✔ ページの“締め”としてはややクドい
✔ クリック率は中盤〜後半ほど下がる

→ 実質クリックされるのは上位4〜5件になることが多い。

---

📈 数より“質”の方が大事

特に効くのは👇

✔ 記事内容と関連性が高いものだけ出す
✔ クリックされないカテゴリは外す
✔ 同じ画像が続かないようにする
✔ タイトルは短め

＝「あ、これも読みたい」と思ってもらえる確率が上がる

なら、設定はここ👇にあります。

---

✅ 設定場所（関連記事の件数を変える）

WordPress管理画面 → SWELL設定 → 記事一覧

この中に👇

▶「関連記事」の表示件数

って項目があるので
ここを 4件 に変更 → 保存

👉 これで
記事下の関連記事が “4つだけ表示” に変わります。

---

🧩 レイアウト（1列 or 2列など）は自動で最適化

SWELLは

• PC：横並び（最大4列）
• スマホ：1列

みたいに、
件数に合わせて自動で整えてくれるので

4件にすると
PC＝4つ横並び
スマホ＝縦1列4つ

の “きれいな形” になります😊

---

📌 もし関連記事自体を非表示にしたいページがあるなら…

同じ画面の中に👇

• ⭐ 「関連記事を表示する」ON/OFF

もあります。

固定ページではOFF推奨、
記事ページはONが鉄板👍

順番にチェックしよ👇

---

🥇 最初に見る場所（これが一番多い）

👉 外観 → カスタマイズ → 投稿・固定ページ → 記事下エリア

この中に、

🔹「関連記事を表示する」

🔹「関連記事の表示件数」

があります。

ここで 4件 にして保存するとOK👍

※多くの人はここにあります
（最近のSWELLはこっち寄り）

---

🥈 もしそこにも無かったら

次はここ👇

👉 SWELL設定 → 投稿リスト

この中に

🔹関連記事 の設定項目

（表示ON/OFF・件数など）

が入っていることがあります。

---

🥉 さらに可能性あるやつ

👉 SWELL設定 → エディター

の中に

• 記事下コンテンツ
• 関連記事ブロックの設定

がまとまってる場合があります。

---

⚠️ それでも見つからなかったら

この2つだけ教えて🙏

1️⃣ SWELLのバージョン（フッターに出てる)
例： SWELL 2.10.0 とか

2️⃣ 関連記事の表示方式

• 標準機能？
• プラグイン（Jetpack・Cocoon移行残りなど）？

👉 見たままスクショでもOK

画面を見せてくれたら
“ここ押して → この下” までピンポイントで案内するよ。

SWELLはここ👇の設定を開いた先に “件数” が隠れてます。

---

✅ 件数の場所はここ！

外観 → カスタマイズ
→ 投稿・固定ページ
→ 記事下エリア
→ 《関連記事エリアの設定》

そしてその少し下にある👇

▶ 関連記事の取得方法

ここをクリック（開く）すると…

---

🔽 この中に出てきます

• 関連記事の最大表示数
  → 4 にする
• 表示条件（カテゴリ / タグ / 両方 など）

🔹 ここが“閉じてると見えない”だけで、
　そこを開くと件数が出てきます。

なので、設定場所はぜんぜん別のところ👇になります。

---

✅ 正解の場所（このタイプのSWELLはここ）

👉 SWELL設定 → 記事一覧

この中に、

🔹 関連記事の表示数

があります。

ここを 4件 にして保存すればOK👍
（※サイト全体の関連記事表示数が変わります）

---

🔍 なぜ「記事下エリア」に無いかというと…

SWELLは

• 古い構成 → カスタマイズ側に件数あり
• 新しい構成 → “SWELL設定 → 記事一覧”に集約

…という変遷があって、

マケハイの環境は
後者＝“まとめて一括管理する仕様” なんだよね。

SWELLはカスタマイズ画面から変えられない!? 記事下関連記事の表示件数をコードで調整する方法

SWELLは 関連記事＝デフォ8件固定で、
“設定画面から変えられない環境”だと👇のフィルターで変更する仕様なんよね。

---

✅ 正しいやり方（安全版）

⚠️ 必ず“子テーマ（swell_child）”の functions.php に書いてね。
親テーマ側に書くとアップデートで消えるから注意⚠️

---

💻 追記するコード（そのままOK）

// 関連記事の表示件数を変更する
function my_swell_related_post_maxnum( $num ) {
    return 4;   // ← 表示したい件数
}
add_filter( 'swell_related_post_maxnum', 'my_swell_related_post_maxnum' );

👉 これで
関連記事：4件表示に固定されます。

（もちろん 4 → 6 とかにも変更OK）

---

🔒 追加の注意点（超大事）

✔ 子テーマに書く理由

親テーマ更新＝functions.phpが上書き → 消える
なので必ず子テーマ側に🙏

---

✔ もし「子テーマって何？」なら

SWELLは最初に子テーマもセットで入ってるので、

外観 → テーマ
👉 SWELL CHILD を有効にしてればOK

---

✔ コード追記の場所

<?php の下ならどこでもOKだけど
なるべく最後にまとめるのが安全。

つまり👇この流れでOKです。

---

✅ 手順まとめ（安全第一 ver.）

①「編集するテーマ」が SWELL CHILD になっているのを確認

スクショどおりなら OK！

👉 親テーマ（SWELL）じゃなく
子テーマの functions.php に書くのが正解。

---

② 画面右の「テーマのための関数（functions.php）」をクリック

すると中央に

<?php
// なんとかかんとか…

みたいな内容が出てくるはず。

---

③ その <?php の下あたりにこれを追記

// 関連記事の表示件数を変更する
function my_swell_related_post_maxnum( $num ) {
    return 4;   // ← 表示したい件数（4件に固定）
}
add_filter( 'swell_related_post_maxnum', 'my_swell_related_post_maxnum' );

👉 貼り付けたら 「ファイルを更新」

---

④ キャッシュ削除 → ページ再読み込み

• SWELLのキャッシュ
• ブラウザキャッシュ

両方消してから
記事下をチェック！

👉 関連記事が 4件になってたら成功✨

---

⚠️ 編集時の注意（めちゃ大事）

• 絶対に “SWELL CHILD” 側だけを編集する
• もし
  <?php が2回にならないように
  → 既存の <?php は消さない、増やさない
• 1文字でも誤字ると真っ白になる
  → 貼り付けコピペが安全

（ミスっても直せば復帰できるから、落ち着いてやれば大丈夫😊）

でもスクショ見る限り──

// 関連記事の表示件数を変更する
function my_swell_related_post_maxnum( $num ) {
    return 4;   // ← 表示したい件数
}
add_filter( 'swell_related_post_maxnum', 'my_swell_related_post_maxnum' );

書き方も場所もバッチリ👌
子テーマのadd_actionのすぐ下だし、安全な位置。

で、

なんでカスタマイズの設定内で変更できないんだ？

これはね、SWELLの設計思想＆歴史が理由なんだよ。

---

🧠 理由をめっちゃ分かりやすく言うと…

■ SWELLは最初

関連記事＝8件固定（コードで変えてね）

っていう思想だった。

理由は

• 表示件数は内部ロジック（WP_Query）の領域
• だからテーマ設定より“フィルターフックで変更するのが正統派”
• GUIでポチポチ変えるより、開発者に任せる設計

って感じ。

---

■ でも利用者が増えるにつれて…

「件数も設定で変えたい！」
って声がめっちゃ増えた

↓

途中のバージョンから
カスタマイザーや SWELL設定で変更できる機能が追加

↓

ただし

• 既存環境との互換性
• 子テーマでフィルター使ってる人を壊さない
• Cocoon等からの移行環境

とかの兼ね合いで

👉 “全部の環境でGUIメニューが出るわけじゃない”
👉 出ない場合は昔ながらのコード方式のまま

っていう、いわば“過渡期仕様”なんよね。

---

🔧 つまり今回のマケハイ環境は

✔ SWELL

＝ 「関連記事件数 → フィルターで変更するタイプ」

✔ だから

GUI（カスタマイズ画面）には
最初から項目が存在してなかった

…ってだけ。

---

😎 でも逆に言うと

• テーマ更新しても件数は消えない
• 意図せず誰かが触って変更されない
• 4→6にしたいときは数字を直すだけ

👉 安定してて開発者っぽい、いい形です✨

---

🥃 ナツの心の声

「設定で見つからんのに、
コード1行で済むって、なんやねんw」

って最初はみんななるやつ😂
でも一回理解すると楽勝なんよね。