关于博客主题的几点使用心得

2019-11-16T22:28:00

博客头图

分为两种:

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

具体见上图指示。

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

个性化首页头图样式:
在 [tag type="danger"] 后台外观设置——外观设置开关中选择[/tag]。缩小版头图显示即所有文章默认显示小版式头图。

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

个性化头图来源:

在 [tag type="danger"] 后台主题增强功能——博客头图来源设置中选择[/tag]。提供四种方式:

只显示随机图片

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

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

其他选项亦是同理。
[scode type="yellow"]
文章的随机头图的图片存放位置为: 主题目录下的usr/img/sj
左侧边栏的随机图片的存放位置为:usr/img/sj2
[/scode]

个性化头图显示:

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

在[tag type="danger"]后台外观设置——外观设置开关选择文章页面不显示头图或首页不显示头图,将会默认不显示文章页面或者首页文章顶部的头图。[/tag]

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

标签栏测试

[tabs]
[tab name="标签页 1" active="true"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]
使用的代码为:

[tabs]
[tab name="标签页 1" active="true"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]

文章按钮功能测试

handsome支持以下类型的按钮:

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

'[button]矩形按钮文字[/button]'

[button color="succees"]矩形按钮文字[/button]

[button type="round" color="success"]椭圆形按钮文字[/button]

[button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »