WordPressにプラグインを使わずにページビューをつけてみよう
あのブログの記事の下によくある1.2.3.4……とページ数を表示でき、
クリックしたらそのページに飛べる便利な「ページビュー」。
前からそのページビューを設置しようと思っていたんですが、
まずは、手軽にプラグインでページビューを付けちゃおう～とか思ってたら、
なんと、現在入れているプラグインと相性が悪いのか、
画面が真っ白になる症状になり、しょうがないから諦めていたのですが、
調べてみたら、プラグインを使わずに、設置する事が出来ました。
参考にしたサイト
プラグインを使わずにページナビゲーションを表示
まず、function.phpに以下を追加します。
[php]
function page_navigation() {
global $wp_rewrite;
global $wp_query;
global $paged;
$paginate_base = get_pagenum_link(1);
if(($wp_query->max_num_pages) > 1):
if (strpos($paginate_base, ‘?’) || ! $wp_rewrite->using_permalinks()) {
$paginate_format = ”;
$paginate_base = add_query_arg(‘paged’, ‘%#%’);
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == ‘/’ ? ” : ‘/’) .
user_trailingslashit(‘page/%#%/’, ‘paged’);;
$paginate_base .= ‘%_%’;
}
$result = paginate_links( array(
‘base’ => $paginate_base,
‘format’ => $paginate_format,
‘total’ => $wp_query->max_num_pages,
‘mid_size’ => 3,
‘current’ => ($paged ? $paged : 1),
));
echo ‘<p class="local-navigation">’."n".$result."</p>n";
endif;
}
[/php]
そして、ページビューを以下を設置したい場所に貼り付けます。
[php]
<?php page_navigation(); ?>
[/php]
一応、そのままでも使えますが、CSSでデザインしてみるのもいいかもです。
僕は、以下のような感じにしました。
[php]
.local-navigation {
color: #2583ad;
margin: 1em auto;
line-height:2em;
text-align:center;
}
a.page-numbers, .local-navigation .current {
color: #000000;
padding: 2px .4em;
text-decoration:none;
}
a.page-numbers:hover {
color:white;
background: #328ab2;
}
.local-navigation .current {
color: white;
background: #328ab2;
border-color: #328ab2;
font-weight:bold:
}
[/php]
これで、完了です。
簡単に出来ましたので、よければ試してみてください。
参考にしたサイト
プラグインを使わずにページナビゲーションを表示