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:

  2. silvergin说道:

    有没有B站视频用H5浏览器的想法?
    https://www.bilibili.com/html/help.html#p

  3. BanYuner说道:

    其实整个主题我还是最喜欢这个表情部分 :lol:

  4. Blarmer说道:

    你好,三哥,请问下那个访问量如何设置为刷新不变? :lol:

    1. Vtrois说道:

      是不是开启了cdn导致的?或者静态缓存插件?

  5. 飞木鱼说道:

    话说怎么样可以全局播放音乐,任何页面跳转都不打断

  6. St Maxwell说道:

    我想问一下,代码调用的那个框(用于展示代码)是使用什么样的标签啊?编辑器中好像没有对应的按钮。

    1. Vtrois说道:

      那是一个插件 Crayon Syntax Highlighter

  7. 呵呵说道:

    问下怎么设置自动播放音乐

  8. KuroX说道:

    希望添加一个分享到qq空间的功能,qq的那个分享按钮好像是旧版的

    1. Vtrois说道:

      这个下个版本修复一下

  9. 在一样吧说道:

    腾讯视频支持HTTPS,网易云音乐支持HTTPS,B站支持HTTPS。

    1. Vtrois说道:

      好的,这个最近会修复一下。

  10. 孟carry说道:

    :evil: :evil: 你好三哥

  11. 百分之一博客说道:

    优酷视频可以设置不自动播放吗 :lol:

  12. www.huqi.tk说道:

    楼主好!非常喜欢楼主这个主题,我的个人网站 http://www.huqi.tk 就是使用的楼主的主题,在使用过程中感觉有一些不太友好的地方希望楼主能够完善下,希望能够给[code]标签增加代码高亮功能,希望正文书写能够增加表格的支持。感谢楼主!

  13. vfx123.com说道:

    楼主的主题都是我喜欢的风格,现在站点正在用Kratos主题,问个小白的问题,怎样在文章页面最后添加本类的其他的文章列表呢,带标题显示或者图片展示的形式?谢谢!

发表评论

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