欢迎来到 岁月小筑

[备份] Kratos文章自定义样式代码

为了拓展 WordPress 原有的文章编辑器功能,Kratos 主题添加了一些额外的小功能方便大家使用,下面将为大家演示新增功能的使用方法和功能的展示效果。

文章编辑样式

页面音乐

样式效果:

代码调用:

数据获取:

  1. 打开网易云音乐的官网
  2. 选择喜欢的歌曲并打开播放页面
  3. 地址栏会是一个类似http://music.163.com/#/song?id=432821633的地址
  4. 其中432821633为音乐ID,将代码中的音乐ID替换即可

注意:该功能由于网易云音乐连接不支持SSL协议,所以该功能暂时不适用于开启SSL协议的站点。

页面视频

样式效果:

kratos视频演示

代码调用:

数据获取:

  1. 打开优酷、土豆、腾讯、PPTV、Bilibili 的官网
  2. 选择合适的视频并打开播放页面
  3. 将代码中的视频ID替换即可

http://www.bilibili.com/video/av4839483其中4839483为视频ID

http://v.pptv.com/show/f8IenQVr2xl8ibmI.html其中f8IenQVr2xl8ibmI为视频ID

https://www.youtube.com/watch?v=WrY6n0gDuAc其中WrY6n0gDuAc为视频ID

http://v.youku.com/v_show/id_XMTg2NDYyNDk4OA==.html其中XMTg2NDYyNDk4OA==为视频ID

注意:该功能由于优酷、土豆、腾讯、PPTV、Bilibili视频的地址连接不支持SSL协议,所以该功能暂时不适用于开启SSL协议的站点。

下载按钮

样式效果:

本地下载 云盘下载

代码调用:

数据获取:
将下载地址替换到相应模式的代码中即可

进度条效果

样式效果:

 

代码调用:

数据获取
将进度数值替换到到代码中即可(最低数值为0,最高数值为100)

背景样式

样式效果:

这是成功背景框
这是信息背景框
这是警告背景框
这是危险背景框

代码调用:

面板

样式效果

标题内容

正文内容

标题内容

正文内容

标题内容

正文内容

标题内容

正文内容

代码调用

点赞

发表评论

电子邮件地址不会被公开。