cocoonテーマを使用中のトップページへのカテゴリ新着記事表示

wordpress
この記事は 約4分 で読めます。

散々検索をかけて調べて出来ねーなーと思ってた
トップページでカテゴリ別新着記事の表示がこんな簡単に出来たとは…という記事です

Sponsored Link

やりたかった事

うちのサイトはトップページがブログページじゃないので
そこへカテゴリ別の新着記事を特定数表示させること
色々検索をかけてやってみた事だと思うように出来なかったのだが
Cocoonを使っている人なら同じような事が簡単にできます

コード

必要なものはnew_listというショートコードだけです、ほんと無駄に遠回りをしました(;・∀・)
テーマ製作者のわいひらさんが書いてくれていますが、自分用の備忘録として書いておく

新着記事一覧を表示するショートコードの利用方法 | Cocoon

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

やりたい事はトップページでカテゴリ別の新着記事を表示することなので

new_list cats=ID count=◯ children=1

上記ショートコードをテキストウィジェットや固定ページに追加するだけです

引数のcatsがカテゴリID、countが表示させる記事数、childrenが子カテゴリを含めるかどうか
この他にサムネ表示を変更するtype、表示する投稿タイプを変更するpostがあります

自分は2列表示で2段にしたかったので、固定ページのHOMEへ

<div class="column-wrap column-2">
    <div class="column-left">
        <div class="topcat">GADGET</div>
        new_list count=3 cats=ID children=1</div>
    <div class="column-right">
        <div class="topcat">PC</div>
        new_list count=3 cats=ID children=1</div>
    </div>
</div>
<div class="column-wrap column-2">
    <div class="column-left">
        <div class="topcat">LIFE</div>
        new_list count=3 cats=ID children=1</div>
    <div class="column-right">
        <div class="topcat">PHOTOGRAPHY</div>
        new_list count=3 cats=ID children=1</div>
    </div>
</div>

このような形で追加しました、これで子カテゴリを含む4カテゴリ、各カテゴリ3記事表示になります

カッコを付けたままだとリスト表示になってしまうのでカッコ抜きで書いていますが
実際に使う時はカッコ付きで書きましょう

おわり

トップページってどれぐらい見られてるのか分からないけど
一応カテゴリ別の新着記事を数記事だけでも載せておくかなーと
functions.phpへ追記してー表示用のphpを作ってーとかやっても上手く行かなかった事が
1つのショートコードで簡単に出来ました…色々やってたのは一体何だったのかって感じですw

トップを固定ページにしている人はあまり居ないかも知れませんが
同じような事をしたいなーと思っている人の参考になれば

[share]

Comments