使用HTML代码给个人博客网站添加和风天气预报插件

插件准备

• 进入和风天气插件官网：创建标准版天气插件 | 和风天气插件 (qweather.com)

• 点击右上角注册并登录。

WordPress准备

• 进入WP后台-外观-小工具，找到自定义HTML，添加到需要放置天气预报的位置

代码使用

• 返回和风天气插件，填好插件名称（必填），设置好各类参数（左侧为效果图），点击生成代码，复制选框中的全部代码

• 返回WP自定义HTML，粘贴代码，保存

• 返回页面查看效果，教程完毕

示例代码

<div id="he-plugin-standard"></div>
<script>
WIDGET = {
  "CONFIG": {
    "layout": "2",
<!-- 宽 -->
    "width": "280",
<!-- 高 -->
    "height": "320",
    "background": "1",
    "dataColor": "FFFFFF",
    "borderRadius": "10",
    "key": "43588dc50d2c4e15974f7cd811811a25"
  }
}
</script>
<script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script>