3586356032.jpg

最近像着了魔似的,在不停的折腾(魔改)默认主题,我也是佩服我自己,硬生生将自己变成一个伪coder。

Typecho是没有自定义剪裁指定尺寸大小的功能的,比如上传图片自动裁剪140*140px之类的设置。这功能起码要配合PHP层面代码才能实现了,不过总体来说就是比较麻烦。对于不懂代码的我来说,还是插件来的简单实在。

① Typecho 缩略图插件Thumbnail

即插即用,无须设置。可调用一张图片,做为缩略图使用。

调用顺序为:附件 > 文章内第一张图片 > 分类图片 > 随机图片 > 默认图片 (就是说,有附件就调用附件,没附件则调用文章内第一张图片,依此类推)

调用代码:<?php Thumbnail_Plugin::show($this); ?>

文件目录:

分类图片路径:/usr/resources/cate/

随机图片路径:/usr/resources/rand/

默认图片地址:/usr/plugins/Thumbnail/default.png

其中分类图片,采用分类slug文件名,随机图片格式任意,文件名任意,扔里即可。

@Thumbnail_v1.0.3 (到插件页下载)

② Typecho 缩略图插件iThumb

iThumb
Typecho文章缩略图(Post Thumbnail)插件 基于SlantedExtend的thumbUrl自定义字段增强增加了图片选择框。图片选择是从当前文章附件列表选取的,目前不支持从上传的所有文件中选取

Usage
插件目录必须为iThumb 前台通过自定义字段获取缩略图链接

<?php $this->fields->thumbUrl; ?>

@iThumb Github仓库地址

后台截图

上图就是iTumb激活后在文章编辑页添加的自定义字段,以及题图选择。

说明下,这两个插件只是获取对应类型图片的url地址而已,相应位置的调用还得配合PHP来用,比如Thumbnail调用图片可以这样用

    <div class="thumbnail_box">
<a href="<?php $this->permalink() ?>" title="<?php $this->title() ?>"><img alt="<?php $this->title() ?>" src="<?php Thumbnail_Plugin::show($this); ?>"></a>
    </div>

加了层thumbnail_box,可以通过他来控制css样式,同理iThumb插件也是一样的。

    <div class="thumbnail_box">
<a href="<?php $this->permalink() ?>" title="<?php $this->title() ?>"><img alt="<?php $this->title() ?>" src="<?php $this->fields->thumbUrl; ?>"></a>
    </div>

好了,我只是一个搬运工,实际并没有创造什么有用的东西,仅仅是说说这两款插件而已。对于使用哪款插件,可以根据自己的需求来选择。

标签: 插件, typecho, 缩略图, Typecho插件, Thumbnail, iThumb

添加新评论