カテゴリー毎の記事一覧を表示するList category postsの、基本的な使い方と活用法

スポンサーリンク

List category postsとは

プラグインの導入と設定

プラグインの導入

記事の目次を表示するTable of Contents Plusの使い方と設定方法

設定

Number of Posts

Pagination

Order by、Order

基本的な使い方

投稿記事内にショートコードを書くと反映されてしまうので、この記事内ではすべて「[」の後ろと「]」の前に半角スペースを入れています。
コピペで使う際は半角スペースを削除してください。

カテゴリーを指定する

・[ catlist id=3 ]または[ catlist name=wordpress ]

複数のカテゴリー(OR)を指定する

・[ catlist id=3,6 ]

複数のカテゴリー(AND)を指定する

・[ catlist id=3+6 ]

複数のカテゴリー(NOT)を指定する

・[ catlist id=3-6 ]

タグを指定する

・[ catlist tags=”recommend” ]

名前順に並び変える

・[ catlist id=3 orderby=title order=asc ]

サムネイルを表示する

[ catlist thumbnail=yes thumbnail_size=thumb320 ]

具体的な活用法

スクロール追従領域に任意の記事を表示する

Simplicity2

<section id=recommend-post>
[ catlist tags=recommend thumbnail=yes thumbnail_size=thumb320 template=list ]
</section>
#recommend-post li{
 max-width: 88%;
 margin: auto; 
}
#recommend-post img{
 max-height:140px;
 width:auto;
 display:block;
 margin:auto;
}
template=listはList category postsのテンプレートです。
テンプレートについては今度記事を書くので、ここでは省略します(テンプレートを使うと、記事タイトルとサムネイルの表示順を変えたりすることができます)。

Shortcodes Ultimateと組み合わせる

[ su_tabs ]
[ su_tab title="Cocoonカスタマイズ" ][ catlist id=10 ][ /su_tab ]
[ su_tab title="Simplicityカスタマイズ" ][ catlist id=2 ][ /su_tab ]
[ /su_tabs ]

さいごに

Comments

  1. […] カテゴリー毎の記事一覧を表示するList category postsの、使い方と活用法 simplicity-hacks.tokyo/?p=817 […]

  2. […] 【関連記事】 ・カテゴリー毎の記事一覧を表示するList category postsの、使い方と活用法 ・コピペでできるボックスデザインサンプルとビジュアルエディタへのボタン追加方法 ・サイドバ […]

  3. […] カテゴリー毎の記事一覧を表示するList category postsの、基本的な使い方と活… […]

タイトルとURLをコピーしました