快轉到主要內容

实现WordPress自带分页功能

·274 字·1 分鐘
Y Cheung
作者
Y Cheung
Blogger, Programer & Traveler.

在模板index.php相应位置添加分页栏,加上以下代码:

1<?php if (function_exists('wp_pagenavi')) { wp_pagenavi(); } else { include('navigation.php'); } ?>

新建一个名为navigation.php的模板,里面包含以下代码:

 1<?php global $wp_rewrite;
 2$paginate_base = get_pagenum_link(1);
 3if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
 4    $paginate_format = '';
 5    $paginate_base = add_query_arg('paged', '%#%');
 6} else {
 7    $paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') . user_trailingslashit('page/%#%/', 'paged');;
 8    $paginate_base .= '%_%';
 9}
10echo '<div class="page_navi"><ul>' . "\n";
11echo paginate_links( array(
12    'base'      => $paginate_base,
13    'format'    => $paginate_format,
14    'total'     => $wp_query->max_num_pages,
15    'mid_size'  => 5,
16    'current'   => ($paged ? $paged : 1),
17    'type'      => 'list',
18    'prev_text' => '&laquo;',
19    'next_text' => '&raquo;',
20));
21echo "\n</ul></div>\n";
22?>

在style.css文件中添加以下代码:

1.page_navi {float: none;line-height:23px;text-align: center;}
2.page_navi li { float:left;padding:5px;}
3.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current, .page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots {border:1px solid #e5e5e5; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px 5px 2px 5px;text-decoration:none; float:center;}
4.page_navi a:hover { border:none;background: #5cb096;color:#fff; }
5.page_navi span.current { border:none; background: #EB4640; color:#fff; font-family: inherit; font-style: inherit; font-weight: inherit; font-size:12px; padding:2px 5px 2px 5px; }

效果图如下:

945192971794637567

红色为当前页码,绿色块为鼠标悬停时的效果。

相關文章

创意礼品店乐铺购物经历

·1421 字·3 分鐘
有幸能够成为备受大家关注的乐铺博客送礼活动入选者,据官方报道: 本次活动共接受到报名博主 2865 名,其中符合活动要求的博主有 933 位,我们从中选出了 100 位博主做为本次活动的最终入选名单。 哈哈,我排在第11位,虽然是按报名时间先后顺序排名的,但是,从某个侧面来说也是对我的blog的肯定嘛,嘿嘿~ 好了,自吹自捧,自我陶醉十五分钟,over。 谈谈我这次购物的经历吧~ 店内商品种类繁多,各种价位的创意产品都有,比较集中。不过,我觉得那些东西都不大新颖,没能很好的体现创意二字(额,还是我太IN了呢?)。可以这么说,上面卖的东西,一般我在街上格子铺那里都能买到…… 网站购物流程还算顺利,比照着淘宝来,相信大家都会使用。不需要注册会员,这点不错,我喜欢。下订单后也及时有邮件提醒付款什么的,蛮好的。而且乐铺还可以帮你包装成礼物呢,虽然这个我没试,不过,免费提供这项服务真的很方便顾客呢~ 由于我注册了又忘记了用户名及邮箱及密码(囧rz),所以令整个事情变得复杂起来,还好,乐铺的客服一直都态度很好的跟我EMAIL往来解决我的问题,最终让我得到了我想要的东东——Sun Jar 阳光储存罐(粉色版),o(*≧▽≦)ツ 东西很快送到,当然这是物流的工作,跟乐铺没什么关系,XD。 拿到手,嗯,比想象中的要沉…… 然后,没示意图啊,视频中的好看,( >﹏<。)~呜呜呜…… 东西的包装、罐子的材质并不是那么好,这让我觉得东西很山寨, :-x 额,我这么说并不是质疑乐铺给的是山寨货, 那个,买过日本周边的童鞋都知道,进口货的性价比的那个低哇~ 至今想起我花百来大洋买个很普通街边卖可能只10元左右的手机链, 还有花几百大洋买个貌似是塑料OR烂合金的街边卖可能10元都卖不出的项链, 我的心就阵阵揪痛…… 嗯,不管怎样,谢谢乐铺给了我这个机会~~~XD

初步完成comments.php

·165 字·1 分鐘
…φ(0 ̄*)啦啦啦_φ(* ̄0 ̄) ,终于弄好这个comments.php模板啦~当然,现在还比较简陋,还不完善,但是基本的样子出来啦~~~~o(*≧▽≦)ツ 效果如图:

技巧笔记

·78 字·1 分鐘
能直接寫 html 的, 就不要用 php. 能直接寫中文的, 就不要用翻譯. 能直接表達的, 就不要有太多嵌套. 修改 css 不要一味添加, 有時刪除會更好. 影響網頁速度最嚴重的是 javascript 或 jQuery 裏的 DOM.