𝐢𝐑𝐢𝐥𝐬_𝐬

𝐑 𝐙 . 𝐒 𝐁

Please Wait...

This is my social

P O S T

Hello!

𝐖𝐞𝐥𝐜𝐨𝐦𝐞 𝐓𝐨 𝐑 𝐙.𝐒 𝐁!

About Me

Tips: 随机背景
折腾记录

Typecho实现相册.书单页面自定义 Posted on 2021.07.28

这篇文章上次修改于 847 天前,可能其部分内容已经发生变化,如有疑问可询问作者。
## 前言

这两天终于把相册、书单页完善了一下,之前一直都是用独立页面来实现,这样就不便于管理内容,相册还好,书单的话,要想添加书本信息,只能进入服务器源码文件进行添加,这就造成了很大的不便,于是趁着有时间折腾,就完善了一下,完善之后,相册和书单分别为一个分类,相册下面的每一篇文章就是一个单独的相册,书单下面的每一篇文章就是一本书,还加了好句摘录(评论而已),首页输出的文章样式也不一样。
下面是实现过程:

新建分类

主题目录下新建相册、书单分类自定义文件
创建一个category文件夹,文件夹下分别创建:photos.php、books.php(文件名为分类的缩略名)
文件中分别写入判断代码:

<?php if ($this->is('category', 'photos')): ?>//photos.php
<?php if ($this->is('category', 'books')): ?>//books.php

判断代码下面就是输出分类下的每一篇文章,可自定义样式。

添加自定义字段

找到 functions.php 文件
输入后台添加文章时的自定义字段

function themeFields($layout) {
    $article_type= new Typecho_Widget_Helper_Form_Element_Radio('article_type',array('0' => _t('文章'),'photos' => _t('相册'),'books' => _t('书单')),'0',_t('文章类型'),_t("选择文章类型首页输出"));
    $layout->addItem($article_type);

    $photos_name = new Typecho_Widget_Helper_Form_Element_Text('photos_name', NULL, NULL, _t('相册名称'), _t('输入相册的缩略名'));
    $layout->addItem($photos_name);/** 自定义每一个相册的缩略名 */
    $photos_excerpt = new Typecho_Widget_Helper_Form_Element_Text('photos_excerpt', NULL, NULL, _t('相册介绍'), _t('输入相册的介绍'));
    $layout->addItem($photos_excerpt);/** 输出相册介绍 */

    $books_author = new Typecho_Widget_Helper_Form_Element_Text('books_author', NULL, NULL, _t('书的作者'), _t('输入书的作者'));
    $layout->addItem($books_author);/** 输出书的作者 */
    $books_time = new Typecho_Widget_Helper_Form_Element_Text('books_time', NULL, NULL, _t('书的出版时间'), _t('输入书的出版时间'));
    $layout->addItem($books_time);/** 输出书的出版时间 */
    $books_excerpt = new Typecho_Widget_Helper_Form_Element_Text('books_excerpt', NULL, NULL, _t('书的介绍'), _t('输入书的介绍'));
    $layout->addItem($books_excerpt);/** 输出书的介绍 */
    $books_reading = new Typecho_Widget_Helper_Form_Element_Text('books_reading', NULL, NULL, _t('阅读进度'), _t('阅读进度'));
    $layout->addItem($books_reading);/** 输出阅读进度 */
}

通过以上代码可整理出各个自定义字段为:

article_type//文章类型自定义
photos_name//文章缩略名自定义
books_time//书的出版时间
books_excerpt//书的介绍
books_reading//阅读进度

这些自定义字段将会在后台文章编辑页面展示:

[photos]
QQ截图20210728125107.png
[/photos]

在你所需要展示的地方调用即可展示,调用代码为:

<?php $this->fields->字段缩略名(); ?>

自定义首页文章列表样式

接下来就可以通过上面添加好的自定义字段进行自定义首页文章样式
找到index.php
通过以下代码判断而进行输出相应的样式:

<?php while($this->next()): ?>
<?php if($this->fields->article_type == "photos") { ?><!-- 相册样式 -->
这里写你自定义相册的样式
<?php } elseif ($this->fields->article_type == "books") { ?><!-- 书单样式 -->
这里写你自定义书单的样式
<?php } else {?><!-- 默认样式 -->
这里写你默认文章的样式
<?php }?>
<?php endwhile; ?>

自定义文章内容样式

最后就可以自定义文章内容样式了
找到post.php
通过以下代码判断而进行输出相应的样式:

<?php if($this->category == "photos"): ?> <!-- 相册样式 -->
这里写你自定义相册内容的样式
<?php elseif($this->category == "books"): ?><!-- 书单样式 -->
这里写你自定义书单内容的样式
<?php else: ?><!-- 默认样式 -->
这里写你默认文章内容的样式
<?php endif; ?>

End

折腾完毕~

大佬论坛

Comments

PLASE WAIT...

Close