WordPress归档页面模板,按日期列出所有文章

效果见:HzlzH的 文章归档 页面 (本站新增的页面)

描述:输出全站所有文章标题及链接URL,按发表的日期(按月)归档,无需插件,使用WP原生函数,可加入 jQuery 滑动展开效果

用途

1、方便查看旧文章,便于写作时引用链接;

2、利于SEO,要知道sitemap就是这个道理差不多;

3、这货博客得有,这个真得有;

步骤

1、桌面新建名为 my-archive.php 文件,写入以下代码,申明这是一个wordpress模板文件,以前说过模板的用法

<?php
/*
Template Name: my-archive
*/
?>
<span id="control" style="cursor:pointer;color:#666666;text-shadow:0 0 2px #66CD00;">全部展开/收起</span>
<div class="my-archive">
<?php
	$previous_year = $year = 0;
	$previous_month = $month = 0;
	$ul_open = false;
	$myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
?>
<?php foreach($myposts as $post) : ?>
<?php
	setup_postdata($post);
	$year = mysql2date('Y', $post->post_date);
	$month = mysql2date('n', $post->post_date);
	$day = mysql2date('j', $post->post_date);
?>
<?php if($year != $previous_year || $month != $previous_month) : ?>
<?php if($ul_open == true) : ?>
</ul>
	<?php endif; ?>
	<h3><?php the_time('Y年 m月'); ?></h3>
<ul>
	<?php $ul_open = true; ?>
	<?php endif; ?>
	<?php $previous_year = $year; $previous_month = $month; ?>
<li><span><?php the_time('m-d'); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span><span>&nbsp;<?php if(function_exists('the_views')) { the_views(); } ?></span>
	<?php comments_popup_link( __( '评论 (0)', 'farlee' ), __( '评论 (1)', 'farlee' ), __( '评论 (%)', 'farlee' ), 'comments-link', __('评论关闭', 'farlee')); ?></li>
<?php endforeach; ?>
</ul>
</div>

2、上传文件到 wordpress 使用的主题目录下,然后去后台新建“页面”,会发现有选择模板的选项:选择–>my-archive

3、写个页面名字,直接发表,不需要正文内容。

说明:上面的是核心代码,要想得到更好的效果,需要再美化下 CSS 和 使用 jQuery等,
由于个人的主题模板不一样,固share了我的 模板文件,感兴趣的,自己参考吧!
直接打开源码–>【my-archive.php.txt

懒得 DIY的同学,可以使用这个插件轻松完成归档页面制作, wp-easyarchives  ,

话说,hzlzh是尽量不用插件的,少一个是一个!呵呵

版权所有© HzlzH | 本文采用 BY-NC-SA 进行授权
转载需注明 转自: 《WordPress归档页面模板,按日期列出所有文章

相关文章

{ Leave a Reply ? }

  1. Dianso China Google Chrome Windows

    插件我才卸载了,去试下你这个

  2. 阿邙 China Google Chrome Windows

    感觉还是点开一个其他的合上 效果会好一些

      • 阿邙 China Google Chrome Windows

        @HzlzH: 因为之前我写过根据插件改成刚讲的效果的。 用了以后感觉更人性化些呵呵

          • 阿邙 China Google Chrome Windows

            @HzlzH: 嘿嘿 插件是给懒人用的 其实不用插件是给更更懒的人用的 :-D 直接写主题里 省得以后麻烦

              • 阿邙 China Google Chrome Windows

                我想弄一个页面 从google reader导出的订阅列表里获取网站名和链接 不知道该怎么实现呢 :?:

  3. Z日志 China SouGou Browser Windows

    自力兄真是高产, 顶一个, 顺便改个颜色抢走咯 :-|

      • Z日志 China SouGou Browser Windows

        @HzlzH: 没听明白,能说的详细一点不 :?:

  4. Z日志 China SouGou Browser Windows

    用上了,不过貌似代码还存在一些问题哦,我用的是底下txt的代码,只改动了三个颜色,问题出在页面载入完成后月份栏的数量变少,而点击最后一个月份才出现更老的一个月份..兄台不妨来 实地考察一下

  5. Carrie Taiwan; Republic of China (ROC) Mozilla Firefox Windows

    不過發現雖然可以點擊展開舊文的年月份,但是卻沒有點擊收起的效果,不知道是否是個小 bug 呢?

    總之,很多謝你分享這個技術,以後會用在我新寫的主題上 :oops:

      • Carrie Taiwan; Republic of China (ROC) Mozilla Firefox Windows

        @HzlzH: 那我再去試試看 :mrgreen:

          • Carrie Taiwan; Republic of China (ROC) Mozilla Firefox Windows

            @HzlzH: 這效果很棒,所以我超喜歡的,才會想加在下個新寫的主題裡,阿邙就是很厲害的折騰者,你也很強,每次逛你們的博客都覺得自己要再加強的地方太多太多啊~

            想睡就快去睡吧,我也要關電腦了,晚安 :-P

      • Carrie Taiwan; Republic of China (ROC) Mozilla Firefox Windows

        @HzlzH: 你也很晚啊~呵,我等等也要窩回床上去了,晚安 :)

  6. QiQiBoY China Mozilla Firefox Windows

    我用的插件。。。。没看到你这文章前我都忘了我博客上还有这么个页面呢。。。 :-D

  7. 万戈 China Mozilla Firefox Windows

    这是我看到的第三个折腾非插件日志归档的了,不过你是代码最最精简的一个,很好!

  8. 海天 China Google Chrome Windows

    动态效果不错啊
    要是后面加上多少条评论的 是不是更好
    你这不是jQ吗?怎么看不到代码

    • 海天 China Google Chrome Windows

      @海天: 额 原来jQ在下面 呵呵没注意~

  9. mice China GreenBrowser Windows

    感觉那个页面加载 非常的慢..不知道是不是我的问题.

      • mice China GreenBrowser Windows

        @HzlzH: 我表示是侧边栏的影响,我那也是所有文章啊,但是没这么慢耶..还有那个页面错位了..去看看吧

  10. ptubuntu China Google Chrome Linux

    真是个好东西.不过掩累了.也不想再去整了.自己早已安装了插件.

  11. zwwooooo China Mozilla Firefox Windows

    省插件的好代码 :wink:

  12. MOPVHS China Google Chrome Windows

    :-D 来学习了~~~

  13. zwwooooo China Mozilla Firefox Windows

    代码有错误

    里面少了一个 :mrgreen:

  14. zwwooooo China Mozilla Firefox Windows

    代码有错误
    <?php $ul_open = true; ?>
    <?php endif; ?>
    里面少了一个</ul>

      • zwwooooo China Mozilla Firefox Windows

        @HzlzH: 我直接copy后出现

          • zwwooooo China Mozilla Firefox Windows

            @HzlzH: 囧~我copy时你这是这样的
            <?php if($year != $previous_year || $month != $previous_month) : ?>

            <?php if($ul_open == true) : ?>
            <?php endif; ?>
            缺少</ul>

            现在你的文章又有了 :arrow:

              • zwwooooo China Mozilla Firefox Windows

                @HzlzH: 我是copy回去后就出现排版错误,细细找一下就是少了一个闭合,不知道我copy后期间你有没有修改代码,无所谓啦,反正能搞定就行了 :mrgreen:

  15. 情趣内衣 China Internet Explorer Windows

    博主自己写的码吗?高手膜拜中。。。

  16. 晴天 China Internet Explorer Windows

    哇 好好跟你们学学怎么折腾wp哦,我博客太难看了

  17. zchiy2k China Mozilla Firefox Windows

    比我自己折腾的在算法上好多了~
    这段代码值得学习一下。

  18. 925纯银红绳 China Internet Explorer Unknow Os

    很久没来了,博主近来可好?

  19. 小托 China Internet Explorer Windows

    哈哈、又是技术 不懂 呜呜

  20. 小邪 China Google Chrome Windows

    研究一下 mysql2date 函数 ~ :mrgreen:

      • 小邪 China Google Chrome Windows

        @HzlzH: 嘎嘎,那 get_posts 哩? :?:

  21. Jakeson China Mozilla Firefox Mac OS

    准备换到WP,学习哈先~~~~ :mrgreen:

  22. Dianso China Google Chrome Windows

    换字体了?这是雅黑字体吧?

  23. sky China Google Chrome Windows

    貌似有点问题的啊

  24. qvod China 360 Browser Windows

    这样都不能解决,啊?

  25. 就要懂 China 360 Browser Windows

    呵呵,好好学习,好好折腾!!

  26. chenchen China Maxthon Windows

    博主你好!我是一个wp的新手!
    刚才使用了您的这个模板,有个问题就是打开存档页面后发现整个博客都往左移了 :!:
    请问怎么修改您的模板可以使到存档页面跟其他页面一样也是整个框架居中的? :!:
    望指教!!

      • chenchen China Maxthon Windows

        @HzlzH: :roll: 还是感谢博主提供的代码!

  27. Dawnson China Google Chrome Windows

    HzlzH你好,我用了,貌似展开与收起不起作用啊,求帮助! :cry:

      • Dawnson China Google Chrome Windows

        @HzlzH: 嗯,绝对是我没有加载那个库,正在找怎么加呢,没了解过这些东西! :!:

      • Dawnson China Google Chrome Windows

        @HzlzH: 好了,谢谢哦! :-D

  28. flon_无涯 China 360 Browser Windows

    为什么我有的中文显示不了~~~

  29. crush1986 China Mozilla Firefox Windows

    效果不错。我是wp新手,能不能稍微具体介绍下css怎么美化。用了之后页边距等于0了,而且不能加sidebar(会直接出现在页面最下面)。
    http://sharewei.com/archives/
    谢谢了~

  30. 西门 China Google Chrome Windows

    请问23行的UL是怎么回事?

      • 西门 China Google Chrome Windows

        @HzlzH: 既然是多余的,我删掉之后,里面的UL就没后面的了,不信你试试。可惜看不懂PHP代码呀! :cry:
        所以我还是没删,有三个UL。

  31. zero China Google Chrome Windows

    杯具啊,IE提示出错,没有动态效果,chrome下也没有动态效果,就是说默认全部是展开的,不能闭合,点击 全部展开/收起 不起作用呢?还要改别的地方么?还是说因为主题的问题???

  32. SAKU China Google Chrome Windows

    呜啊 那个模板文件的地址 可能因为网站搬家修改数据库弄错了。应该是https://dl.dropbox.com/u/5571217/hzlzh.com-share/wordpress/php/my-archive.php.txt

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)

Pingback & Trackback

  1. Tweets that mention Wordpress归档页面模板,按日期列出所有文章 | 自力博客 -- Topsy.com United States Unknow Browser Unknow Os - Pingback on 2010/07/16/ 00:53
  2. WordPress归档页面模板,按日期列出所有文章 | 逍遥游日志 United States WordPress Unknow Os - Pingback on 2012/04/07/ 00:02
  3. WordPress归档页面模板,按日期列出所有文章 » 逍遥游日志 United States WordPress Unknow Os - Pingback on 2012/04/07/ 23:34
  4. WordPress归档页面模板,按日期列出所有文章 » 逍遥游日志 United States WordPress Unknow Os - Pingback on 2012/04/07/ 23:36