SWELL 記事下の関連記事の数を変更する

SWELLの記事下・関連記事の表示数

SWELLデフォルトで、記事下に表示される関連記事の数は

PC	4カラム	2列8個
タブレット	3カラム	2列6個
SP	2カラム	2列4個

表示数が多い気がするので変更することにする。
PHPで可能な様です。

以下のように変更します。

PC	4カラム	1列4個
タブレット	3カラム	1列4個
SP	2カラム	2列4個

WPCodeでPHPをスニペットにしてfunctions.phpで実行

/* swell- 関連記事の数 */

<?php
function example01(){
return 4;
}

add_filter(  'swell_related_post_maxnum' , 'example01' );
?>

このコードをWPCodeでスニペットとして作って
①挿入方法「自動挿入」
②場所「あらゆる場所で実行」で保存して、有効化する。

タブレット表示の修正CSS

このままだとタブレット表示は、3カラムなので1個だけ改行されるので、修正CSSを追加する。

/* 関連記事を4列表示にする */
@media (min-width: 600px) {
 .-related .p-postList__item{
    width: calc(100% / 4);
  }
}

これで完成です。
SWELLのカスタマイズは色々な方がやっているので、調べるとほぼコピペで出来きてしまいます。素人には助かります。

SWELLのカスタマイズの参考になれば嬉しいです。