如何在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

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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