1年前に投稿

WordPress Popular Posts を投稿で使ってみよう

2019年7月11日

DISCLAIMER: This article is more than a year old and may not be current.

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

人気記事を表示してくれる Popular Postsは
ウィジェットを利用してサイドバーで
表示する方法が手軽ですね。
当ブログでも
スクロール追従サイドバーに利用しています。

このPopular Postsを
ショートコードを使って
投稿に表示
してみましょう。

デフォルト

デフォルトは
[wpp]
このショートコードを記述するだけで、
過去24時間以内に最も閲覧された投稿を
最大で10件一覧表示
します。
パラメータを利用してカスタマイズすると、
たとえば、
過去7日間の閲覧数の上位5件の投稿が表示されます。 [wpp range="last7days" limit=5 stats_views=1 order_by="views"]

Out of the box (that is, using it without parameters) the [wpp]shortcode lists the most viewed posts (up to 10) within the last 24 hours. The shortcode, however, includes a decent amount of parameters so you can customize it according to your needs – see Settings > WordPress Popular Posts > Parameters for more details.

1. Using WPP on posts & pages · cabrerahector/wordpress-popular …

パラメータの完全なリストとその他の例については、
設定> WordPress Popular Posts> パラメータをご覧ください。

カスタマイズ

[wpp header='Popular Posts' header_start='<h4>' header_end='</h4>' range='last7days' limit=5 stats_views=1 order_by='views' excerpt_length=40 title_length=28 wpp_start='<ol>' wpp_end='</ol>' post_html='<li style="margin-bottom: 1.5em;"><a href="{url}">{title}</a><span class="wpp-excerpt" style="padding:5px 0 0 2px;">{summary}</span></li>']

結果

Popular Posts

  1. Vue.jsのv-forでTableを表示させてみた... Vue.js ガイド、リストレンダリングで、 v-for で配列に要素...
  2. HTMLとCSSだけで コンテンツが表示・非表示になるボ...ボタンを押すとコンテンツが表示し、 もう一度押すとコンテンツが非表示になるボタ...
  3. Vue.js + vue-good-table でテーブ... vue-good-table は、 VueJS 用の強力な データテー...
  4. Google Fonts のパフォーマンスを最適化する... Google Fonts の読み込みついて調べてみました。 「Goog...
  5. 夏の思い出 2020 (太子駅跡) feat.空倶楽部... 今日は9の付く日で空倶楽部の日です。「夏の思い出 2020」とコラボし...

そしてWikiセクションにはもっとたくさんの情報がありますので、
ぜひアクセスしてくださいませ。

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました

WordPress Popular Posts を投稿で使ってみよう