欢迎您光临爱永设计官网!
电话图标 服务热线/微信:13436537174 QQ咨询:276583799

新闻资讯

news

wordpress实现文章内容页的翻页效果

发表日期:2012-12-12 文章作者:爱永设计  浏览次数:20958 次

今天突然有一个客户问我,内容文章页能不能翻页,我说好久没有用过了,呵呵,我想应该可以的呀!通自己的努力找到代码,下面就由爱永设计分享给大家吧!

一般情况下大家都是采用 WordPress 标签 <!–nextpage–> 来对文章内容进行分页的,<!–nextpage–> 使用方法和 <!–more–> 差不多,不过 <!–more–> 只能使用一次, <!–nextpage–> 可以使用多次.只要在每个需要进行分页的地方插入 <!–nextpage–> ,就可以将文章分为多页.如果你在文章中已经添加了 <!–nextpage–> 却没有显示出分页来,那么你就需要在相关的模板文件中加入一个函数。

 把下面代码加到主循环中就可以了:

<?php
wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=上一页&nextpagelink=&nbsp’);
wp_link_pages(‘before=&after=&next_or_number=number’); echo “&nbsp;”;
wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一页’);
?>

如:

<div id=”sglfenye”>
<?php wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=上一页&nextpagelink=&nbsp’); ?>
<span>
<?php wp_link_pages(‘before=&after=&next_or_number=number’); ?>
</span>
<?php wp_link_pages(‘before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一页’); ?>
</div>

下面我自己写了点CSS,可以换成你自己的呀:
<style>
#sglfenye{
 text-align:center;
 margin:15px 0 15px 0;
 clear:both;
 height:23px;
 color:#06C;
 line-height:23px;
 text-align:center;
 }
#sglfenye a{
 font-size:12px;
 color:#06C;
 text-decoration:none;
 text-align:center;
 }
#sglfenye a:hover {
 color:#4e4e4e; 
 font-size:12px;
 text-decoration:underline;
}
#sglfenye span{
 color:#4e4e4e; 
 font-size:12px;
 }
</style>

这个也可以哦:

<?php wp_link_pages(array(‘before’ => ‘<div>>文章分页:’, ‘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自己定义哦。。

将文章分享到..
相关资讯
最新主题模板
随机新闻
最新网站案例
  • 更多 +我们能做什么

    致力于互联网品牌建设与网络营销,专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等,服务范围涵盖基础的域名服务、主机 服务;企业邮箱、云服务器、网络营销等应用服务,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

  • 更多 +网站模板优势

  • 更多 +关于爱永设计

    爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站, 低廉的价格,真诚的服务,我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务,出色的网页设计和制作能力,认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作!

Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱:aysheji@163.com 在线客服:276583799 模板演示地址:www.aymoban.com 备案号:京ICP备13060102号-3
服务内容: 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作