谁需要在WordPress中显示天气预报?
并不是所有网站都需要向用户显示天气预报。然而,有时候人们会根据即将到来的天气情况做出决定。如果您经营旅行、活动、酒店、住宿加早餐或类似行业的网站,那么访客可能会对即将到来的天气感兴趣。通过在网站上显示这些信息,您可以提供更好的用户体验,从而使访客停留更长时间,增加转化率。例如,如果访客看到预报显示天气炎热和晴朗,可能会决定填写您的酒店预订表单。
即使您不经营旅行或酒店网站,WordPress天气小部件仍可能对您的访客有用。例如,如果您经营旅游博客,读者可能会使用即将到来的天气预报来计划他们的旅行。
有很多插件可以获取最新的天气信息并在您的网站上漂亮地显示。然而,为了获得最佳效果,您需要找到一个快速、用户友好的WordPress插件,并且不要添加许多外部天气服务的链接。以下是如何轻松地将天气预报添加到您的WordPress帖子、页面和边栏小部件的步骤。您可以使用下面的快速链接跳转到具体步骤:
步骤1:安装并设置Location Weather账户
步骤2:将天气预报添加到WordPress
步骤3:在您的WordPress网站上显示天气预报
步骤1:安装并设置Location Weather账户
Location Weather是一个适合初学者的WordPress天气插件,允许您在任何页面、帖子或小部件区域添加每日预报。使用此插件,您可以显示风速、温度、气压、能见度等信息。您甚至可以在同一页面上显示多个地点的天气报告。
本文将使用免费的插件,因为它包含显示天气预报所需的一切。如果您想显示多天预报或自动检测访客位置,还有Location Weather Pro版本。
首先,安装并激活Location Weather插件。详情请参阅我们的分步指南《如何安装WordPress插件》。Location Weather从一个名为OpenWeather的在线天气服务获取实时预报。要访问OpenWeather,您需要创建一个API密钥并将其添加到插件的设置中。
要创建密钥,请转到WordPress仪表盘中的Location Weather » Settings。在这里,点击“获取API密钥”链接。这将带您进入一个页面,通过输入您的电子邮件地址和创建密码来创建一个免费OpenWeatherMap账户。
登录到您的OpenWeatherMap账户后,点击工具栏中的您的名字,然后选择‘My API keys’。在这个页面,您将看到一个默认的API密钥。复制该密钥。
接下来,切换回您的WordPress仪表盘,并将API密钥粘贴到OpenWeather API Key框中。完成后,点击“保存设置”按钮以存储API密钥。
步骤2:将天气预报添加到WordPress
现在,您可以通过访问Location Weather » Add New,将天气预报添加到WordPress。首先,输入天气预报的标题。这将出现在WordPress网站上的天气预报顶部,方便访客查看。
然后,滚动到“城市名称”并输入您要预测天气的位置。由于我们使用的是免费版,您需要使用“城市,国家”的格式。对于大多数位置,这应该没问题。
如果多个位置具有相同名称,插件可能会选择错误的城市。如果发生这种情况,您需要升级到Location Weather Pro,然后输入城市ID、邮政编码或位置坐标。
完成后,检查Location Weather使用的温度、气压和风速单位,并进行必要的更改。例如,如果您在美国,则需要使用华氏温度。
接下来,选择“显示选项”标签并选择您要在WordPress博客上显示的信息。这些设置基本上都很直观,您可以浏览并进行所需的更改。
默认情况下,Weather Location将在预报下方显示“来自OpenWeatherMap的天气”信息。如果您想隐藏此文本,请滚动到显示选项屏幕底部,并点击关闭“天气归属”开关。
下一个标签是“样式选项”,您可以更改背景颜色和WordPress中的文本颜色。您还可以添加彩色边框或更改半径以创建圆角。当您对天气预报的自定义选项感到满意时,只需点击“发布”按钮。
之后,复制插件自动生成的短代码。
步骤3:在您的WordPress网站上显示天气预报
现在,您可以将短代码添加到任何WordPress帖子、页面或小部件准备区域。例如,您可以将短代码添加到侧边栏,使天气预报小部件出现在整个网站。对如何放置短代码的分步说明,请参阅我们的指南《如何在WordPress中添加短代码》和《如何添加和使用WordPress小部件》。
如果您使用的是启用区块的WordPress主题,那么可以使用完整的网站编辑器将天气预报添加到网站的任何区域。这包括无法使用标准WordPress内容编辑器编辑的区域。例如,您可以使用天气预报改进404页面模板。
之后,您可以访问您的网站,查看WordPress天气小部件的实际效果。
我们希望本教程能帮助您学习如何在WordPress网站上显示天气预报。您可能还想了解《如何正确创建电子邮件新闻通讯》或查看我们专家推荐的《最佳网页推送通知软件》。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。