post

WordPress文章归档插件:WP-EasyArchives

今天浏览博客的时候,看到其他人的文章归档页面挺不错,自己也想弄一个,我的主题自带有一个归档页,出现404的时候就会看到,展示的很丰富,但是显示的有点凌乱,也懒的去改源码,尝试安装了2个插件:Snazzy Archives 和 WP-EasyArchives,前者页面效果是挺炫,但是适合全屏网页展示,类似点点的批量编辑文章效果,感兴趣的也可以看看,我想主要介绍的WP-EasyArchives这一款,使用简单,展示效果也非常不错,适合我这样内容区域比较小的博客。

插件支持过滤功能, 可以按文章作者和月份进行筛选显示; 它使用缓存处理, 执行速度快; 对代码结构进行过优化, 对搜索引擎十分友好,看下效果图:

WordPress文章归档插件:WP-EasyArchives

查看我的文章归档页面://www.izhangheng.com/archives/

具体介绍下使用方法:

1、安装及配置

目前最新版本为:3.1.2,可以直接通过WordPress插件中搜索安装,配置的选项很人性化,至少我觉得很不错,配置界面如下:

WordPress文章归档插件:WP-EasyArchives

2、一般来说,都会新建一个模板页面用于展示归档,可以拷贝一个现有主题中的archive.php,然后在相应位置插入下面代码:

<?php wp_easyarchives(); ?>

3、新建页面,选择刚刚建好的模板页面,默认安装后,按钮和下拉框的样式是很简单的,附上CSS实现如第一张图的效果,将代码加到插件 – 编辑 – WP-EasyArchives – CSS文件的最后面,保存文件,刷新后就能看到效果了,完整的CSS如下:

#ea-filter select{padding: 6px 2px;}

#ea-filter input{visibility:visible;padding:5px 12px;margin-right:10px;border:1px solid #080;border-bottom-color:#2B562B;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;color:#FFF;text-shadow:0 1px 0 #5d4113;background:#080;background:-webkit-gradient(linear, left top, left bottom, from(#C3E5C5), color-stop(0.05, #54B059), to(#080));background:-moz-linear-gradient(top, #C3E5C5, #54B059 5%, #080);background:-o-linear-gradient(top, #C3E5C5, #54B059 5%, #080);background:linear-gradient(to bottom, #C3E5C5, #54B059 5%, #080);}

#ea-filter input:hover{border-bottom-color:#3A693A;background:#44A049;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #63BC68), to(#44A049));background:-moz-linear-gradient(top, #FFF, #63BC68 5%, #44A049);background:-o-linear-gradient(top, #FFF, #63BC68 5%, #44A049);background:linear-gradient(to bottom, #FFF, #63BC68 5%, #44A049);}

CSS仿照原作者,更多介绍,请访问作者博客:http://www.neoease.com/wp-easyarchives/

Comments

  1. 用代码也可以实现哈。不过用插件方便点

  2. 用代码也可以实现哈。不过用插件方便点

  3. 前段时间卸载了,我装的插件太多了,20几个了

  4. 前段时间卸载了,我装的插件太多了,20几个了

  5. 比我的那个好看多了啊

  6. 比我的那个好看多了啊

  7. 看起来很方便呀

  8. 看起来很方便呀

  9. 归档这种东西看的人少,没必要用插件,用page页模版改改就行

  10. 归档这种东西看的人少,没必要用插件,用page页模版改改就行

  11. 张兄,您博客也应该有不少插件吧。卡吗?目测浏览速度不卡,这个如何解决啊?

  12. 张兄,您博客也应该有不少插件吧。卡吗?目测浏览速度不卡,这个如何解决啊?

  13. [gbz祈福] 好久没来了,过来转转

Speak Your Mind

*

· 691 次浏览