DIY和其他教程：教程：天气简码

[NewsPaper]

在规划您的活动时，预测天气的能力可能是一个决定性因素，并将带来更好的结果。Newspaper介绍了令人惊叹的天气元素，旨在为您的访问者提供精确的长期天气预报信息。

设置完成后，短代码将自动显示：

• 所选位置
• 天空条件
• 当前温度
• 低温和高温
• 湿度
• 风速
• 下雨的几率（百分比）
• 未来5天的体温预告

观看视频

https://www.youtube.com/embed/44yzKj10NCk?feature=oembed

我们还在右上角添加了一个本地天气按钮。当您单击它时，会检测到您的位置，并显示当地的天气信息。

weather_widget.png

如何在您的网站上设置天气元素？

它可以添加到使用tagDiv Composer页面构建器构建的任何页面或模板中，也可以添加到小部件侧边栏上。元素设置包括：

获取API密钥：

您必须在Open Weather Map网站上创建一个免费帐户，并接收或创建小部件的API密钥。

openweather-api-key-generate2.png

位置：

• 要查找您的位置，请使用以下链接：https://openweathermap.org/find。您可以使用城市名称或城市ID（ 下载城市ID列表：https://forum.tagdiv.com/wp-content/uploads/2021/09/city.list_.zip ）。请注意，仅当有翻译可用时，该小部件才会自动将自身翻译为主题面板中的语言。

单位：

• 摄氏度
• 华氏

API密钥：

在tagDiv Composer中添加来自Open Weather Map站点的API密钥。页面构建器列表中有两个天气元素，可以在页面和模板中使用：

2021-09-02-10_02_49-Window.png

weather-header-composer.png

目前，天气无法控制，但一旦有可能，我们将添加更多选项。