手中的剑为什么而挥动
只有靠你自己去寻找答案----盖聂

wordpress-volcano主题-文章常用写作代码调用

分割线

样式效果


代码调用

<hr />

 

页面音乐

样式效果

[music]454121035[/music]

代码调用

[music]454121035[/music]
<iframe height="86" style="width: 100%;" frameborder="no" border="0" marginwidth="0" marginheight="0" src="https://music.163.com/outchain/player?type=2&amp;id=454121035&amp;auto=&amp;height=66"></iframe>

数据获取

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

页面视频

代码调用

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

数据获取

  • 腾讯视频:https://v.qq.com/x/page/c0689agmyoc.html
  • 优酷视频:https://v.youku.com/v_show/id_XMTg2NDYyNDk4OA==.html
  • YouTube:https://www.youtube.com/watch?v=WrY6n0gDuAc
  • 哔哩哔哩:https://www.bilibili.com/video/av4839483

URL 中标红的内容为 视频 ID ,腾讯视频的 auto="0" 参数中的 0 为非自动播放 1 为自动播放,哔哩哔哩还需要到用到 CID ,视频 CID 请到 https://www.bilibili.com/widget/getPageList?aid=4839483 获取,这里的 4839483 替换为视频的 AID

下载按钮

样式效果

代码调用

[download title="本地下载"]下载地址[/download]

数据获取

将 下载地址 替换相应链接即可

进度条效果

样式效果

66%

代码调用

[striped]66[/striped]

数据获取

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

背景样式

样式效果

这是绿色背景框
这是蓝色背景框
这是黄色背景框
这是红色背景框

代码调用

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

—样式中心—

样式效果

效果展示

代码调用

<h2 class="h2">填写内容</h2>
<h3>填写内容</h3>

效果展示

样式效果

填写内容

代码调用

<section class="_wxbEditor"><section style="padding: 10px 10px;"><section style="text-align: center; line-height: 30px; font-size: 16px; color: #00b0bb;">填写内容</section><section style="width: 100%; height: 35px; background-image: url('填写图片地址'); background-position: center center; background-repeat: no-repeat;"></section></section></section>

数据获取

    • line-height: 30px; font-size: 16px; color: #00b0bb;”>
    • 00b0bb 可以改字体不同颜色
    • 修改图片链接地址
    • 填写内容改为自己需要填写的内容

效果展示

代码调用

<img src="图片地址">
<img alt=""src="图片路径"style="width: 10%;height: auto;"/>

数据获取

将大小百分比数值替换到到代码中即可(width:  %

赞(0) 打赏
未经允许不得转载:清浅 » wordpress-volcano主题-文章常用写作代码调用
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏