一个好的网站就是要让读者在最快的时间内找到他们想要的东西。而且网站导航栏和分页导航是帮助读者快速了解网站结构和寻找网站同内容的最好工具之一。
所有很多拥有wordpress博客的朋友们都想让自己的博客或者网站有一个实用并且足够吸引的分页导航。
一、WordPress分页插件
1、说到WordPress分页插件,可能大家首先想到的是WP-PageNavi插件,并且很多人已经正在使用它吧。
2、WP-PageNavi插件解决了wordpress博客“上一页”和“下一页”这样简单并且丑陋的分布导航,取而代之的是以数字显示和上下页按钮来显示wordpress分布导航。
3、不过,虽然在实用性方面WP-PageNavi插件是不错的,不过在适应和吸引力方面就不行了。WP-PageNavi提供的样式很单一,并且很多分页并不适合中国人阅读的习惯。
4、另外,如果你要修改WP-PageNavi的样式,还得自己的去修改css样式。当初免费资源部落就花了很大的时间来研究和修改WP-PageNavi插件的css样式。
5、使之能够与免费资源部落的主题相适应。不这,如果你不想像我这样麻烦的话,那就试试免费资源部落今天推荐了WP Page Numbers分页插件吧。
二、WP Page Numbers分页插件
1、WP Page Numbers分页不仅提供了分页导航的功能 ,而且还有五款样式可以供选择。下图是五种样式。
2、如果你不不满意的话,你还可以添加了其它样式,如果如果你是一个css高手的话,你还可以建立新的导航样式,新建样式不会影响其它的五种样式。
3、除了这些,你还可以自己设置分页的文本、间隔符号等,这个可以说是非常适合国人使用wordpress博客的需要了。
三、WP Page Numbers 安装和使用方法教程
1、首先下载WP Page Numbers插件,这里是WP Page Numbers下载地址,官方网站:http://wordpress.org/extend/plugins/wp-page-numbers
2、将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。或者你可以直接在wordpress后台下载安装。
3、安装完成后,点击“插件”选项激活WP Page Numbers插件。将下面代码放在archive.php、index.php、search.php模版文件中并把previous_post() and next_post()语句去除。
< ?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
4、现在点击左边的菜单栏的“设置”--->“Page Numbers”链接,进入WP Page Numbers插件相关设置。
四、如何设置WP Page Numbers插件?
1、Use themes表示是否包含你的wordpress主题stylesheet,免费资源部落建议你勾选它,因为不选择的话,有的主题可以有不能正常显示分页数字。如下图:
2、接下来就是选择一个样式主题,共有五个样式可以选择:Modern、Classic、Tiny、Panther、Stylish
3、Theme folder name,这里你可以选择自己的设计分页样式文件夹。
五、如何自己制作分页导航样式呢?方法如下
1、新建一个Theme folder,随便命名一个名字,例如:freehao123。如下图:
2、然后在新建的文件夹放入自己制作的样式文件,wp-page-numbers.css这个文件是一定要有的,其他的例如图片等你可以根据自己的喜好来添加。
3、制作好了后,将整个freehao123文件夹上传到你的wordpress博客的wp-content/plugins/wp-page-numbers文件夹中。
4、然后在Theme folder name中填入你自己制作的主题文件夹名称,如freehao123,现在点击“update setting”保存设置成功了。
5 、Settings - Text这里可以改变分页导航的文本显示和符号显示。这也是WP Page Numbers插件相对于WP-PageNavi插件的优势。
6、Default text: Page在右边输入你要替换page的文本,例如:文章页面。Default text: of可以用其它的文本来替换of,of比较适合外国人使用,中国人使用的话一般可以将其替换成“共有”,表示总共有多少页。
7、其它的如默认的向前和向后符号还有省略符号等你都可以在右边输入你想要的文本来替换。如下图:
六、关于Settings - Misc设置问题
1、Number of pages to show你可以决定最多可以显示多少分页,这个可以根据你的页面宽度来决定。0的话表示没有限制。
2、例如免费资源部落设置为0,显示结果如下:
3、整个设置好了后,可要记得“update setting”按钮,你的设置就可以生效了。