現在の接続環境は
です

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

Windows10サポート終了まで

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

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

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

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

所要時間目安:3

This session is using  IPv4  is established in

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

今日は2024年11月21日です。

目次に行く・戻る

2024年11月21日 (木曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. エクストレイルフォグランプの光軸調整後

    エクストレイルフォグランプが下を向きすぎている光軸調整方法 39PV

    人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

    もっと読む

  2. Windows10で動かないアプリを動かす方法2 16PV

    先日も書きましたWindows10の不具合?に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

    もっと読む

  3. エクストレイルステアリング内のスパイラルケーブル接続部コネクタ

    ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 9PV

    NISSANエクストレイルは日産の中でも人気のSUV車です。そのエクストレイルは今年の6月8日にT32型の後期型がマイナーチェンジして発売されました。新しい後期型にはメーカーオプションで話題の半分自動…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 648PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. TRDステアリングTOYOTA純正品

    ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

    ここ最近のハイブリッド車や電気自動車においては、ハンドル(ステアリング)を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 648PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 507PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. TRDステアリングTOYOTA純正品

    ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 81PV

    ここ最近のハイブリッド車や電気自動車においては、ハンドル(ステアリング)を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

    もっと読む

メルカリ招待コード:

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

 

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

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

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

アドセンス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;
 }

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

 

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

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

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

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

クリスマスまであと…プレゼントは用意されましたか?

🎉 Counting Up! 🎉
Loading...

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

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

0

カウントダウンタイマー

あなたにおすすめな関連記事

断り方

伝えたいこと 備忘録 時事ネタ

世代別社交辞令な嫌いな人から誘われた時の断り方

人間幼い時はほとんど嫌いない人や嫌な人って、あんまりいないと思います。自分が幼稚園児の時や小学生の時などは、初めてあった人やはじめてのお友達などは逆に喜んで遊んだりしていたと思います。(例外もあります…

もっと読む

インフィード広告アドセンス

カーナビテレビが見れなくなったICカードが正常に動作しませんでした

メンテナンス 伝えたいこと 備忘録

ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法

本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

もっと読む

インフィード広告アドセンス

Windows10スタートメニューやタスクバー部分などがクリック出来ない時の対処方法

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10スタートボタン効かない,タスクバークリック出来ない対処方法

今日パソコンを立ち上げた所デスクトップの下部に表示されているタスクバー部分の、 クイック起動メニューはクリックできました。 しかし…。 パソコンをシャットダウンしようとスタートボタン・スタートメニュー…

もっと読む

インフィード広告アドセンス

SearchConsole警告なし

PC ツール 伝えたいこと 備忘録 時事ネタ

サイトマップの警告表示を3秒で解決・対処する方法

昨日SearchConsole(旧ウェブマスターツール)にてサイトマップを確認するとサイトマップを送信する画面で「警告」という文字が表示されていました。何かいけないカスタマイズでもしたのか、それとも.…

もっと読む

インフィード広告アドセンス

伝えたいこと 備忘録 時事ネタ

米FTCアマゾンを独禁法違反疑いで提訴と日立家電品正規取扱店制度

具体的には、アマゾンが主力事業のネット通販で出店している小規模事業者に対して高額な手数料を請求したほか、事業者が他の競合サイトで安く販売した場合、アマゾンのサイトでは検索しづらくしたなどと指摘していま…

もっと読む

インフィード広告アドセンス

非同期レスポンシブコード

AdSense WordPress カスタマイズ

非同期のAdSenseレスポンシブコードの変更方法

既に、 多くの方が利用されているかと思われます。 Google AdSenseという広告配信サービスです。 がレスポンシブコードがβ版から始まり現在では正式版になっています。 また、 以下のように同期…

もっと読む

あなたが訪問してから

0 秒経過 🎉

あなたが訪問してから

0 秒

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total368


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

あと5秒で記事が閲覧できます。