- 相关话题
- 安装附加组件
- 启用插件
- 导入模板
- 添加/编辑图层
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-addon-4.jpg)
插件要求
Weather是一个高级插件,需要注册和激活购买代码。启用插件后,您将有机会在幻灯片的图层中显示各种天气信息。
从Weatherbit.io 生成API密钥,然后将API密钥插入提供的列中。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-addon-api-key-4.png)
首先,在编辑阶段添加文本层
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/add-text-layer-4.jpg)
接下来,访问“内容”部分以获取新添加的图层
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/layer-content-settings-4.jpg)
接下来,清除默认文本,然后单击“元”按钮。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/erase-layer-text-4.jpg)
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/layer-meta-text-4.jpg)
然后单击“天气”菜单项,然后选择要显示的信息类型。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-meta-3.jpg)
现在,图层及其内容将如下所示:
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-placeholder-2.jpg)
接下来,查看此链接,其中提供了城市ID的列表 。
注意 :
下载并打开JSON / CSV文件,然后找到城市的7位数字。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weatherbit-cities-rev-1.png)
然后在此处键入“ WOEID”代码:
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/woeid_code-1.jpg)
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/woeid_code_2-1.jpg)
接下来,重复此过程以添加另一个“天气图层”,这一次选择“温度”(温度)元选项。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-temperature-1.jpg)
然后,您的编辑阶段将如下所示,当您在网站的前端查看模块时,它将自动转换为实际值。
![[Slider Revolution 6]显示来自世界任何地方的实时天气信息 [Slider Revolution 6]显示来自世界任何地方的实时天气信息](https://aladd.net//wp-content/uploads/2020/05/weather-placeholder-text-1.jpg)