Typecho自定义字段添加文章样式

/ 18评 / 8

enter image description here

其实这个想法很早之前就有了,只是一直没付诸行动,做N3、N4的时候用到了自定义字段,为文章添加缩略图,方法很简单,而本文中讲介绍一下怎样用同样的方法,为文章添加不同的文章样式。

说说形式

WordPress早在 3.1 版本中便引入的文章形式这个功能了,是文章的一种属性,可以被主题用来决定文章的显示方式。其设计目的是要提供一个特殊的方法来根据文章的特点选用显示“格式”。

wordpress的方法很简单,因为程序自带此功能,根据官方文档就可以快速修改主题;而Typecho因为其自身精简,则不会加入此选项,但是我们可以使用其他方法实现,比如@沐风的插件,而我向来不喜欢安装多余的插件,所以想到了使用自定义字段的方式。

首先贴出参考代码

<?php if(isset($this->fields->say)){ //自定义字段“say” ?>
此处为say字段的样式,说说形式
<?php }else{; //如果文章没有定义say字段则else。 ?>
此处为普通文章样式
<?php }; ?>

字段名称为“say”, 字段值 任意或留空
由此可以看出,实现的方法非常简单,我这里仅仅是提供了php,具体代码和样式还需自行修改,如果想实现多种文章样式,多添加几个else即可。

到这里,自定义文章形式的教学就结束了,那么如何为文章添加缩略图呢?

其实网上很多代码,都可以很简单的获取文章首图,但是这些通过正则获取的方法好像并不支持Markdown编辑器,也就是说无法获取使用Markdown撰写的文章的图片,那么怎样更优雅的为文章添加缩略图呢?自定义字段即可。

参考代码:

<?php if(isset($this->fields->post_img)){ //自定义字段“post_img” ?>
<img src="<?php echo $this->fields->post_img;?>"/>
<?php };?>

把上面代码放进index.php合适的位置,字段名称为“post_img”,只需要在 字段值 中添加一张图片的链接即可
自定义字段的强大之处并不局限于此,想法很重要,实现很简单。

18条回应:“Typecho自定义字段添加文章样式”

  1. 无我VR说道:

    进来发现,好简洁的博客! :mrgreen:

    文章还是没看懂,新手,等我再好好研究下。

发表评论

电子邮件地址不会被公开。 必填项已用*标注