wordpress文章分页导航的美化及标题的优化

2015-01-28 14:38:06

上次说了三个非插件实现wordpress实现分页的效果，实现分页的默认效果不是太好看，标题也不够友好，不管第一页还是第二页标题完全一样。所以今天笔者就分享一下关于wordpress分页导航的美化及标题的优化。

第一：把single.php中的

代码修改如下：

<?php wp_link_pages(array('before' => '<div class="fenye">分页阅读：', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?> <?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')); ?> <?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>

第二：把以下美化CSS添加到style.css中

/**页面分页**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

分页之后不管你阅读第几页，标题都是显示同样的内容，为了避免标题重复带来的不好影响，我们把标题修改如下：

<?php if ( is_single() ) { ?><title><?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) { echo '-第'; echo get_query_var('page'); echo '页';}?> — <?php bloginfo('name'); ?></title><?php } ?>

这样就实现了标题后边添加-第1页，第2页……