wordpress二次开发:文章分页导航的美化及标题的优化

2015-03-09 23:17 阅读 176 次 评论关闭

之前猎微网分享了有关分页的函数使用实例:wordpress二次开发:文章分页函数wp_link_pages()实例详解,今天分享一下文章分页导航的美化及标题的优化

wordpress分页导航的美化

第一、把single.php中的

  1. <?php wp_link_pages(); ?>

代码修改如下:

  1. <?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中

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

wordpress分页标题的优化

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

  1. <?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页……

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:wordpress二次开发:文章分页导航的美化及标题的优化 | 猎微网

评论已关闭!