WordPress Popular Posts を投稿で使ってみよう
この記事は約 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
- Vue.jsのv-forでTableを表示させてみた... Vue.js ガイド、リストレンダリングで、 v-for で配列に要素...
- Google Fonts のパフォーマンスを最適化する... Google Fonts の読み込みついて調べてみました。 「Goog...
- HTMLとCSSだけで コンテンツが表示・非表示になるボ...ボタンを押すとコンテンツが表示し、 もう一度押すとコンテンツが非表示になるボタ...
- DataTables.js の Options 設定... DataTables はHTML のテーブルに、ページ切り替え、ページ...
- Vue.js + vue-good-table でテーブ... vue-good-table は、 VueJS 用の強力な データテー...
そしてWikiセクションにはもっとたくさんの情報がありますので、
ぜひアクセスしてくださいませ。
最後まで
ご高覧いただきまして
有難うございました
ディスカッション
コメント一覧
まだ、コメントがありません