WordPress主题设计:优化wp_link_pages函数

编辑: 日期:2010-07-25 分类:Wordpress教程 阅读:5,424 次 留言:13条 2次推荐
简介:Wordpress主题设计:优化wp_link_pages函数 wp_link_pages函数是用来显示多页面文章的,写文章是在文章中插入<!–nextpage–>  将文章分页显示,主要用于过长的文章。 默认的显示方式 Page 1, 2, 3 非常的不美观, 那么我们就来修改一下...

Wordpress主题设计:优化wp_link_pages函数
wp_link_pages函数是用来显示多页面文章的,写文章是在文章中插入<!–nextpage–>  将文章分页显示,主要用于过长的文章。

默认的显示方式 Page 1, 2, 3 非常的不美观, 那么我们就来修改一下吧。

在single.php文件中找到<?php wp_link_pages(); ?>,把它修改成你想要的效果,具体如下:

1. 显示成 Page 1 Page 2 Page 3的效果,需要将<?php wp_link_pages(); ?>改成

<div><?php wp_link_pages('pagelink=Page %'); ?></div>

2. 显示成向前和向后翻页的效果 Pages: «  »,需要将<?php wp_link_pages(); ?>改成

<?php wp_link_pages(array('next_or_number'=>'next', 'previouspagelink' => ' &laquo; ', 'nextpagelink'=>' &raquo;')); ?>

3. 显示成带有外框的效果 WordPress主题 ,需要将<?php wp_link_pages(); ?>改成

<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>

当然需要css的修饰,css代码如下:

 .page-links{font-family: Tahoma, Verdana, Arial;font-size: 12px;height: 24px;} .page-links a{background-color: #fff ;border: 1px#ddd solid ;color: #000;margin: 1px;padding: 4px 10px ;text-transform: uppercase;} .page-links a:hover{background-color: #ddd !important;color: #fff !important;} 

目前就这么几种方法,如果你还有更好的方法实现文章分页,请不吝赐教。

本文链接:WordPress主题设计:优化wp_link_pages函数

版权所有:维普设计 - 转载请注明出处

客户留言 设置头像 13条
6161

  • IMl路人
    2011年04月20日 at 9:16 下午 1楼

    搜索到这里来的,请问下,像最后一种形式的话,当前页面的页面样式能不能设置或者通过参数实现所需的样式?

    • site6
      2011年04月20日 at 9:27 下午 2楼

      如果你会的话,wordpress会非常欢迎你的

 
联系我们