前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【WP主题】Kratos 文章样式使用说明 。

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

作者头像
QUXINGDONG.COM
发布2018-04-17 11:32:12
1.6K0
发布2018-04-17 11:32:12
举报
文章被收录于专栏:前端笔记

为了拓展 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]

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年11月10日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 页面音乐
  • 页面视频
  • 下载按钮
  • 进度条效果
  • 背景样式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档