WP-PageNaviプラグインでページナビゲーション拡張

このブログはWordpressのtwentytenをベースにしている訳ですが
素のままではページ移動が面倒なので
WP-PageNaviプラグインでページナビゲーション拡張してみました。

お世話になったサイト

blog by verbecker;

さて、手順ですが
ダッシュボードでプラグインを追加します。

その後、外観のテーマ編集でloop.phpの頭の辺り
ここのコメント以下を削除して

[html]<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-above" class="navigation">
<div class="nav-previous"><?php next_posts_link( __( ‘<span class="meta-nav">←</span> Older posts’, ‘twentyten’ ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( ‘Newer posts <span class="meta-nav">→</span>’, ‘twentyten’ ) ); ?></div>
</div><!– #nav-above –>
<?php endif; ?> [/html]

この一文に変える

[html] <?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?> [/html]

こんな感じ。

[html]<?php /* Display navigation to next/previous pages when applicable */ ?>

<?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?>
[/html]

上手くいくとこの様になります。

同じ様にフッタ部分も書き換えます。

一番下のこの部分です。

[html]<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-below" class="navigation">
<div class="nav-previous"><?php next_posts_link( __( ‘<span class="meta-nav">←</span> Older posts’, ‘twentyten’ ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( ‘Newer posts <span class="meta-nav">→</span>’, ‘twentyten’ ) ); ?></div>
</div><!– #nav-below –>
<?php endif; ?>[/html]

そうすると、フッタ部分もこの様になります。

少し見やすくなったと思います。

カテゴリー: Web, Wordpress タグ: パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です