最新の記事や関連記事をお探しの方は下の「サイト内検索」で検索してみてください。
前回のWordPress Popular Postsでカテゴリー別の人気記事を記事ページ内に表示するで紹介したテーマファイルにphpコードを挿入して人気記事ランキングを表示する方法ですが、あのときは単純にタイトルと閲覧数の表示だけでした。
今回はサムネイルとか記事の公開日なども表示するようにカスタマイズしてみましょう。
今回も wpp_get_mostpopular() を使います。
前回のPHPコードはこんな感じでした。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?php $post_categories = get_the_category(); foreach ($post_categories as $category): $args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', ); echo '<h4>カテゴリー:<a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a>の人気記事ランキング</h4>'; wpp_get_mostpopular($args); endforeach; ?> |
今回は$args にいろいろな設定を追加していきます。
サムネイルを表示させたい
前回のままではサムネイルが表示されておらず、タイトルの閲覧数だけの寂しいものでした。まずはサムネイルを追加してみます。
$args の定義部分だけを抜粋しています(以下同じ)
|
1 2 3 4 5 6 7 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, ); |
thumbnail_width と thumbnail_height を追加しました。
これがサムネイル画像の幅と高さを指定する部分です。
この2行を追加するだけですぐサムネイルが表示されるはずです。
投稿日時を表示したい
|
1 2 3 4 5 6 7 8 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, 'post_html' => '<li>{thumb} {title} <span class="wpp-meta post-stats">{stats} </span></li>' ); |
post_html を設定しました。これは WPP はULタグを使ってリストを表示しているのですがそれぞれの記事の部分となるhtmlを設定することができます。上記はWPPのデフォルトのものをそのまま入れた状態です。
{thumb}, {title}, {stats} など {} で囲われている部分がそれぞれの記事の情報に置換されます。
|
1 2 3 4 5 6 7 8 9 10 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, 'stats_date' => true, 'stats_date_format' => 'Y/m/d', 'post_html' => '<li>{thumb} {title} <span class="wpp-meta post-stats">{stats}</span></li>' ); |
このようにstats_date, stats_date_format の設定を追加すると{stats}のところで閲覧数の後ろに日付が入ります。
閲覧数と日付の表示を分ける
{stats} のなかでの並び順は変えられないので、閲覧数と投稿日を別々に表示したい場合は次のようになります。
|
1 2 3 4 5 6 7 8 9 10 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, 'stats_date' => true, 'stats_date_format' => 'Y/m/d', 'post_html' => '<li>{thumb} {title} <span class="wpp-meta post-stats">{views} / {date}</span></li>' ); |
{stats} のところが {views} と {date} に分かれました。これが {views} が閲覧数、{date}が投稿日となります。
投稿者名を表示したい
|
1 2 3 4 5 6 7 8 9 10 11 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, 'stats_date' => true, 'stats_date_format' => 'Y/m/d', 'stats_author' => true, 'post_html' => '<li>{thumb} {title} <span class="wpp-meta post-stats">{views} / {date} by {author}</span></li>' ); |
stats_date を追加して、post_html の中に{author}を追加しました。記事の投稿者名を表示して投稿者ページへのリンクとなります。
評価を表示したい
これだけは WPP 単体ではなく別に WP-PostRatingsというプラグインをいれておく必要ああります。
WP-PostRatings側で評価されたポイントをWPPのリストに表示することができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
$args = array( 'cat' => $category->term_id, 'limit' => 5, 'range' => 'all', 'thumbnail_width' => 80, 'thumbnail_height' => 80, 'stats_date' => true, 'stats_date_format' => 'Y/m/d', 'stats_author' => true, 'rating' => true, 'post_html' => '<li>{thumb} {title} <span class="wpp-meta post-stats">{rating} {views} / {date} by {author}</span></li>' ); |
ratingの設定の追加と、post_htmlのなかに{rating}を追加します。
最後に
といろいろな情報が表示できる WordPress Popular Post の紹介でした。ウィジェットで使うだけじゃなく記事ページでの人気記事ランキングとかユーザーにとって回遊性を高める効果もあるとおもうのでぜひ試してみてください。