WordPress自帶的分頁導航真心看起來不咋地,但是我們還是需要一個分頁導航,我們可以在wordpress的后臺進行設置,在wordpress后臺設計人頁導航的方法如圖所示:
也可以用代碼來設計wordpress的分頁導航,將文件wp-content/themes/twentytwelve/functions.php中的函數twentytwelve_content_nav()開始的幾行代碼。
function twentytwelve_content_nav( $html_id ) {
global $wp_query;
$html_id = esc_attr( $html_id );
if ( $wp_query->max_num_pages > 1 ) : ?>
<span style="color: #ff0000;"> <nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentytwelve' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?></div>
</nav><!-- #<?php echo $html_id; ?> .navigation --></span>
<?php endif;
替換成如下代碼:
function twentytwelve_content_nav( $html_id ) {
global $wp_query;
$html_id = esc_attr( $html_id );
if ( $wp_query->max_num_pages > 1 ) : ?>
<span style="color: #ff0000;"> <?php wp_pagenavi(); ?></span>
<?php endif;
當然有WordPress分頁導航插件WP-PageNavi Style,效果不錯。我用的插件,效果圖如下: