提示

防止缓存无法查阅最新文档,请手动刷新本页1

标题

若想自定义标题样式可以在compoents/fengrui.css文件中第22行修改

/* 自定义标题伪元素 */
/deep/ .h1:before,
/deep/ .h2:before,
/deep/ .h3:before,
/deep/ .h4:before,
/deep/ .h5:before,
/deep/ .h6:before {
  content: '▶';
  color: #0BBDA6;
  margin-right: 8upx;
  font-size: 30upx;
  line-height: 50px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13

代码块

星宿UI v1.4 +已自动支持,无需在配置,若无效在参考下文

wordpress写文章添加代码块后需要转到编辑代码,手动添加language样式

<!-- pre 中内含一个 code,并在 pre 或 code 的 class 中设置 language- -->
<pre><code class="language-css">p { color: red }</code></pre>
1
2

音频

需要星宿UI v1.3 +支持

目前枫瑞测试在wordpress后台添加音频是正常播放,如果需要添加其他格式音频可以插入下方代码(需要测试)

<!-- 组件将依次加载 xxx 和 yyy -->
<video controls>
  <source src="xxx">
  <source src="yyy">
</video>
1
2
3
4
5

流量主广告

需要星宿UI v1.3 +支持

在编辑文章直击插入流量主代码即可

<ad unit-id="84beeb52f59d45592b32ff366cbff21f"></ad>
1

腾讯视频

02/21/2022更新:需要星宿UI v1.3 +支持 使用wordpress默认自带的编辑器(经典编辑器可以弃用了),点击块随后插入代码即可

<style>
  video {
    object-fit: fill;
    width: 800px;
    height: 320px;
  }
</style>
<h1>#视频</h1>
<video src="https://taoyun-1308171938.cos.ap-nanjing.myqcloud.com/%E8%A7%86%E9%A2%91%E7%B4%A0%E6%9D%90/%E4%B8%8B%E8%BD%BD.mp4"
  controls autoplay loop>
</video>
1
2
3
4
5
6
7
8
9
10
11

二级分类

首先得在wordpress后台基本配置内容下选择专题分类显示样式为二级分类,在后台分类编辑中设置好一级二级菜单(父级子级菜单) (星宿UI 媒体图片)

微信视频号

需要星宿UI v1.6 +支持,在编辑底部更多字段中输入视频号id和视频地址即可

B站视频

在PC端的播放页面打开F12输入aid即可获得,或者通过其他的接口等方法
枫瑞博客网微信公众号

文章附件

小程序文章详情的附件可以在worpdress文章编辑下方更多字段中可以选择是否隐藏
枫瑞博客网微信公众号

阅读方式

编辑文章时候可以选择文章阅读方式:0正常阅读(默认值),1跳转公众号,2跳转资源下载,3跳转视频号,4跳转b站
枫瑞博客网微信公众号

Last Updated: 2022/4/25 下午10:07:56
Contributors: “fengrui99”, yinfengrui, 吟枫瑞