WP Page Numbers – wordpress分页导航插件使用方法与教程

一个好的网站就是要让读者在最快的时间内找到他们想要的东西。而且网站导航栏和分页导航是帮助读者快速了解网站结构和寻找网站同内容的最好工具之一。

所有很多拥有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分页不仅提供了分页导航的功能 ,而且还有五款样式可以供选择。下图是五种样式。

WP Page Numbers - wordpress分页导航插件使用方法与教程

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,免费资源部落建议你勾选它,因为不选择的话,有的主题可以有不能正常显示分页数字。如下图:

WP Page Numbers设置

2、接下来就是选择一个样式主题,共有五个样式可以选择:Modern、Classic、Tiny、Panther、Stylish

3、Theme folder name,这里你可以选择自己的设计分页样式文件夹。

五、如何自己制作分页导航样式呢?方法如下

1、新建一个Theme folder,随便命名一个名字,例如:freehao123。如下图:

WP Page Numbers自定义导航栏样式

2、然后在新建的文件夹放入自己制作的样式文件,wp-page-numbers.css这个文件是一定要有的,其他的例如图片等你可以根据自己的喜好来添加。

3、制作好了后,将整个freehao123文件夹上传到你的wordpress博客的wp-content/plugins/wp-page-numbers文件夹中。

4、然后在Theme folder name中填入你自己制作的主题文件夹名称,如freehao123,现在点击“update setting”保存设置成功了。

WP Page Numbers自定义导航主题样式

5 、Settings - Text这里可以改变分页导航的文本显示和符号显示。这也是WP Page Numbers插件相对于WP-PageNavi插件的优势。

6、Default text: Page在右边输入你要替换page的文本,例如:文章页面。Default text: of可以用其它的文本来替换of,of比较适合外国人使用,中国人使用的话一般可以将其替换成“共有”,表示总共有多少页。

7、其它的如默认的向前和向后符号还有省略符号等你都可以在右边输入你想要的文本来替换。如下图:

WP Page Numbers设置显示文本

六、关于Settings - Misc设置问题

1、Number of pages to show你可以决定最多可以显示多少分页,这个可以根据你的页面宽度来决定。0的话表示没有限制。

2、例如免费资源部落设置为0,显示结果如下:

WP Page Numbers显示文章数目限制

3、整个设置好了后,可要记得“update setting”按钮,你的设置就可以生效了。

转载于:https://my.oschina.net/shunshun/blog/88956

有些博主的博导航菜单设计的非常漂亮,这对于精通CSS的朋友来说,不是件难事,可对于不懂这些的朋友来说,有点小麻烦,所以,这款酷炫的导航菜单插件也就应运而生了。 Multi-level Navigation Plugin可以将导航菜单多级显示、下拉显示、弹出式显示!可以将存档、分类、页面、友情链接、评论等作为导航菜单,可以在后台设置界面修改css来达到自己想要的显示效果。 Multi-level Navigation Plugin安装: 1.下载Multi-level Navigation插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。 2.登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件,即可。 3.激活插件后,在"Setting"版块下点击“Multi-level Navigation”对页面进行管理,如下图: 添加代码到你希望出现导航菜单的页面,通常添加在header.php文件里。 如上图中模板会出现如上四个模块: •Home:介绍插件的相关信息 •Appearance:设计导航菜单的样式 •Menu contents(菜单内容): 设置主菜单或二级菜单的内容,根据你网站的实际情况进行设置 •Settings:设置菜单显示效果 里面有多个内容选项,你可以根据网站的实际情况进行设置 设置好相关内容,插件的效果图就如下所示: 虽然这个插件比较酷炫,极大了方便了一些不精通CSS的朋友,但是,这个插件也不是万能的,使用这款插件时,你最起码要懂得些CSS知识,不然,即使再酷炫的插件也很难使用的恰到好处。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值