ウェブコーディング

ListCategoryPostsプラグインで記事一覧を作るときのヒント

「ListCategoryPosts」というWordPressのプラグインを使うと、特定のカテゴリやタグを指定した記事一覧を作成することができます。

ここでは私自信の使い方をまとめたListCategoryPostsのヒントをメモしておくことにしました。

公式リファレンスは英語ですし、自分の使い方に合った項目を探すのは疲れますので・・・

基本的な使い方

一番簡単な使い方は、記事一覧を表示させたい部分にショートコードで

[catlist name="categoryname"]

と記載します。

「categoryname」の部分は表示させたいカテゴリのスラッグを入力します。

例えばこのブログでは「チュートリアル」カテゴリのスラッグは「tutorial」となっています。

このカテゴリの記事を一覧表示するにはショートコードをこうします。

[catlist name="tutorial"]

<実際の表示>
2016-06-27_15h26_04_ListCategoryPostsプラグインで記事一覧を作成

デフォルトは単なるリスト表示ですが、CSSを編集すればリストのカスタマイズもできるので、汎用性は抜群です。

タグを指定して記事一欄を作る

実はこのプラグインはカテゴリーだけではなく、タグから抽出した記事をリスト表示することもできます。

タグをリスト表示するには

[catlist tags="tagname"]

とショートコードを書きます。

「tagname」の部分はタグのスラッグを入力します。

これはカテゴリの記事一覧と同じで、「inkscape」というタグが付いた記事を表示させたいときは、タグのスラッグを使ってこのように書きます。

[catlist tags="inkscape"]

2016-06-27_15h27_02_ListCategoryPostsプラグインで記事一覧を作成

AND指定、OR指定をして記事を抽出する

1つのカテゴリだけでなく、複数のカテゴリから記事を抽出したいこともあります。

この場合はカテゴリーやタグをAND指定やOR指定することができます。

例えば「チュートリアル」のカテゴリに分類されている記事かつAND)「レイアウト」カテゴリに分類されている記事を拾い出したい場合はこのようにします。

[catlist name="tutorial+layout"]

2016-06-27_15h27_41_ListCategoryPostsプラグインで記事一覧を作成

「+」でカテゴリのスラッグを分けると、AND指定となります。

「チュートリアル」カテゴリもしくはOR)「レイアウト」のカテゴリに分類されている記事を抽出したい場合は「+」の代わりに「,」を使います。

[catlist name="tutorial,layout"]

2016-06-27_15h28_17_ListCategoryPostsプラグインで記事一覧を作成

どちらかのカテゴリに属している記事が一覧表示されます。

カテゴリの中からタグで記事を抽出する

カテゴリだけでは意図した記事を抽出できない場合もあります。

そんなときは同時に「タグ」も指定しちゃいましょう。

[catlist name="tutorial" tags="inkscape"]

2016-06-27_15h36_25_ListCategoryPostsプラグインで記事一覧を作成

nameにはカテゴリ、tagsにはタグを指定すると、カテゴリに含まれる記事の中で、タグに該当する記事だけを取り出せます。

この場合は常にAND指定になっています。

当然といえば当然ですが、カテゴリは階層構造タグはキーワードという側面があるので、このような仕様になっているようです。

表示する記事数を調整する

記事一覧といっても、該当する記事が無制限に表示されては困ります。

100記事とか、200記事とかが一覧になっていてもあまり意味がないですから。

そこで、表示される記事数を調節するオプションが「numberposts」です。

[catlist name="tutorial" numberposts=10]

2016-06-27_15h30_40_ListCategoryPostsプラグインで記事一覧を作成

この場合は記事一覧に10記事だけ表示します。

もし無制限に表示したい場合は「-1」とします。

[catlist name="tutorial" numberposts=-1]

デフォルトは忘れてしまいましたが、確か「10」だったと思います。

一覧の表示順を変更する(ソート)

記事一覧と言っても用途がいろいろあります。

ブログの過去の投稿を分類して表示したり、単純に新しい記事を5つだけ並べたり・・・

このときに使うオプションが「orderby」と「order」です。

  • 「orderby」は何を基準にソートするのか?
  • 「order」は昇順・降順どちらにするか?

時間軸を基準に新しい投稿から5記事を抽出する場合はこうなります。

[catlist name="tutorial" orderby=date order=desc numberposts=5]

2016-06-27_15h31_08_ListCategoryPostsプラグインで記事一覧を作成

タイトル順(昇順)に並べたいときはこうなります。

[catlist name="tutorial" orderby=title order=asc numberposts=5]

2016-06-27_15h31_33_ListCategoryPostsプラグインで記事一覧を作成

「orderby」オプションで使える主な設定一覧です。

date 投稿日順
modified 更新日順
title タイトル順
author 投稿者順
name スラッグ順
rand ランダム

デフォルト設定をする

ここまではショートコード内で設定を変更する方法でしたが、一番良く使う設定をデフォルトとして設定しておくことができます。

設定するには管理画面の「設定」→「ListCategoryPosts」を選びます。

2016-06-27_16h08_27_ListCategoryPostsプラグインで記事一覧を作成

設定項目はこうなっています。

2016-06-27_16h14_44_ListCategoryPostsプラグインで記事一覧を作成

私の場合、ページネーションは使っていませんので「false」にしてあります。

ソートの基準、昇順・降順はプルダウンを開いて選びます。

「Order by」はショートコード内で設定できるものと少し違いますが、タイトルや投稿日など基本的なものが使えるようになっています。

普段どの設定を一番使うのかをココで設定しておくと便利です。

あとがき

よく使う機能をまとめてみました。

自分のブログ記事を紹介したりする目的があれば、このプラグインは便利に使えると思います。

ちなみに公式ページには英語のマニュアルもあるので、詳しく知りたい方はそちらも御覧ください。

⇒ ListCategoryPosts(WordPress.org)

 

ココでは紹介しきれませんでしたが、テンプレートファイルを作って、リスト表示以外の表示をすることもできます。

アイキャッチを表示させることもできます。

その方法はまた別記事で紹介しようと思います。

では今日はこの辺で。

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. WordPress

    関連記事を表示するWordPressプラグイン「Yet Another Related Posts …

    WordPressの関連記事というと、タグやカテゴリーから関連性を決め…

  2. リファレンス

    inkscape テキストツールの基本操作をマスターしよう【映像あり】

    inkscapeは無料だけど使い方がよくわからないという声を聞きます。…

  3. ウェブコーディング

    PHPでデータベースから取得した配列を加工する方法

    データベースからデータをfetch関数などで取得すると、大体は2次元配…

  4. ウェブコーディング

    PHPで配列と文字列の変換をデータベースに応用する方法

    データベース検索などを利用するときに、$_POSTや$_GETで受け取…

  5. ウェブコーディング

    NetBeansでSQliteのドライバーを有効にするプラグイン

    PHPなどのwebアプリケーションを作成できるNetBeansですが、…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. ブログ収益化

    脱初心者しませんか?Amazon・楽天のアフィリエイトを上手に活用するための予備…
  2. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  3. グラフィックデザイン

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  4. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
  5. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
PAGE TOP