人気記事 Post Views でアイキャッチを表示させる

2018/2/21 未分類

Post Views の基本設定を見直す

渡しの場合はこんな感じ

ビュー数の表示形式の設定

%VIEW_COUNT% views

最も人気の記事テンプレートの設定

<div class="side_views"><div class="side_thumb">

<a  title="続きをみる" href="%POST_URL%">%POST_THUMBNAIL%
</a></div>
<p class="side_text"><a href="%POST_URL%" title="%POST_TITLE%">%POST_TITLE%</a></p><ol class="side_count">%VIEW_COUNT% views</ol></div>

プラグインファイルを書き換える

上記のままではサイドバーでのアイキャッチサイズが上手くいかなかったのでググッてみました。プラグインファイル　wp-content/plugins/wp-postviews/wp-postviews.php　自体を書き換える必要があるらしいです。

プラグインWP-PostViewsを使用して人気記事ランキングにサムネイルを表示する。

書き換え箇所

$post_excerpt = views_post_excerpt($post->post_excerpt, $post->post_content, $post->post_password, $chars);

という行を探して、そのすぐ下に以下を追加。

$thumbnail = get_the_post_thumbnail($post->ID,array(80,80),false);

こんな感じ。(80,80) は自分の希望のサムネイルサイズを書いています。

$post_excerpt = views_post_excerpt($post->post_excerpt, $post->post_content, $post->post_password, $chars);
$thumbnail = get_the_post_thumbnail($post->ID,array(80,80),false);

同じ記述が６ヶ所あるので全部書き換える。

さらに、もうちょっと下にある

$temp = str_replace("%POST_URL%", get_permalink($post), $temp);
$temp = str_replace("%POST_DATE%",

という行を探して、その間に以下を追加

$temp = str_replace("%THUMBNAIL%", $thumbnail, $temp);

こんな感じ。

$temp = str_replace("%POST_URL%", get_permalink($post), $temp);
$temp = str_replace("%THUMBNAIL%", $thumbnail, $temp);
$temp = str_replace("%POST_DATE%",

CSSで調整

cssに以下追加

 .side_views .side_thumb img{
        width: 80px;
        high: 80px;
}

おおおー出来た。ありがとうございます。

因みに引っ張ってきてくれる画像ですが、私の環境ですと以下の全てが表示されました。

投稿画面のアイキャッチの登録画像　OK

投稿１枚目をアイキャッチにしている画像　OK

Nelio External Featured Image (discontinued)　で外部から引っ張ってる画像　OK