博客头图

博客头图示例

分为两种:

  • 首页头图:首页每篇文章顶部的图片
  • 文章头图:每篇文章详情页面顶部的图片

具体见上图指示。

在后台的外观设置中可以对这两部分进行个性化设置:

个性化首页头图样式:
后台外观设置——外观设置开关中选择。缩小版头图显示即所有文章默认显示小版式头图。

每篇文章的编辑页面都可以选择首页头图样式,这里的设置会无视掉上面设置中的效果(仅对该篇文章有效),这样就实现大版式和小版式头图交叉的效果。

个性化头图来源:

后台主题增强功能——博客头图来源设置中选择。提供四种方式:

只显示随机图片

  • 显示顺序:thumb自定义字段——文章第一个附件——文章第一张图片
  • 显示顺序:thumb自定义字段——文章第一个附件——文章第一张图片——随机图片(推荐)
  • 显示顺序:thumb自定义字段——随机图片

以第三种为例,当thumb字段为空的时候,会寻找文章的第一个附件,附件不是图片,会继续寻找文章中第一张图片,文章中如果没有图片的话再去加载随机图片。

其他选项亦是同理。


文章的随机头图的图片存放位置为: 主题目录下的usr/img/sj
左侧边栏的随机图片的存放位置为:usr/img/sj2

个性化头图显示:

  • 不显示文章页面头图
  • 不显示首页头图

后台外观设置——外观设置开关选择文章页面不显示头图或首页不显示头图,将会默认不显示文章页面或者首页文章顶部的头图。

每篇文章的编辑页面底部的自定义字段中,字段名为thumb,当值为no的时候,会不显示当前文章的头图(首页头图和文章头图)(仅对当前文章有效),这里的设置同样会无视上面的设置。

标签栏测试

内容 1
内容 2

使用的代码为:

内容 1
内容 2

文章按钮功能测试

handsome支持以下类型的按钮:

  • 矩形文字按钮
  • 椭圆形文字按钮
  • 矩形图标文字按钮

''


45693-mb4ozhe3w6.png

Last modification:December 4th, 2019 at 05:26 pm
如果觉得我的文章对你有用,请随意赞赏