WordPress主页设置,如何添加Home链接到导航菜单

来自:素雅营销研究院

头像 方知笔记
2025年03月29日 03:43

在WordPress网站中,主页(Home)通常是访客最先看到的页面。为了方便用户快速返回主页,许多网站会在导航菜单中添加一个“Home”链接。本文将详细介绍如何在WordPress中设置主页并添加Home链接到导航菜单。

步骤1:确保已设置静态主页

在添加Home链接之前,请确保你的WordPress网站已经设置了静态主页(而非默认的博客文章列表页)。

  1. 进入 WordPress后台设置阅读
  2. 首页显示 部分,选择 静态页面
  3. 首页 下拉菜单中选择你的主页(如“首页”或自定义名称)。
  4. 点击 保存更改

步骤2:添加Home链接到导航菜单

方法1:通过自定义菜单添加

  1. 进入 外观菜单
  2. 选择现有的导航菜单,或点击 创建新菜单
  3. 菜单结构 部分,点击 自定义链接
  4. 输入以下信息:
  • URL:输入你的网站首页URL(如 https://你的网站.com 或直接填写 /)。
  • 链接文本:输入“Home”或“首页”。
  1. 点击 添加到菜单
  2. 拖动该链接到菜单中的合适位置。
  3. 点击 保存菜单

方法2:使用“主页”选项(部分主题支持)

某些WordPress主题(如Astra、OceanWP等)允许直接在菜单编辑器中选择“主页”作为菜单项:

  1. 进入 外观菜单
  2. 页面 选项卡中,勾选 主页(或类似选项)。
  3. 点击 添加到菜单,然后调整位置并保存。

步骤3:调整Home链接样式(可选)

如果你的主题支持,可以通过CSS为Home链接添加图标或特殊样式:

  1. 进入 外观自定义额外CSS
  2. 输入类似以下代码(以Font Awesome图标为例):
.menu-item-home a::before {
font-family: "Font Awesome";
content: "\f015"; /* 主页图标代码 */
margin-right: 5px;
}

常见问题

Q1:添加Home链接后不生效?

  • 检查菜单是否已分配到正确的位置(如“主导航”)。
  • 清除浏览器和WordPress缓存。

Q2:如何让Home链接显示为小房子图标? 可以使用插件(如Menu Icons)或通过CSS添加图标,如上文所示。

通过以上步骤,你可以轻松在WordPress导航菜单中添加Home链接,提升用户体验!