現在デフォルトスキンとして「 Fuwari -海老茶(えびちゃ)- 」を適用中。

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

ショートコード
この記事は約2分で読めます。

Cocoonは、ショートコードを利用して本文中に人気記事一覧を表示することが可能です。

これも、新着記事一覧ショートコードと同様、実装方法の問い合わせが多かったので、当テーマで実装しました。

スポンサーリンク

ショートコードの書き方

最も基本的なショートコードの書き方は、本文中に以下のように入力します。

[popular_list]

表示例

表示はこんな感じになります。

Cocoonテーマをインストールする方法
広告(AdSense)を手っ取り早く設定する方法
Cocoonを利用する際に是非行って欲しい画像設定5つ
Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ
Cocoonを少しリッチな見た目に「COLORS」スキン6種作成

引数を用いたショートコードの書き方

popular_listでは、引数を指定してある程度カスタマイズ可能です。

入力例はこちら。

[popular_list days=30 rank=1 pv=1 count=3 cats=3,5 type=large_thumb_on]

表示例

実際に表示させると、こんな感じになります。

人気記事は見つかりませんでした。

引数の説明

popular_listでは、以下の引数を利用できます。

  • days
  • rank
  • pv
  • count
  • cats
  • type

    days

    daysには、データの集計期間を入力します。

    1で1日、7で1週間、30で約1ヶ月となります。allを指定すると全期間の集計結果で表示されます。

    デフォルト値:all(全期間)

    rank

    rankには、ランキング番号を表示するかを指定します。ランキング番号を表示する場合は、1を指定してください。

    デフォルト値:0

    pv

    pvには、PV数の表示をするかをしてします。PV数を表示するには1を指定してください。

    デフォルト値:0

    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から

    応用編

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

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

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

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

    わいひら
    わいひら

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

      ショートコード
      スポンサーリンク
      わいひら

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

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

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

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎東京・大阪でリージョン選択が可能
      ◎プランのアップ・ダウングレードが自由自在
      ◎同サービス内でドメイン管理が可能
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ◎アダルト・出会い系サイト可
      ◎ドメインとサーバー代のチャージ払いが可能
      ○サーバ引っ越しオプションあり(有料)
      △新しいサービスなので運営櫪がまだ短い
      サービス運営期間:11ヶ月

      「12ヶ月」「24ヶ月」「36ヶ月」契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

      クーポンコード:PK4JK4RJ

      クーポンの使用方法はこちら

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

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎プランのアップ・ダウングレードが自由自在
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ◎アダルト・出会い系サイト可
      ○サーバ引っ越しオプションあり(有料)
      ○サーバー料金をチャージ払いが可能
      サービス運営期間:2年11ヶ月

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

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

      とにかく速い。サイトに表示スピードを求めるならココ。

      ◎nginxを用いた高速サーバー(完全SSD)
      ◎プランのアップ・ダウングレードが自由自在
      ◎ディスク容量が多い
      ◎転送量が多い
      ○http/2(高速化プロトコル)に対応
      ○毎日無料バックアップ(14日分)
      ○DB復旧は無料(ファイルは有料)
      ○サーバ引っ越しツールあり
      ○サーバー料金をチャージ払いが可能
      △新しいサービスなので運営櫪がまだ短い
      サービス運営期間:9ヶ月

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

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

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