記事の上に今日の人気記事を表示する方法

↑

のように、
個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。

WordPressにおいては、
WordPress Popular Postsという人気記事のプラグインがあります。

そのWordPress Popular Postsという人気記事のプラグインを利用して、
個別記事の上部にサイドバーとは異なる期間の人気記事（今回は今日一日の）を表示させる方法です。

やり方は簡単なのですが、

single.phpの表示したい部分に以下のphpコードを記載するだけです。

<div class="top_ranking">
 <?php if ( wp_is_mobile() ) : ?>
 <p style="padding:10px 0;">本日の人気記事</p>
 <?php else: ?>
 <p>本日の人気記事</p>
 <?php endif; ?>
 <?php
 $wpp = array (
 'range' => 'daily', /*集計期間の設定（daily,weekly,monthly）*/
 'limit' => 10, /*表示数*/
 'post_type' => 'post', /*投稿のみ指定（固定ページを除外）*/
 'stats_views' => '1', /*閲覧数を表示させる*/
 'post_html' => '<li><span>{title}</span></li>', /*表示されるhtmlの設定*/
 ); ?>
 <?php wpp_get_mostpopular($wpp); ?>
 </div>

具体的には、以下の画像の部分に追加します。

ポイントは、
ちゃんと、<div class="post">の中に挿入するということです。

でないと、
とんでもない表示になってしまいます。

そして、
CSSにて調整します。

参考に当ブログの現段階のCSSは以下になります。

（ちょっときたないですが(*゜.゜)ゞポリポリ））

/*--単一記事上に今日の記事ランキング-----------------------------------------------------*/


 .top_ranking p {
 padding: 0;
 margin: 0;

 color: rgb(0, 0, 0);
 box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 10px, rgba(0, 0, 0, 0.0980392) 0px 0px 10px inset;
 border-left: 5px solid rgb(0, 0, 0);
 margin: 5px 0px;
 padding: 5px 0px 5px 10px;
 background: rgb(255, 255, 255);
 border-top: 1px dotted rgb(0, 0, 0);
 border-bottom: 1px dotted rgb(0, 0, 0);
 border-right: 1px dotted rgb(0, 0, 0);

}


 }


 .top_ranking ul{padding: 0!important;}
 .top_ranking li{border-top: 1px #ccc dashed;}
 .top_ranking li:last-child { border-bottom: 1px #ccc dashed; }
 .top_ranking p{padding: 0;margin: 0;} 
 .top_ranking a{display: block;}
 .top_ranking a:hover{background-color: #f5f5f5;}

自分で調整もしくは変更してみてください。

以上、
個別記事の上に今日一日の記事ランキングを表示する方法でした。

これで、
アクセスアップにつながるといいのですが…。

header .descr {
 color: #ffffff;
 font-size: 12px;
 font-weight: normal;
 margin-bottom: 0px;
 line-height: 20px;
 padding-bottom: 10px;
 background-color: #000;
 border-bottom: none;
 border-left: none;
 border-top: none;
 border-right: none;
 }

あなたにおすすめ

WordPress カスタマイズ セキュリティ 伝えたいこと 備忘録 時事ネタ

2025年10月31日より、Clarityは欧州経済領域（EEA）、英国（UK）、スイス（CH）からのページ訪問に対して、同意シグナルの要件を適用方法

GoogleSearchConsole、GoogleAnalytics4(GA4）およびGoogleタグマネージャーおよびMicrosoft Clarity（マイクロ・ソフトクラリティ）など大手2社の...

さらに読む…。

WordPress アップグレード 不具合 伝えたいこと 備忘録 時事ネタ

WordPress4.5.2にアップグレード後、不具合なし(今の所)更新した結果…。

アイキャッチ画像：Facebook CEOのマーク・ザッカーバーグ氏　(C) Getty Images以前からWordPressのバージョンアップをそろそろ検討しても良いのかなぁ。と考えていました。で...

さらに読む…。

WordPress 備忘録

ブログを続ける意味と大切さ

約10年位前にブログ（ウェブログ：webのログ→通称ブログ）が流行り出しました。 その頃から私は無料サービスのブログサイトでいくつかブログの運営をしてみました。 でも、 続いても1年もいかなかったよう...

さらに読む…。

WordPress カスタマイズ 伝えたいこと 備忘録

WordPressアバタープラグイン使わない設定方法

WordPressにおいてデフォルトだとミステリーパーソンになっていると思います。そこで、プラグインを使用しての自分のアバターを設定する方法もありますが、私はプラグインをあまり使用したくないのでfun...

さらに読む…。

WordPress インターネット カスタマイズ セキュリティ 伝えたいこと 備忘録

Google推奨のJSON-LD形式で出力する構造化データのパンくずリストをトップページにもJSON-LDの構造化データを出力

時は経てども検索しますね。ChatGPTなるものすごいAIが登場して早2年半が経ちます。ほとんど使ったことはないのですが、先日ログインしないままでというのがあったので使用してみました。何か人に聞いて答...

さらに読む…。

AdSense WordPress

WordPressでAdSense広告を任意の場所に表示させる方法

WordPressでAdSenseコードを任意の場所に挿入する方法です。 <!--more-->タグの後に必然的にアドセンス広告を表示させる方法と、 ショートコード化して任意の場所にアドセンス広...

さらに読む…。

Auto Spec ニッサン エクストレイル T32前後期に適合 内蔵型コンソールボックス 車内収納ボックス 2ポートUSB充電付き 車種専用設計 センサーLEDライト付き 小物入れ 滑り止めマット付き 収納アクセサリー 装着簡単 (ニッサン・エクストレイル T32前後期, ブラック)

¥5,980 （2025/09/20 19:25時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

NISSAN(ニッサン) 日産純正部品 リモコン TV & VTR B8084-C9993

¥7,800 （2025/09/13 14:27時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ