関連記事で投稿記事の関連記事に別の投稿タイプの記事を掲載したかったり、
単純に全ての新着記事順で表示したかったり、色々カスタマイズしたいことがあると思います。
SWELLの関連記事は表示数などはフックで変えられるものの、カスタマイズはそこまでできないので
同じ見た目て条件のつけられる関連記事表示を作ってみました。
例
下記は単純に新着記事を8件表示してみました。
ショートコードに投稿タイプやカスタムタクソノミーを指定することで、その記事に関連した記事が表示できるようにしています。
例えば表示している記事に関連している投稿タイプ:works、タクソノミー:areaの場合は下記のようにショートコードを指定して関連記事を表示します。
[related_articles post_type="works" relation="taxonomy" taxonomy="area"]
本記事ではカスタムした関連記事のカスタマイズ方法を紹介します。
目次
SWELLで投稿タイプやカスタムタクソノミーを指定して関連記事を表示する方法
やり方は簡単です。
functions.phpを挿入して、ショートコードをウィジェットの関連記事上に配置するだけです。
クラスはSWELLのものに揃えているので、CSSなどは特に書いていません。
標準の関連記事をOFFに
まずは標準の関連記事はカテゴリーやタグしか表示できないので、関連記事を表示をOFFにします。
functions.phpを挿入
管理画面>外観>テーマエディタから下記のfunctions.phpを挿入します。