【WP主题】Kratos 文章样式使用说明 。

为了拓展 WordPress 原有的文章编辑器功能,三哥额外添加了一些配合主题使用的小功能(网易云音乐、优酷视频、腾讯视频、哔哩哔哩、Youtube、进度条、下载按钮等功能)方便大家使用,下面将为大家演示新增功能的使用方法和功能的展示效果。

页面音乐

样式效果

代码调用

代码调用

1

[music]436514312[/music]

数据获取

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

注意:为了能在HTTPS站点上展示,如果站点开启了HTTPS,需要在主题设置的组件配置中开启站点HTTPS

页面视频

样式效果

代码调用

1 2 3 4

[youku]视频ID[/youku] [vqq auto=“0”]视频ID[/vqq] [youtube]视频ID[/youtube] [bilibili cid=“视频CID”]视频AID[/bilibili]

数据获取

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

https://v.qq.com/x/cover/yw2ytzeu2oaprea/g0024h9wcmw.html其中g0024h9wcmw为视频IDauto="0"中的0为非自动播放1为自动播放

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

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

https://www.bilibili.com/video/av4839483其中4839483为视频AID,视频CID请到https://www.bilibili.com/widget/getPageList?aid=4839483获取,其中这里的4839483替换为视频的AID即可

注意:腾讯视频与优酷视频暂不支持HTTPS

下载按钮

样式效果

代码调用

[download title=”本地下载”][/download]

1

[download title=“本地下载”][/download]

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

进度条效果

样式效果

代码调用

1

[striped]60[/striped]

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

背景样式

样式效果

代码调用

1 2 3 4

[success]这是绿色背景框[/success] [info]这是蓝色背景框[/info] [warning]这是黄色背景框[/warning] [danger]这是红色背景框[/danger]

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

最美动画特效库,你们值得收藏

昨天,我抽时间整理了一下我收藏的一些开源库,真的是收藏了很少看,但是昨天整理的时候,感觉到了一些真的不错的开源动画特效的库,在这里分享给大家。 1 Slid...

2518
来自专栏非著名程序员

Java开发人员必须重视HTML5的5点理由

概述:随着浏览器技术的改进,尤其是采用了HTML5之后,Java开发中的很多困难得到解决。本文盘点了HTML5能为Java开发人员带来的5点好处。 过去,Ja...

2369
来自专栏编程微刊

移动端iPhone系列适配问题的一些坑

2062
来自专栏BeJavaGod

Java后端实现图片压缩技术(赞赏功能已开通,欢迎测试,噗~!)

今天来说说图片压缩技术,为什么要使用图片压缩,图片上传不就完事了吗?对的,这在几年前可以这么说,因为几年前还没有现在这么大的并发,也没有现在这么关注性能。 如今...

4195
来自专栏知晓程序

创作从未如此简单!这个小程序,简直就是微信里的「简书」

这些年,喜欢写文字的人都开了公众号,许多公司甚至以公众号的阅读量作为 KPI 进行考核。

1205
来自专栏IMWeb前端团队

深入浅出React(一):React的设计哲学 - 简单之美

本文作者:IMWeb 刘起 原文出处:IMWeb社区 未经同意,禁止转载 编者按:自2013年Facebook发布以来,React吸引了越来越多的开发...

2095
来自专栏知晓程序

开发 | 谁说 LBS 小程序开发难?前端女王大人手把手教会你

利用它,你可以在小程序中调用一个功能完整的地图,让小程序里所展示的地点更直观、更精确。

1022
来自专栏phodal

分享下 Backbone、Vue、Angular、React 在项目上的使用经验

上周,知乎上有几篇关于 Angular 和 Vue 对比的文章。本来想着的是,这些文章倒是可以指导下新手,作一些技术选型。可遗憾的是,开始的文章失去了一些偏颇,...

3626
来自专栏编程微刊

2018年九个很受欢迎的vue前端UI框架

最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一...

1.2K3
来自专栏草根博客站长有话说

展望 WordPress 5.0 会给我们带来哪些更新?

目前 WordPress 最后的一个正式版已经到 4.9.7 了, WordPress 5.0 也即将到来了,那么 WordPress 5.0 会给我们带来哪些...

2233

扫码关注云+社区