Kratos 文章页面样式使用说明

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

页面音乐

样式效果
music-demo
代码调用

数据获取

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

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

页面视频

样式效果
video-demo
代码调用

数据获取

  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)

背景样式

样式效果

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

代码调用

面板

样式效果

标题内容

正文内容

标题内容

正文内容

标题内容

正文内容

标题内容

正文内容

代码调用

点赞
  1. 道小千说道:

    弱弱的问一下楼主 有没打算出一个typecho程序的主题 :redface:

发表评论

电子邮件地址不会被公开。 必填项已用*标注