Loading…

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

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

本日の人気記事BEST10

所要時間目安:3


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

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

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

 

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

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

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

スポンサーリンク

アドセンス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; }/*カテゴリの人気記事を記事下ここまで*/

 

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

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

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

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


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

おすすめの記事一部広告

    Multiplex 広告

WordPress, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧


関連記事

見出しタグ挿入方法

WordPress 不具合

WordPressビジュアルエディタで見出しタグが挿入できない場合の対象方法

WordPressにて、 ブログを始めたのはここ数日前です。 しかし、 WordPressのビジュアルエディタにて、 見出しタグの挿入時に範囲選択した場所以外も見出しタグが挿入されてしまう。 という現…

もっと読む

間違いメールと迷惑メールとフィッシング詐欺メール判断方法

セキュリティ 伝えたいこと 備忘録 時事ネタ

迷惑メールと間違いメールと迷惑電話の対策方法は同じ!?

先日、私の携帯・スマホのメールに間違いメールなのか迷惑メールなのかちょっとわからない内容のメールが送られてきました。 一応、名前が書いてあったりする場合もありましたが誰なのか名前すら書いていない場合の…

もっと読む

放射性物質線量スケール表

伝えたいこと 備忘録

放射性物質半減期問題は?ベクレル(Bq)とシーベルト(Sv)違い

東日本大震災の、   月命日である11日に改めて、 放射能に関して記載しておきたいと思います。   なお、 よく読まれている人気記事一覧 人気記事 車のキーナンバー確認方法。キーレ…

もっと読む

日本はどこへ向かうのか

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

新型コロナ騒動(パンデミック)で明らかになったことや問題点課題点など

2019年に中国において報告されたとされている現在パンデミックと言われている状況で、制度不備や行政不備、医療体制不備、など様々な体制不備が取りだたされ明らかになったことも多くあります。世界においても病…

もっと読む

目次に戻る

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

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



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

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

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