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

今回は、メインブログでよく使っている、List category postsというWordpressプラグインの使い方と、便利な活用法を紹介します。

スポンサーリンク

List category postsとは

List category postsは、カテゴリーやタグなど、特定の条件で抽出した記事一覧をショートコードを使って表示することができるプラグインです。

プラグインの導入と設定

プラグインの導入

WordPress管理画面左側のメニューから[プラグイン]→[新規追加]をクリックし、List category postsを検索してインストール、有効化をして下さい。

プラグインの導入方法が分からない場合は、他のプラグイン紹介記事を参考にして下さい。
記事の目次を表示するTable of Contents Plusの使い方と設定方法

設定

WordPress管理画面左側の[設定]ー[List category posts]をクリックすると、List category postsの設定画面に遷移します。

Number of Posts

表示する記事数を設定します。「-1」にすると上限なし、0以上だと指定した数の記事が表示されます。

Pagination

ページネーションを表示するかどうかを設定します。
例えば、Number of Postsを2に設定して、Paginationをtrueにすると、2記事毎にページが作成されます。

Order by、Order

並べ替え設定です。並び替えの条件と昇順降順を設定します。

基本的な使い方

List category postsの基本的な使い方は、投稿記事、固定ページ、ウィジェットなどの任意の位置に、[ catlist ]というショートコードを入力するだけです。

このショートコードで、カテゴリーやタグのIDを指定したり、並び順を指定したりします。

カテゴリーを指定する

[ catlist id=3 ] [ catlist name=wordpress ]

このブログのWordpressというカテゴリーを指定しました。

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

[ catlist id=3,6 ]

カテゴリーIDが3、または6の記事が表示されています。

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

[ catlist id=3+6 ]

カテゴリーIDが3かつ6の記事が表示されています。

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

[ catlist id=3-6 ]

カテゴリーIDカテゴリーが3の中で、6には含まれていない記事が表示されています。

タグを指定する

[ catlist tags=”recommend” ]

recommendというタグが付いた記事が表示されています。

名前順に並び変える

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

画像だと分かりにくいのですが、カテゴリーIDが3の記事が名前順に並んでいるのが分かるかと思います。

サムネイルを表示する

[ catlist id=3-6 thumbnail=yes thumbnail_size=thumb320 ]

thumbnail=yesと記述すると、記事のアイキャッチ画像のサムネイルが表示されます。
thumbnail_sizeでサムネイルのサイズを指定することができます。

ブログのメディア設定で設定されている画像サイズを選択することができます。

具体的な活用法

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

Simplicityのウィジェット「スクロール追従領域」にテキストウィジェットを設置し、

<section id=recommend-post>[ catlist tags=recommend thumbnail=yes thumbnail_size=thumb320 template=list ]</section>

と記述しています。
先ほどの、recommendというタグを付けた記事を表示しました。

CSSで体裁を整えています。

#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と組み合わせる

Shortcodes Ultimateのタブと組み合わせました。
僕はメインブログでこのような使い方をしています。

Shortcodes Ultimateの使い方。Wordpress初心者におすすめの、何でもできるプラグイン
このブログとメインブログはWordpressで運営しています。 記事の装飾にはShortcodes Ultimateという便利なプラグインを使っています。 Shortcodes Ultimateとは Shortcode...

さいごに

List category postsは非常に拡張性が高く、工夫次第で色々な使い方ができると思います。

Comments

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

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