MENU

ページャーを設置しました

  • URLをコピーしました!


このページの書き込みは、間違えを含んでいるため、書き直しております。
是非、「(やり直し版)ページャープラグイン「Prime Strategy Page Navi」を設定しました」のページをご参照願います。
以下は、一応ログとして…。

今現在、このブログはWordPress3.0の標準テーマである「Twenty Ten」を使ってます。

一応、標準でページャーが付いていますが少し味気ないので、またまた「本格ビジネスサイトを作りながら学ぶWordPressの教科書」で紹介されていた、「Prime Strategy Page Navi」というページャープラグインを導入してみました。

導入方法は、「プラグイン」から「新規追加」で「Prime Strategy Page Navi」を検索しましょう。
検索が完了したら、早速「インストール」して、続けて「有効化」しましょう。

後は、「Twenty Ten」のテンプレートの「loop.php」の25行目位の

<div id="nav-above" class="navigation">
<?php wp_pagenavi();?>
    <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
    <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-above -->

の部分と175行目位の

<div id="nav-below" class="navigation">
     <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
     <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-below -->

の部分を削除して、このコードに置換します。

<?php 
/* ページナビを追加 ここから */
  if (function_exists('page_navi')) :
    page_navi('elm_class=page-nav&edge_type=span');
  endif;
/* ページナビを追加 ここから */
?>

すると、こんな感じにページャーが登場してきます。

なんかイマイチですが、一応ページャーっぽくなってはいます。
かなり、ダサいけど…すんません。

今後、まだまだデザインを修正して行かないとダメですね~。

よかったらシェアしてね!
  • URLをコピーしました!
目次