プラグインを使わず、PHPも不要な、WordPressのカスタマイズ方法
タグが付いた記事一覧を取得するコピペスニペット

タグが付いた記事一覧を取得するコピペスニペット

特定のタグが付いている投稿一覧をコピペで作ってみます。nopwop-post-listというコピペスニペットの使い方です。

タグID指定

以下は、WordPressのタグのIDを指定する場合です。

scriptタグのtagid属性に7を指定しています。

リストに表示する数はcount属性で指定します。

<script listtype='tag-posts' tagid="7" count=2 src='https://cdn.jsdelivr.net/gh/nopwop/nopwop@0.1/dist/nopwop-post-list.min.js'></script>

実際の表示はこちらです↓

タグ名指定

以下は、タグ名を指定した場合です。

scriptタグのname属性に探したいカテゴリのカテゴリ名(ここでは、”カスタムHTML”)を指定します。日本語も問題なく表示されます。

<script listtype='tag-posts' name="カスタムHTML" count=2 src='https://cdn.jsdelivr.net/gh/nopwop/nopwop@0.1/dist/nopwop-post-list.min.js'></script>

実際の表示はこちらです↓カテゴリID=7のタグ名を指定したので、結果は上記と同じです。

Slug指定

以下は、slugを指定した場合です。

scriptタグのslug属性に探したいタグを示すslug(ここでは、custom-html)を指定します。

<script listtype='tag-posts' slug="custom-html"  count=2 src='https://cdn.jsdelivr.net/gh/nopwop/nopwop@0.1/dist/nopwop-post-list.min.js'></script>

実際の表示はこちらです↓

Thumbnailがない場合のデフォルトのイメージ

記事にアイキャッチ画像を設定していない場合に表示されるデフォルトのサムネールはURL指定で置き換えることができます。defaultimg属性でしていします。

<script listtype='tag-posts' slug="custom-html"  count=2  defaultimg="/wp-content/uploads/2021/06/pexels-pixabay-355952-458x318.jpg" src='https://cdn.jsdelivr.net/gh/nopwop/nopwop@0.1/dist/nopwop-post-list.min.js'></script>

実際の表示はこちらです↓

コメントを残す

メールアドレスが公開されることはありません。