注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

上海seo顾问网站优化搜索引擎优化

上海seo咨询顾问,网站优化搜索引擎优化服务,google优化,网站优化公司

 
 
 

日志

 
 

WordPress主题(分页)设计:优化分页wp_link_pages函数  

2011-01-04 14:46:20|  分类: 技术类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

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. 显示成带有外框的效果   ,需要将<?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;}


 

  评论这张
 
阅读(1326)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017