現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

カテゴリの人気記事を表示する方法

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

所要時間目安:3

This session is using  IPv4  is established in

今日は2025年6月4日です。

この記事は2016年4月19日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年6月4日 (水曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. ECUリセット

    ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 2PV

    過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. FTPツールWinSCPにてサーバー上の削除できないファイルやフォルダ削除方法

    サーバ上のファイルやフォルダ削除できない時に削除する方法 1PV

    えーっ、(汗)。この度WordPressのバージョンアップ後にjetpackが連携できなくなってしまいまして…。 その詳細は次回にしますが、結果しっかりと連携できました。(#^.^#) そして、その連…

    もっと読む

  1. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 29PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  2. ECUリセット

    ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 28PV

    過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…

    もっと読む

  3. エクストレイルT32ヘッドライト光軸調整方法 22PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

  1. ECUリセット

    ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 18PV

    過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…

    もっと読む

  2. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 15PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  3. エクストレイルT32ヘッドライト光軸調整方法 10PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

カテゴリの人気記事一覧画像

 

記事を読んで頂いていて該当記事を読み終わった後に、同じカテゴリーに属する人気記事を表示する方法です。

せっかく訪問して頂いて記事を読んでもらった後に同じカテゴリー内で人気のある記事が表示されていたら、読んで頂ける可能性が高くなると思われます。

車に関する記事を読んでいてその下に、
同じカテゴリーの車、メンテナンスに含まれる人気記事が表示されるということです。

アドセンス336pxPC閲覧記事下表示1つ目コード

この記事を読む方へのオススメ

メルカリ招待コード:

具体的な方法としては、

 

<!--カテゴリの人気記事を入れた場所ここから-->

<h4 class="under_single_h4">「<?php the_category(', ') ?>」の人気記事</h4>
 <div id="cateninki">
 <?php if ( function_exists('wp_is_mobile') && wp_is_mobile() ) :?>
 <?php
 wp_reset_query();
 $cat = get_the_category();
 $cat_id = $cat[0]->cat_ID;
 $cat_name = $cat[0]->cat_name;
 ?>
 <?php
 $wpp = array (
 'cat' => ''.$cat_id.'',
 'limit' => '5', 
 'range' => 'all',
 'order_by' => 'views',
 'post_type' => 'post',
 'stats_comments' => '0', 
 'stats_views' => '0', 
 'thumbnail_width' => '100', /*画像のwidth(px)*/
 'thumbnail_height' => '100', /*画像のheight(px)*/
 'title_length' => '200', 
 'stats_category' => '0', 
 'post_html' => '<dl class="clearfix"><dt>{thumb}</dt><dd><h5>{title}</h5></dd></dl>',
 ); 
 wpp_get_mostpopular($wpp);
 ?>
 <?php else: ?>
 <?php
 wp_reset_query();
 $cat = get_the_category();
 $cat_id = $cat[0]->cat_ID;
 $cat_name = $cat[0]->cat_name;
 ?>
 <?php
 $wpp = array (
 'cat' => ''.$cat_id.'',
 'limit' => '6', 
 'range' => 'all',
 'order_by' => 'views',
 'post_type' => 'post',
 'stats_comments' => '0', 
 'stats_views' => '0', 
 'thumbnail_width' => '180', /*画像のwidth(px)*/
 'thumbnail_height' => '150', /*画像のheight(px)*/
 'title_length' => '200', 
 'stats_category' => '0', 
 'post_html' => '<dl class="clearfix"><dt>{thumb}</dt><dd><h5>{title}</h5></dd></dl>',
 ); 
 wpp_get_mostpopular($wpp);
 ?>
 <?php endif; ?>
 </div>

<!--カテゴリの人気記事を入れた場所ここまで-->

 

 

以上のコードをsingle.phpの自分が表示させたい場所に記載します。

それだけでも表示はされますが、
おそらくイビツかもしれません。

そういう場合はCSSで調整します。

当ブログのCSSは以下になります。(参考までに)

 

/*カテゴリの人気記事を記事下ここから*/


 #cateninki {
 padding-top: 10px;
 }

/* タイトル名 */
 #cateninki dd h5 {
 font-size: 16px;
 font-weight: bold;
 padding: 0px;
 margin-bottom: 5px;
 }

#cateninki dt {
 float: left;
 width: 100px;
 }

#cateninki dt img {
 width: 100px;
 }

#cateninki dd {
 padding-left: 110px;
 }

#cateninki dl {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #ccc;
 }

#cateninki dl:last-child {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-style: none;
 }

/*カテゴリの人気記事を記事下ここまで*/

 

すると、以下のように表示されるようになります。

カテゴリの人気記事一覧画像

これで、
同じカテゴリーに属する人気記事が表示させたい分だけ表示されるようになり、離脱率を低く出来るかもしれません。

お試しになってみて下さい。

あなたにおすすめ

Windows10サポート終了まで

Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

Total615


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

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

目次に戻る

目次に戻る

新着コメント


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.