zibll超级嵌入模块示例:添加百度VR天气预报、实时股票数据功能

zibll主题更新V5.2之后,带来了全新的超级嵌入古腾堡块超级嵌入可视化模块,这个功能最初是为了解决wordpress网站添加视频播放问题的,但是这个模块为什么叫超级呢?因为它可不仅仅只能添加视频播放器,这篇文章我们就简单的打个样!

首先我们查看效果:

百度VR天气:

实时股票信息:

添加方法

如果你还不熟悉添加方法,建议先查看以下文章

地址比较长,记得复制完整

百度VR天气地址:

https://m.baidu.com/sf?top=%7B%22sfhs%22%3A1%7D&pd=life_compare_weather&openapi=1&dspName=iphone&from_sf=1&word=%E6%88%90%E9%83%BD%E5%A4%A9%E6%B0%94&title=VR%E5%A4%A9%E6%B0%94&resource_id=4774&current_city=%E6%88%90%E9%83%BD&lid=11516335763651480461&referlid=11516335763651480461&ms=1&frsrcid=5063&frorder=1&

实时股票地址:

https://s.tradingview.com/embed-widget/market-quotes/?locale=zh_CN#%7B%22width%22%3A%22100%25%22%2C%22height%22%3A%22100%25%22%2C%22symbolsGroups%22%3A%5B%7B%22name%22%3A%22%E6%8C%87%E6%95%B0%22%2C%22originalName%22%3A%22Indices%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22FOREXCOM%3ASPXUSD%22%2C%22displayName%22%3A%22S%26P%20500%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3ANSXUSD%22%2C%22displayName%22%3A%22Nasdaq%20100%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3ADJI%22%2C%22displayName%22%3A%22Dow%2030%22%7D%2C%7B%22name%22%3A%22INDEX%3ANKY%22%2C%22displayName%22%3A%22Nikkei%20225%22%7D%2C%7B%22name%22%3A%22INDEX%3ADEU30%22%2C%22displayName%22%3A%22DAX%20Index%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3AUKXGBP%22%2C%22displayName%22%3A%22FTSE%20100%22%7D%5D%7D%2C%7B%22name%22%3A%22%E5%95%86%E5%93%81%22%2C%22originalName%22%3A%22Commodities%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22CME_MINI%3AES1!%22%2C%22displayName%22%3A%22S%26P%20500%22%7D%2C%7B%22name%22%3A%22CME%3A6E1!%22%2C%22displayName%22%3A%22Euro%22%7D%2C%7B%22name%22%3A%22COMEX%3AGC1!%22%2C%22displayName%22%3A%22Gold%22%7D%2C%7B%22name%22%3A%22NYMEX%3ACL1!%22%2C%22displayName%22%3A%22Crude%20Oil%22%7D%2C%7B%22name%22%3A%22NYMEX%3ANG1!%22%2C%22displayName%22%3A%22Natural%20Gas%22%7D%2C%7B%22name%22%3A%22CBOT%3AZC1!%22%2C%22displayName%22%3A%22Corn%22%7D%5D%7D%2C%7B%22name%22%3A%22%E5%80%BA%E5%88%B8%22%2C%22originalName%22%3A%22Bonds%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22CME%3AGE1!%22%2C%22displayName%22%3A%22Eurodollar%22%7D%2C%7B%22name%22%3A%22CBOT%3AZB1!%22%2C%22displayName%22%3A%22T-Bond%22%7D%2C%7B%22name%22%3A%22CBOT%3AUB1!%22%2C%22displayName%22%3A%22Ultra%20T-Bond%22%7D%2C%7B%22name%22%3A%22EUREX%3AFGBL1!%22%2C%22displayName%22%3A%22Euro%20Bund%22%7D%2C%7B%22name%22%3A%22EUREX%3AFBTP1!%22%2C%22displayName%22%3A%22Euro%20BTP%22%7D%2C%7B%22name%22%3A%22EUREX%3AFGBM1!%22%2C%22displayName%22%3A%22Euro%20BOBL%22%7D%5D%7D%2C%7B%22name%22%3A%22%E5%A4%96%E6%B1%87%22%2C%22originalName%22%3A%22Forex%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22FX%3AEURUSD%22%7D%2C%7B%22name%22%3A%22FX%3AGBPUSD%22%7D%2C%7B%22name%22%3A%22FX%3AUSDJPY%22%7D%2C%7B%22name%22%3A%22FX%3AUSDCHF%22%7D%2C%7B%22name%22%3A%22FX%3AAUDUSD%22%7D%2C%7B%22name%22%3A%22FX%3AUSDCAD%22%7D%5D%7D%5D%2C%22showSymbolLogo%22%3Atrue%2C%22colorTheme%22%3A%22dark%22%2C%22isTransparent%22%3Afalse%2C%22utm_source%22%3A%22cn.tradingview.com%22%2C%22utm_medium%22%3A%22widget_new%22%2C%22utm_campaign%22%3A%22market-quotes%22%7D

上面的示例是将百度VR天气添加到文章内,如果你需要添加到其它位置,可以使用小工具模块:zibll超级嵌入模块。
不明白的可以查看以下文章:

© 版权声明
THE END
文章不错?点个赞呗
点赞44赞赏
分享
评论 抢沙发

请登录后发表评论