↑
のように、
個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。
WordPressにおいては、
WordPress Popular Postsという人気記事のプラグインがあります。
そのWordPress Popular Postsという人気記事のプラグインを利用して、
個別記事の上部にサイドバーとは異なる期間の人気記事（今回は今日一日の）を表示させる方法です。
やり方は簡単なのですが、
メルカリ招待コード：
プロモーションを含みます
記事の上に今日の人気記事を表示する方法
Stinger6 WordPress カスタマイズThis session is using IPv4 is established in
今日は2025年6月1日です。
この記事は2016年2月28日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月1日 (日曜日)本日の人気記事トップ１０
2025年6月1日 (日曜日)↓における週間月間人気記事トップ３は？↓
- 本日
- 週間
- 月間
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 2PV
この度は（今回は？）、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側（トランスミッター）のみをなくしてしまった場合です。（まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 24PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
アイドリングストップシステム異常警告灯表示対処方法 21PV
2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 2PV
この度は（今回は？）、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側（トランスミッター）のみをなくしてしまった場合です。（まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
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;}
自分で調整もしくは変更してみてください。
以上、
個別記事の上に今日一日の記事ランキングを表示する方法でした。
これで、
アクセスアップにつながるといいのですが…。
追記）
当ブログはテーマにStinger6を使用させていただいていますが、
Stinger系ですと、
トップページのdiscDescription部分がh1にての構造になっています。
なので、
トップページのみのh1のDescriptionのみCSSにて再調整する必要があります。
当ブログにおいては、
背景色などカスタマイズ済みなので、
それに合わせて以下のようにCSSを追加しています。
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;
}あなたにおすすめ
¥2,463 （2025/05/22 19:48時点 | Amazon調べ）
ポチップ
あなたが訪問してから
⏰ 0 秒経過 🎉
入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
車のキーナンバー確認方法。キーレス紛失や壊れた時 
カーメイトのエンジンスターターでエラー15表示と対処方法 
アイドリングストップシステム異常警告灯表示対処方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
シガーライターがない車にシガーライターソケットの付け方と増設方法 
エクストレイルに後付けクルーズコントロール取り付けプロパイロットもどき 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
WAKO'Sの急速洗浄RECSエクストレイルT32施工場所 
アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた
ブログサービスが始まってから:
おすすめの記事一部広告
- キッチンシンク下がドブ臭い下水臭い原因と解決方法203
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ91
- 車のキーナンバー確認方法。キーレス紛失や壊れた時73
- カーメイトのエンジンスターターでエラー15表示と対処方法59
- アイドリングストップシステム異常警告灯表示対処方法55
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法48
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく40
- ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に40
- 多要素認証を楽天証券、SBI証券、松井証券などのネット系証券会社やSMBC日興証券など34
- エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法33
Total654
よろしかったらシェアよろしくお願いします。
コメントを閉じる
[…] 記事の上に今日の人気記事を表示する方法 ↑ のように、 個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。 WordPressにおいては、 WordPress Popula2016-02-28 08:28 […]