サイト全体に「COLORS(ブルー)」スキン適用中。

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

ショートコード

Cocoonでは、ショートコードを用いて新着記事一覧を表示することが可能です。

これは、以前Simplicityテーマのフォーラムで、「どうやって実現したら?」と結構問い合わせが多かったので、今回実装することにしました。

スポンサーリンク

ショートコードの書き方

基本的にショートコードは、以下のように書いて利用できます。

[new_list]

デフォルトショートコード利用例

このように書くことで以下のように表示されます。

Cocoon 1.6.1公開。コンテンツ上下にウィジェットエリア追加など。
Cocoon 1.6.0公開。細かな不具合修正。
Cocoon 1.5.9公開。jQueryライブラリ変更機能追加。不具合修正など。
Cocoon 1.5.8公開。主に不具合修正。
Cocoon Blocks 0.1.2公開。汎用ボックス3種追加。

オプションを用いたショートコードの書き方

new_listショートコードでは、オプション(引数)を用いることである程度表示をカスタマイズすることができます。

[new_list count=3 cats=3,5 type=large_thumb_on children=1]

表示例

本文の「行の高さ」と「行間の余白」を変更する方法
~まで○○日!といったような、日にちcountdownショートコードの使い方
ブログカードショートコードの使い方

オプションの説明

new_listショートコードでは、以下のオプションを利用できます。

count

countには、アイテムの表示数を設定します。

入力例:count=10

デフォルト値:5

type

typeには、以下のうちいずれかの値を指定します。

  • default:通常のリスト
  • large_thumb:大きなサムネイル表示
  • large_thumb_on:大きなサムネイルにタイトルを重ねる

デフォルト値:default

それぞれの表示例はこちら。

default

'default'

large_thumb

'large_thumb'

large_thumb_on

'large_thumb_on'

cats

catsには、表示するカテゴリをカンマ区切りで指定します。

入力例:cats=3,16,23

デフォルト値:all(全てのカテゴリを表示)

カテゴリIDは、カテゴリ設定画面のURL(tag_ID)から取得してください。
カテゴリIDを確認する方法はURLから

children

childrenは、子カテゴリの内容を含めて表示するかを指定します。

入力例:children=1

デフォルト値:0(子カテゴリーは含めない)

tags

tagsには、表示するタグをカンマ区切りで指定します。(v1.5.7~)

入力例:tags=2,19,213

デフォルト値:(空欄)(デフォルトではタグ抽出しない)

タグIDは、タグ設定画面のURL(tag_ID)から取得してください。

order

orderオプションは、表示順を切り替えます。(v1.5.9~)

最初から読んで欲しいコンテンツ出力に向いています。

入力例:order=”asc”(昇順)

デフォルト値:desc(降順)

大文字小文字どちらで入力しても大丈夫です。

sticky

stickyオプションは、「固定表示」設定がされている記事の表示を切り替えます。(v1.5.7~)

入力例:sticky=0(表示しない)

デフォルト値:1(表示)

post_type

post_typeは、表示する投稿タイプを選択します。(v0.7.2~)

入力例:post_type=“post,page”
[投稿と固定ページを表示]

入力例:post_type=“page”
[固定ページのみ表示]

入力例:post_type=“post,page,カスタム投稿名1,カスタム投稿名2”
[投稿・固定ページとカスタム投稿表示]

デフォルト値:post(投稿のみ表示)

taxonomy

taxonomyは、カスタム投稿のカテゴリーを指定したい場合に利用します。(ver1.0.5~)

例えば、「news-cat」といったカテゴリタクソノミーを指定した場合は以下のように入力します。

入力例:taxonomy=”news-cat”

デフォルト値:category(通常のカテゴリー表示)

応用編

レイアウト表示と、人気記事ショートコードを組み合わせて、利用することも可能です。

記事内を2カラム・3カラム・4カラムに分ける方法
投稿記事内に手軽に2カラム・3カラムレイアウトを挿入する方法です。ビジュアルエディターからクリック操作のみで入力可能です。
人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

例えば、以下のようにビジュアルエディターで入力したとします。

すると以下のように表示されます。

わいひら
わいひら

これらのショートコードが多少なりとも、サイト回遊率の向上につながれば幸いです。

ショートコード
スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
〇アダルト・出会い系サイト可
△安定性にやや欠ける

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
○http/2(高速化プロトコル)に対応
〇アダルト・出会い系サイト可
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

Cocoon

コメント

  1. iamyoneda より:

    誤植では?

    「新着記事一覧を表示するショートコードの利用方法」 の説明ページにて

    「引数の説明」 の 「count」 で

    「countには、アイテムの表示数を設定します。」  の下のところで

    「入力例:cats=3,15,23」
    ——————–

    「入力例:count=5」
    —————
    などではないでしょうか。

    • わいひら わいひら より:

      ご報告ありがとうございます!
      どうやら、同様の書式をコピペしたのはよかったものの、内容を修正するのを忘れていたようです。
      早速修正させていただきました。

  2. 大坂 より:

    “tagsには、表示するタグをカンマ区切りで指定します。(v1.5.7~)

    入力例:cats=2,19,213”

    「cats」?→ 「tags」

    • わいひら わいひら より:

      ご連絡ありがとうございます!
      カテゴリー部分のコピペをしたら、該当部分を修正するの忘れていました^^;
      上にあるコメントと全く同じミスをしてしまいました(笑)
      修正させていただきました。

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