【WordPress】最新記事と人気記事の簡単導入【回遊させよう】

みーぷー

6年前

シェアしてくれたら嬉しいです！!!

たまたまあなたのブログ（サイト）を訪れた読者が、
あなたのブログを気に入ったとします。

そんな時に、
読者の興味のありそうな最新記事や人気記事が目に入れば、
きっと他の記事も見てくれるはずです。

関連記事も重要ですが、
最新記事と人気記事も基本中の基本です。

ぜひともあなたのブログに最新記事と人気記事を導入しましょう。

最新記事の導入

最新記事の導入方法はたくさんあります。

ループ文を書いて挿入

一番いろんなカスタマイズが可能なのはコードを書くことです。

わたしは今回このような簡単なコードを書きました。

<ul class="latest-posts">
<?php
$args = array(
'posts_per_page' => 10 // 表示件数の指定
);
$posts = get_posts( $args );
foreach ( $posts as $post ): // ループの開始
setup_postdata( $post ); // 記事データの取得
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php
endforeach; // ループの終了
wp_reset_postdata(); // 直前のクエリを復元する
?>
</ul>

最新記事はできるだけ多め（10件）に見せたかったので、
アイキャッチ画像は挿入しないようにしてあります。

あなたもこのようなシンプルな最新記事を導入したいのであれば、
コピペでお使いください。

ウィジェットで挿入

＊追記予定

プラグインで挿入

＊追記予定

最新記事はもっとも旬なトピックスについて書かれたものです。

せっかくあなたがキーワードツールなどを用いて作った記事なので、
みんなに見てもらえる位置に配置をしましょう。

最新記事の日付が新しいと、
読者は「生きている」ブログと認識してくれます。

最新記事が2年前だったら、
あんまりそのサイトを再び訪れたいとは思いませんよね。

ブックマークさせるくらいの勢いで記事を書きましょう！

人気記事の導入

人気記事もいくつかの導入方法があります。

プラグインを使用しないで挿入

あまりプラグインを増やしたくないので、
今回はプラグインを使用しないことにしました。

人気ブロガー「マナブ＠バンコク」さんのコードを、
基本的に転用させていただきました。

『プラグインなし』で人気記事一覧を出力する方法【WordPress】

結果を出しまくっているすごい方なので、
ブログを頑張りたい人は是非ともフォローしましょう！

導入には2ステップが必要です。

functions.php

// 人気記事出力用
function getPostViews($postID){
	$count_key = 'post_views_count';
	$count = get_post_meta($postID, $count_key, true);
	if($count==''){
			delete_post_meta($postID, $count_key);
			add_post_meta($postID, $count_key, '0');
			return "0 View";
	}
	return $count.' Views';
}
function setPostViews($postID) {
	$count_key = 'post_views_count';
	$count = get_post_meta($postID, $count_key, true);
	if($count==''){
			$count = 0;
			delete_post_meta($postID, $count_key);
			add_post_meta($postID, $count_key, '0');
	}else{
			$count++;
			update_post_meta($postID, $count_key, $count);
	}
}
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);

初心者の方には、

「functions.php」

はすこしハードルが高いかもしれません。

最初はコピペでけっこうです。

＊functions.phpの最後の「?>」の前に上記コードを挿入しましょう。

sidebar.php（あなたの表示したいところで平気です）

<ul class="popular-posts">
<?php
// views post metaで記事のPV情報を取得する
setPostViews(get_the_ID());
// ループ開始
query_posts('meta_key=post_views_count&orderby=meta_value_num&posts_per_page=5&order=DESC'); while(have_posts()) : the_post(); ?>
<li>
<!-- サムネイルの表示 -->
<a href="<?php echo get_permalink(); ?>">
<?php if ( has_post_thumbnail() ) { 
	the_post_thumbnail( 'post-thumbnail'); 
} ?>
<!-- タイトルの表示 -->
<?php the_title(); ?>
</a>
</li>
<?php endwhile; ?>
</ul>

完成画面を見て見ましょう。