程序员之家 服务器常用软件
快捷导航
您的位置：主页 > CMS教程 > 其它cms >

Typecho 创建文章归档页面的实现方法(非插件)

  发布时间：2015-08-24 12:44:59   作者：佚名   我要评论
这个归档相信大家都不陌生,因为本人是先从wordpress开始的,所以在wp实现了这个之后跳到typecho必须也要实现这个,好在开源什么都可以通过代码实现,
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

下面就分享下typecho如何非插件实现文章归档页面,其实挺简单的,按照下面的搞起,分分钟的事情!
首先 复制page.php一枚,重命名为archives,当然,这个可以根据自己的喜好随便起名

其次 按照下面的替换其中的代码,从而可以让主题识别这个归档独立页面

PHP Code复制内容到剪贴板
  1. <?php $this->need('header.php'); ?>   
替换为

PHP Code复制内容到剪贴板
  1. <?php   
  2.     /**  
  3.     * archives  
  4.     *  
  5.     * @package custom  
  6.     */  
  7.     $this->need('header.php'); ?>   
第三 接著按照以下代码进行替换,其替换的代码为归档的核心代码

PHP Code复制内容到剪贴板
  1. <?php $this->content(); ?>   
替换为


复制代码
代码如下:

<?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->parse('<li>{year}-{month}-{day} : <a href="{permalink}"></a></li>'); ?>


到此归档页面已经创建完成,接著上传到主题目录,然后进入typecho后台新建page页面,然后选择模板为archives,如果开始创建这个页面的时候不是取的这个名字请自行选择!下面分享一个现成的独立页面,直接新建一个page.php页面,代码全部复制进去即可!

PHP Code复制内容到剪贴板
  1. <?php   
  2. /**  
  3.     * archives  
  4.     *  
  5.     * @package custom  
  6.     */  
  7. $this->need('header.php'); ?>   
  8.     <div id="mainbox2">   
  9.         <div class="position">当前位置：<a href="./">首页</a> » <?php$this->title() ?></div>   
  10.         <div class="post"  id="post-<?php $this->cid(); ?>">   
  11.             <h2><span class="float_l"><a href="<?php $this->permalink() ?>" title=""><?php $this->title() ?></a></span></h2>   
  12.             <div class="clear"></div>   
  13.             <div class="entry">   
  14. <?php $this->widget('Widget_Contents_Post_Recent','pageSize=10000')->parse('<li>{year}-{month}-{day} : <a href="{permalink}"></a></li>'); ?>   
  15.                 <div class="clear"></div>   
  16.             </div>   
  17.         </div>   
  18.     </div><!--mainbox end-->      
  19. <?php $this->need('footer.php'); ?>  

至于样式如果有不满意可以自己写下CSS美化下,既然折腾,就勇猛的向后看齐吧!

相关文章

最新评论

关注微信公众号

扫一扫
?


http://www.vxiaotou.com