8ヶ月前に投稿

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

2019年7月11日

この記事は約 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. HTMLとCSSだけで コンテンツが表示・非表示になるボ...ボタンを押すとコンテンツが表示し、 もう一度押すとコンテンツが非表示になるボタ...
  2. History of WordPress WordPress 5.0 がリリースされたのが 2018年12月06...
  3. gooブログはじめました!... タイトルの通りです。 但し、簡易的、実験的です。基本、記事の更新...
  4. WordPress 5.3.1 メンテナンスとセキュリテ... 2019年12月12日に、WordPress 5.3.1が公開されま...
  5. ちょっと驚き!な CSSを非同期でロードする方法... 非同期でスタイルシートを ロードする最も簡単な方法 と言う記事を見つけ...

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

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

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