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

/ 18评 / 9

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. 改改改说道:

    自定义字段

    不用也不会死,嫌多忽略即可。

    主题提供了一些自定义字段可以针对文章进行一些调整。设置在文章或独立页面的编辑区下方,有一个自定义字段那里,设置以下字段仅会对当前文章或独立页面生效,不会影响其他的文章或独立页面。区分大小写。

    自定义字段 说明
    banner 设置页面 Banner 的显示图片 URL,不设置则表示当前页面没有 Banner
    bannerHeight 设置页面 Banner 的高度,不设置则使用主题默认高度, 取值范围 0-100,为浏览器可视区域的高度百分比
    hideBottomMsg 隐藏页面底部的逗比语, 取值范围为整数,大于 0 则表示隐藏,否则不隐藏这玩意已经不复存在了。
    hideTitle 隐藏文章标题,取值范围为整数,大于 0 则表示隐藏,否则不隐藏
    mastheadTitle

  2. 失落的风说道:

    学习学习

  3. 碎碎念ZWS说道:

    又看到你该主题首页了。ののの

  4. 昌浩说道:

    typechp什么鬼√

  5. Typecho适合做博客,确实比较轻,wordpress适合做CMS,二次开发比较方便。

  6. chasonma说道:

    我是直接用正则取文章图片的→_→

  7. 冰龙说道:

    印象中新版本好像已经添加文章形式了吧?

  8. 上海app开发说道:

    好文章,顶个

  9. c说道:

    我和校友的一个站也开始用TY了,以后得常来围观学习了……!
    正在研究权限控制,好像想让关注者发帖的话得改不少地方。

  10. 灰狼说道:

    但是发布的时候就麻烦很多了

发表评论

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