WordPress Popular Postsのショートコードで連番で順位表示 - RU DESIGN

WordPress Popular Postsのショートコードで連番で順位表示

技術メモ, WordPress, プラグイン

2022/01/21
2022/02/22
WordPress Popular Postsのショートコードで連番で順位表示

WordPress Popular Postsはサイトに人気記事を表示させる際に便利なプラグイン。ウィジェットなどを使用して表示することができますが、今回は『post_html』利用した表示について。

WordPress Popular Postsについて

人気記事を表示させることができるWordPressのプラグイン。導入するとウィジェットなどから人気記事を表示できるようになります。
導入方法も簡単で、基本的にインストールし有効化すれば使用可能になります。

WordPress Popular Posts

実際に表示してみましょう

今回はpost_htmlを使用した連番(順位)の表示です。
post_htmlで使用できる変数{item_position}を使用することにより表示。

ショートコードでの使用はこんな感じ。
今回は順番表示だけなので余計なのもありますが、30日前までの集計期間の投稿をPV数の順で最大100件サムネイル付き表示って感じで指定しています。 

同様の内容をテーマに直接記述するならこのような形になります。

上記の内容でこのように表示されます。
数字の部分はBootstrapの.badgeを使用して簡単にやってますが、装飾はお好みに合わせてどうぞ。

人気順番号表示

ulタグをolに変更して出力させる

wpp_startやwpp_endを使用して、出力される値の先頭や末尾につける文字列を指定も可能。
こっちの方が装飾しやすいかな。

post_htmlで使用できる変数

標準で結構用意してくれています。

{author}:リンクされた著者名を返します。
{thumb}:投稿/ページにリンクされたサムネイルを返します。thumbnail_widthやthumbnail_heightでサイズ指定可能。
{thumb_img}:投稿/ページにリンクされないサムネイル画像を返します。thumbnail_widthやthumbnail_heightでサイズ指定可能。
{thumb_url}:サムネイルのURLを返します。
{title}:リンクされた投稿/ページのタイトルを返します。
{pid}:投稿/ページIDを返します。
{excerpt}(または{summary}):投稿/ページの抜粋を返します。
{stats}:デフォルトの統計タグを返します。
{rating}:投稿/ページの現在の評価を返します。WP-PostRatingsをインストールして有効にする必要あり。
{score}:投稿/ページの現在の評価を整数として返します。WP-PostRatingsをインストールして有効にする必要あり。
{url}:投稿/ページのURLを返します。
{text_title}:投稿/ページのタイトルテキストを返します。
{author_copy}:リンクされた著者名をコピーとともに返します。
{category}:リンクされたカテゴリ名を返します。
{category_copy}:コピー付きのリンクされたカテゴリ名を返します。
{taxonomy}:リンクされた分類名を返します。
{taxonomy_copy}:リンクされた分類名をコピーとともに返します。
{views}:ビュー数のみを表示。
{views_copy}:コピーでビュー数を返します。
{comments}:コメント数のみを返す。
{comments_copy}:コピーでコメント数を返します。
{date}:投稿/ページの日付を返します。stats_dateの使用が必要。
{date_copy}:投稿/ページの日付をコピーとともに返します。
{total_items}:投稿の数を出力(人気記事に該当するトータル数)。
{item_position}:リスト内の投稿の位置を出力。

慣れているならWPP_Queryを使った方が楽かも

バージョン4から追加されたWPP_Query。
wp_queryのような使い方が可能になっているので、そっちの方でいろいろやった方が楽な方も多いかもしれませんが、プラグインをインストールすればウィジェットやショートコードで簡単に実装できますので、お好きな方法で使ってみてください。

WordPress Popular PostsのPV数を投稿一覧に表示

ドメイン取得は同じところで取得しておくと便利ですよ。 お名前.comは1円から購入できるドメインがあるので、いろいろと便利で経済的です。
WP制作ならRU DESIGN

お気軽にお問い合わせください!

WordPressのカスタマイズや修正、オリジナルテーマの作成などリーズナブルな価格でご提供します。 お気軽にご相談下さい。 お問い合わせはこちら

関連記事

WordPress Popular PostsのPV数を投稿一覧に表示
WordPress Popular PostsのPV数を投稿一覧に表示
2022/02/22
人気記事など表示させるのに便利なプラグイン『WordPress Popular Posts』今回はこちらを使って管理画面の投稿記事一覧にビュー数を表示させる方法...
global style inline cssをheadから削除
global style inline cssをheadから削除
2022/02/05
ワードプレスを5.9にしたら<head >内に、global-styles-inline-cssと言うスタイルが貼られていたので削除方法。 &nbs...
手軽にアニメーションを「Animate.css」
手軽にアニメーションを「Animate.css」
2022/01/30
Webサイトにインパクトを与え、注目してもらいたいボタンやコンテンツを強調するのに役立つアニメーション。そんなアニメーション効果を簡単に導入できる「Animat...
reCAPTHAの代替に!「hCAPTCHA」でスパム対策
reCAPTHAの代替に!「hCAPTCHA」でスパム対策
2022/01/26
不正ログインやスパム対策に使用している方が多いGoogleのreCAPTCHA。無料で手軽に導入できるセキュリティ対策として非常に便利でしたが、2020年にre...
ワードプレスの記事更新時に自動でBingに一括送信「Bing URL Submissions Plugin」
ワードプレスの記事更新時に自動でBingに一括送信「Bing URL Submissions Plugin」
2022/01/24
googleのサーチコンソールを利用されている方は多いかと思いますが、MicrosoftのBing ウェブマスターツールも利用されていますか? 詳しい使い方では...
LINEからもお問い合わせできます

お問い合わせ

制作依頼。業務委託・webや広告に関することなどお気軽にお問い合わせください。

    必須 お名前

    必須 メールアドレス

    必須 お問い合わせ内容

    必須 メッセージ本文

    このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。