wordpress

WordPress Popular Postsをhtml整形カスタマイズ。今表示記事を除外、同じカテゴリのみ表示する方法

こんにちは。 基本的に僕は記事担当ですが、しばしば、わからないなりにWordPressをカスタイマズしたりphpを触ってみたりします。 ソースやコードについては...

2016年2月16日

この記事をシェアする

こちらの記事もオススメ!

身を持って体感!WordPress(ワードプレス)を使ったサイトで一番オススメのレンタルサーバーはエックスサーバーで決定!

アクセスは突然に。はい。突然やってきました。とあるサイトで。。 先に結論を言いますね。エックスサーバーは最強でした。 リンク貼られたの?...

2016年5月17日 ゴマサバ

スポンサードリンク

こんにちは。
基本的に僕は記事担当ですが、しばしば、わからないなりにWordPressをカスタイマズしたりphpを触ってみたりします。
ソースやコードについてはほとんどネット上から引っ張って切った貼ったしたものなのでイマイチです。いいんです、動けば良いんです。

本家WordPress Popular Postsプラグイン
wp-popularposts

という事で今回はWordPress Popular Postsを編集して体裁をカスタマイズしよう!というコーナー。phpに疎い人が書いているのでエンジニアの方が見たら残念な感じかもしれません。
その分、一般の人やそんなに詳しくない人でも真似できる内容になっています。

sigle.phpやindex.php、sidebar.phpでもどこに書いてもOKです!

WordPress Popular Postsで人気がある記事をhtml整形して表示

じゃ、この記事で何ができるの?という事になります。

今表示されているカテゴリーと同じカテゴリーの記事をサムネイル付きで表示、プレビュー数も表示した上で今表示されているページを除外して表示する為のコード

シンプルに言うとそれだけ。
とりあえずソースを書きますね!

<?php
$cat_now = get_the_category(); /* 現在のカテゴリーを取得 */
$cat_now = $cat_now[0];
$now_id = $cat_now->cat_ID; /* カテゴリID */
$post_id = get_the_ID(); /* ポストID */
wpp_get_mostpopular(‘
&limit=3 /* 表示する記事数 */
&order_by=”views” /* 並びの条件”comments”→コメント数, “views”→総PV数, “avg”→デイリーPV平均*/
&range=”all” /*集計期間”daily”→日毎, “weekly”→週毎, “monthly”→月毎, “all”→全期間 */
&thumbnail_width=150 /* サムネイル横幅 */
&thumbnail_height=120 /* サムネイル縦幅*/
&do_pattern=1 /* これを1にする事で下記の&post_htmlの中の指定した形式で表示されます。*/
&cat=”‘.$now_id.'” /* 現在表示されているカテゴリーの記事だけを表示する*/
&pid=”-‘.$post_id.'” /* 現在表示しているページをリストに入れない*/
&excerpt_length=75 /* 抜粋文章の文字の長さ*/
&stats_date=0 /*0ならば投稿日を表示しない、1ならば表示する*/
&stats_date_format=”Y/m/j”
&post_html=”<li><a href={url}>{text_title}</a> {thumb}<small>{stats}</small></li>”
‘);
?>

 よいしょっと。
これをsigle.phpやindex.php、sidebar.phpなどなど好きなテンプレートファイルに直接書いちゃって下さい。これで完成です。

スポンサードリンク

WordPress Popular Postsをサイドバーに書くとこんな感じ

wp-popularposts2

いまこのページを読んでいる人には見えていると思いますが、サイドバーにこのように
・同じカテゴリ
・かつ、いま表示されている記事を表示しない
この条件に応じた記事をプレビュー数順にソートした上でタイトル、サムネイル、抜粋文、PV数が表示されます。
後は &post_html=”<li><a href={url}>{text_title}</a> {thumb}<small>{stats}</small></li>に応じた部分のcssをお好みに整えればOKです!

floatかけてサムネイルを文章を囲んでも面白いですし、タイムリーなネタを狙うブログとかでしたら、日付とかを入れても面白いかもしれませんね。

WordPress Popular Postsで現在のカテゴリの人気記事を表示する意義

では、何故こういったものを表示させるか?という理由付けの部分ですが、今呼んで下さっているあなたの視点で解説します。

あなたは、WordPress Popular Postsを何かしらカスタマイズしたいと思ってこちらの記事に来てくれました。
WordPress Popular Postsに興味があるという事はWordPressにも興味がある可能性が高いです。
という事は他のWordPress関連の記事を読んでくれるかもしれません。
同じカテゴリの記事を出すという事はユーザーの興味に関連したものを表示できる訳です。

これによってサイト内の回遊率が上がります。PV数が上がるという事です。
特に当サイトのようにアドセンスを貼っているサイトなどはPV数、1UUに対して何PV出るかという事は至上命題です。
この命題に良い作用が出るカスタマイズだと考えています。

今表示されている記事を除外するのは何で?

スポンサードリンク

さきほどの画像のようにサイドバーに表示する場合は今表示されている記事が表示されても問題ないのですが、
single.phpに記事の下に
こちらの記事もオススメ
みたいな見出しで同じカテゴリの記事をPV数で一覧表示すると、今表示されてる記事も出ます。

え?いま私は
WordPress Popular Postsをhtml整形カスタマイズ。
って記事を読んでるのに

こちらの記事もオススメ
→WordPress Popular Postsをhtml整形カスタマイズ。

って何?わけわかんないよ。

ユーザーも混乱してしまいますし、この構成ってちょっとバカっぽくないですか?
そう思って今表示してる記事を除外するコードを紹介しました。

ですので、記事の下とかに同じカテゴリの人気記事を表示する場合は、今表示されている記事を除外した方が良いと思います。

参考になりましたか?またちょくちょくワードプレス関連の記事書いてみます。わからないなりにw

スポンサードリンク


the f

この記事を書いたユーザー

the f

1981年生まれ育児真っ最中。旅行と外食が大好き、乗り物全般やスポーツも大好き。音楽もオールジャンル大好き。色んな事を書いてゆきます。 座右の銘:好きこそものの上手なれ



この記事をシェアする


口コミ

まだ口コミがありません

コメントを残す


関連記事

wp02

ワードプレスに画像挿入、表挿入、段落タグ、アイキャッチ画像の付け方を初心者視点で解説!

今回はワードプレスを使って文章に表を入れたり、文字色を整えて読みやすくしたりする方法を解説します。 初心者の方にもわかりやすく図で解説してゆ...

2016年2月11日 the f

icatch_xserver_wordpress

ValueServer(バリューサーバー)からXSERVER(エックスサーバー)にWordPressを引っ越した

サーバー引越しのタイミングは突然に。ある程度負荷が上がってくると、「Service Temporarily Unavailable」というサ...

2016年5月3日 ゴマサバ

wp-cli

WordPressのWP-CLIが神ツールすぎてやばい!お引越しから開発環境まで楽に切り替えれる!

世の中のWordPressな皆さんこんにちは。WP-CLI使ってますか?サイトのURLが変わった時とかどうしてますか?プラグインに頼ってます...

2015年12月28日 ゴマサバ

eyecatch

PHPStormでWordPressの開発を楽にする方法

WordPressな皆さんこんにちは。皆さんWordPressで開発する際はどうやってますか?テストサーバーを直接、はたまた本番を直接、いや...

2016年1月9日 ゴマサバ

xserver_access10

身を持って体感!WordPress(ワードプレス)を使ったサイトで一番オススメのレンタルサーバーはエックスサーバーで決定!

アクセスは突然に。はい。突然やってきました。とあるサイトで。。 先に結論を言いますね。エックスサーバーは最強でした。 リンク貼られたの?...

2016年5月17日 ゴマサバ

wordpress logo

WordPressのデフォルト投稿スラッグのURLを変える方法

WordPressでサイトを作る場合、だいたいこんなコンテンツになると思います。 ブログ お知らせ その他固定ページ ...

2016年4月11日 ゴマサバ

wordpress logo

WordPress(ワードプレス)のフィルタやフックの関数名登録も無名関数を使ったほうが見やすくなるよ

いきなりですが、無名関数って何? その名の通り名前の無い関数です。 ワードプレスはPHPという言語で動いてますね。 そして...

2016年5月17日 ゴマサバ

wordpress logo

WordPress(ワードプレス)のデータベースエラー画面をカスタマイズする方法

WordPressのテンプレート階層は知っておくと大変便利ですのでまず紹介しておきますね。というか知らないと独自カスタムしてしまって本来であ...

2016年5月17日 ゴマサバ

もっと見る