この記事は2016年4月19日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2024年10月29日 (火曜日)本日の人気記事トップ10
今日は2024年10月29日です。
目次に行く・戻る
メルカリ招待コード: 招待コードをコピー
記事を読んで頂いていて該当記事を読み終わった後に、同じカテゴリーに属する人気記事を表示する方法です。
せっかく訪問して頂いて記事を読んでもらった後に同じカテゴリー内で人気のある記事が表示されていたら、読んで頂ける可能性が高くなると思われます。
車に関する記事を読んでいてその下に、 同じカテゴリーの車、メンテナンスに含まれる人気記事が表示されるということです。
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
150,737件の PV
106,741件の PV
75,752件の PV
67,240件の PV
44,824件の PV
40,747件の PV
38,216件の PV
37,259件の PV
36,629件の PV
33,450件の PV
具体的な方法としては、
<!--カテゴリの人気記事を入れた場所ここから-->
<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;
}
/*カテゴリの人気記事を記事下ここまで*/
すると、以下のように表示されるようになります。
これで、 同じカテゴリーに属する人気記事が表示させたい分だけ表示されるようになり、離脱率を低く出来るかもしれません。
お試しになってみて下さい。
あなたにおすすめな関連記事 WordPress アップグレード 伝えたいこと 備忘録
先日(昨日)WordPressのバージョンをやっとこさ4.5.2の最新版にしました。なぜか?それは一番はセキュリティ上の問題の解消ですが、他にもサイトのページ表示速度が、もしかしたら速くなるかもなんて…
もっと読む
WordPress テーマ
WordPress4.4でStinger5にして、 WordPress4.3.1でStinger6にしてみてしまった。 たしか、 Stinger6はWordPress4.4仕様だったような気がしました…
もっと読む
Stinger6 Stinger7 WordPress カスタマイズ 備忘録
先日、 WordPressにおいてブログカード(内部リンク用)を作成するショートコードのphp関数コードを紹介しました。 https://infovarious.com/post-852…
もっと読む
伝えたいこと 備忘録 時事ネタ
(アイキャッチ画像出典元毎日新聞:https://mainichi.jp/graphs/20160408/hpj/00m/050/004000g/3)以前、全日本男子バレーボールの世界最終予選大会につ…
もっと読む
伝えたいこと 備忘録 時事ネタ
昨日の熊本地震にて、 震度7という大きな揺れの地震で歴史的建造物であり3大名城(4大名城とも言われるが)である熊本城の石垣が壊れた・崩れてしまいました。熊本城の別名「銀杏城(ぎんなんじょう)」。ちなみ…
もっと読む
伝えたいこと 備忘録 時事ネタ
以前に記事にしたとおりに早速選挙の投票に行ってきました。 >>そうだ!選挙に行こう!!今回は18才以上の選挙権初の参院選です。選挙に行こう!!。 ...はじめて朝一番での投票をしてしまいま…
もっと読む
おすすめの記事一部広告 Total352
アドセンス336pxPC閲覧記事下表示1つ目コード
目次に戻る
-WordPress , カスタマイズ , 伝えたいこと , 備忘録
目次に戻る
目次に戻る
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
This opt out feature requires JavaScript.
The tracking opt-out feature requires cookies to be enabled.
comment