当前位置: 首页 > wordpress分享 > 正文

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

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

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页……

本文固定链接: https://www.ziyouwu.com/archives/775.html | 自由屋博客www.ziyouwu.com|wordpress建站技巧分享

wordpress文章分页导航的美化及标题的优化:等您坐沙发呢!

发表评论

2 + 2 = ?


快捷键:Ctrl+Enter