逝雪蓝冰

制作简单的标签云及文章归档模板文件
本网站已经有了自己的文章归档页,点击查看。标签云使用的是 Typecho 官方帮助文档中给出的,生成随机颜色标签云...
扫描右侧二维码阅读全文
07
2019/04

制作简单的标签云及文章归档模板文件

本网站已经有了自己的文章归档页,点击查看

标签云使用的是 Typecho 官方帮助文档中给出的,生成随机颜色标签云;文章归档官方帮助文档中没有给出,我是参考了自己的其中一款付费主题的模板文件,该主题优化后的文章归档也非常的好看,奈何自己的 css 技术一塌糊涂,索性确实组装出了一款以假乱真的文章归档页,凑合看看呗,欢迎到访的各路大佬踊跃讨论,在评论区留下你的真知灼见。

将以下代码保存为 archives.php 并上传至主题文件夹下面,然后博客后台任意新建独立页面,在模板中选择 Archives 即可自动生成文章归档页,可输出标签云和文章归档。

<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php

/**
 * Archives
 *
 * @package custom
 */

$this->need('header.php'); ?>
<div class="col-mb-12 col-8" id="main" role="main">
    <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
        <h1 class="post-title" itemprop="name headline"><a itemprop="url" href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
    <div class="post-content" itemprop="articleBody">
        <div id="archives-tags">
            <h3>标签云</h3>
            <blockquote><p>简单的标签列表输出</p></blockquote>
            <?php $this->widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true, 'limit' => 50))->to($tags); ?>   
            <?php while($tags->next()): ?>   
            <li><a rel="tag" href="<?php $tags->permalink(); ?>"><?php $tags->name(); ?></a></li>
            <?php endwhile; ?>
        </div>
        <div id="archives-content">
            <h3>文章归档</h3>
            <blockquote><p>简单的文章归档输出</p></blockquote>
            <?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->parse('<li>{year}-{month}-{day} : <a href="{permalink}">{title}</a></li>'); ?>
        </div>
    </div>
    </article>
    <?php $this->need('comments.php'); ?>
</div>
<?php $this->need('sidebar.php'); ?>
<?php $this->need('footer.php'); ?>

通过以上模板建立的文章归档页面已经看起来有些样子了,但还不够,标签云一排竖着列下来的,太占用空间了,理想状态是自适应排列,自动换行,同时也可以显示标签文章数目或者像现在这样按数目从大到小排序也行。

未完待续……

标签: 文章归档, 模板

Last modification:April 11th, 2019 at 11:28 pm

Leave a Comment