分页: 1 / 1

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

发表于 : 2025年 2月 9日 16:02
NewsPaper
在规划您的活动时,预测天气的能力可能是一个决定性因素,并将带来更好的结果。Newspaper介绍了令人惊叹的天气元素,旨在为您的访问者提供精确的长期天气预报信息。

设置完成后,短代码将自动显示:

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

观看视频

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

我们还在右上角添加了一个本地天气按钮。当您单击它时,会检测到您的位置,并显示当地的天气信息。
天气小工具
天气小工具
weather_widget.png (15.04 KiB) 查看 9429 次
如何在您的网站上设置天气元素?

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

获取API密钥:

您必须在Open Weather Map网站上创建一个免费帐户,并接收或创建小部件的API密钥。
获取API密钥
获取API密钥
openweather-api-key-generate2.png (64.19 KiB) 查看 9429 次
位置:
  • 要查找您的位置,请使用以下链接: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 (1.2 MiB) 查看 9429 次
页头显示天气
页头显示天气
weather-header-composer.png (1.23 MiB) 查看 9429 次
目前,天气无法控制,但一旦有可能,我们将添加更多选项。