为了拓展 WordPress 原有的文章编辑器功能,三哥额外添加了一些配合主题使用的小功能(网易云音乐、优酷视频、腾讯视频、哔哩哔哩、Youtube、进度条、下载按钮等功能)方便大家使用,下面将为大家演示新增功能的使用方法和功能的展示效果。
页面音乐
样式效果
代码调用
1 |
[music]436514312[/music] |
---|
数据获取
https://music.163.com/#/song?id=436514312436514312
注意:为了能在HTTPS站点上展示,如果站点开启了HTTPS,需要在主题设置的组件配置中开启站点HTTPS
页面视频
样式效果
代码调用
1 2 3 4 |
[youku]视频ID[/youku] [vqq auto=“0”]视频ID[/vqq] [youtube]视频ID[/youtube] [bilibili cid=“视频CID”]视频AID[/bilibili] |
---|
数据获取
- 打开优酷、腾讯、YouTube、Bilibili 的官网
- 选择合适的视频并打开播放页面
- 将代码中的视频ID替换即可
https://v.qq.com/x/cover/yw2ytzeu2oaprea/g0024h9wcmw.htmlg0024h9wcmwauto="0"
https://v.youku.com/v_show/id_XMTg2NDYyNDk4OA==.htmlXMTg2NDYyNDk4OA==
https://www.youtube.com/watch?v=WrY6n0gDuAcWrY6n0gDuAc
https://www.bilibili.com/video/av48394834839483https://www.bilibili.com/widget/getPageList?aid=48394834839483
注意:腾讯视频与优酷视频暂不支持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] |
---|