首页 » 建站技术 » WordPress » 浏览内容

脱离插件,实现WordPress主题分页功能


2010-12-17 23:07:13 2,246 0 发表评论 字体: 作者:C.K.
标签: WordPress代码

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

具体实现方法:

首先将下面一段函数代码添加到主题的functions.php模板文件中:

function kriesi_pagination($query_string){
  • global $posts_per_page, $paged;
  • $my_query = new WP_Query($query_string ."&posts_per_page=-1");
  • $total_posts = $my_query->post_count;
  • if(empty($paged))$paged = 1;
  • $prev = $paged - 1;
  • $next = $paged + 1;
  • $range = 2; // only edit this if you want to show more page-links
  • $showitems = ($range * 2)+1;
  • $pages = ceil($total_posts/$posts_per_page);
  • if(1 != $pages){
  • echo "<div class='pagination'>";
  • echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."'>最前</a>":"";
  • echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."'>上一页</a>":"";
  • for ($i=1; $i <= $pages; $i++){
  • if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){
  • echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
  • }
  • }
  • echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."'>下一页</a>" :"";
  • echo ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."'>最后</a>":"";
  • echo "</div>n";
  • }
  • }
  • 接下来用下面的代码替换原来模板中默认翻页代码或分页插件代码:

    <?php kriesi_pagination($query_string); ?>

    最后再把下面的样式代码添加到style.css中,刷新一下页面,与使用插件实现的翻页效果一样。

    .pagination{
  • line-height:23px;
  • }
  • .pagination span, .pagination a{
  • font-size:12px;
  • margin: 2px 6px 2px 0;
  • background:#fff;
  • border:1px solid #e5e5e5;
  • color:#787878;
  • padding:2px 5px 2px 5px;
  • text-decoration:none;
  • }
  • .pagination a:hover{
  • background: #8391A7;
  • border:1px solid #fff;
  • color:#fff;
  • }
  • .pagination .current{
  • background: #fff;
  • border:1px solid #8d8d8d;
  • color:#393939;
  • font-size:12px;
  • padding:2px 5px 2px 5px;
  • }
  • 上面的样式是我目前用的主题样式,根据不同的主题修改一下边框与背景,基本就可以了,之后删除分页插件。

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5067 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14170068 位访客

    广告区 Guǎng Gào