如何在WordPress中显示天气预报(初学者指南)

10/28/2022

谁需要在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上找到我们。



Related Posts

  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多
  • 2025-01-21
  • WordPress 插件

为WordPress文章添加阅读进度条可以提升读者的阅读体验。特别是对于长篇文章,进度条是一种视觉提示,帮助读者了解自己阅读了多少内容以及剩余部分。WPressize Me尽管不使用此功能,但许多新闻网站和长篇内容出版商已成功实施这一功能。我们将介绍如何轻松添加阅读进度条到您的WordPress文章中。

閱讀更多
  • 2025-01-17
  • WordPress 插件

在您的 WordPress 网站上接收 Google Pay 可以显著改善客户的整体购物体验。通过提供 Google Pay,您不仅仅是添加另一种付款方式,而是为更喜欢 Google Pay 的客户提供无缝的购物体验。这可以建立客户的信任,减少结账摩擦,并最终提高网站的销售额。在这篇文章中,我们将指导您如何在 WordPress 中接收 Google Pay,从而为客户提供流畅的支付流程。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>