オリジナルテーマを作成時に single.php で the_content() が反映されない。
は表示されるのに、が表示されないのです。

その時は、the_content()のかわりに

<?php
$this_content= wpautop($post->post_content);
echo $this_content;
?>

と記載

まずは、jQuery.autopagerをダウンロード。

基本的には

<script type="text/JavaScript">
$(function(){
	$.autopager({
		content	: '.content',	// ロードしたいコンテンツ部分のセレクタ 
		link	: '#next'	// 次ページへのリンクのセレクタ
	});
});
</script>

ボタンで読み込むには

<script type="text/JavaScript">
$(function(){
	$.autopager({
		content	: '.content',	// ロードしたいコンテンツ部分のセレクタ 
		link	: '#next',	// 次ページへのリンクのセレクタ
		autoLoad: false,	// スクロールで自動読込みするどうか
		load	: function(){	// 読み込み完了後に発生するイベント
			// "this"は読み込んだコンテンツ要素を指す
			$(this).before('<hr/>'); // 左記は例（読み込んだヤツの前に区切り線を追加））
		}
	});
	$('#next').click(function(){	// 次ページへのリンクボタンが押されたら
		$.autopager('load');	// loadしやがれぃ！
		return false;
	});
});
</script>

さらに、最後読み込んだ後ボタンを消すにはload部分を下記に変える

load: function(current, next){
if( current.page >= max_num_pages; ?> ){
$(‘#next’).hide();
}
}

WordPressのシングルページで前後の記事のリンクを表示方法は以下

    <div class="pagination_box">
      <ul>
<?php $nextpost = get_adjacent_post(false, '', false); if ($nextpost) : ?>
        <li class="fL"><a href="<?php echo get_permalink($nextpost->ID); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/prev_btn.png" alt="prev"></a></li>
<?php else: ?>
        <li class="fL"><img src="<?php bloginfo('template_directory'); ?>/images/prev_btn_none.png" alt="prev"></li>
<?php endif; ?>
        <li class="fL"><img src="<?php bloginfo('template_directory'); ?>/images/pagination_separator.png" alt="separator"></li>
<?php $prevpost = get_adjacent_post(false, '', true); if ($prevpost) : ?>
        <li class="fL"><a href="<?php echo get_permalink($prevpost->ID); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/next_btn.png" alt="prev"></a></li>
<?php endif; ?>
      </ul>
      <p><a href="<?php echo esc_url( home_url( '/' ) ); ?>radio/">VIEW ALL</a></p>
    </div>