EP14. “顶部导航菜单”
🔒 登录后可标记已读- 导航菜单里要不要放「Home」按钮？不用——点 Logo 就能回首页，不用占一个位置
- 顶部导航菜单的顺序代表优先级，放最前面的就是你最希望访客点的
- 同时启用粘性导航（Sticky Header）和白色背景，让网站看起来更专业
所需工具
WordPress + Sydney 主题，Appearance → Customize
重点内容
菜单设计原则
导航菜单的顺序代表优先级——放在最前面的，就是你最希望访客点的。
| 位置 | 页面 | 原因 |
|---|---|---|
| 第一位 | Shop | 最核心的转化行动，引导访客购买 |
| 第二位 | About | 建立信任，访客想了解品牌 |
| 第三位 | Explore | 内容页，引导深度浏览 |
| 移除 | Home | 点击 Logo 就能回首页，不需要单独放 |
操作步骤：创建菜单
路径：Appearance → Menus
- 查看现有菜单，删除 Home 按钮。
- 按顺序添加页面到菜单：Shop → About → Explore。
- 将菜单位置设为 Primary Menu（主菜单位置），确保它出现在顶部导航栏。
- 点击 Save Menu。
[截图：Appearance → Menus 编辑页面，显示 Shop / About / Explore 的菜单顺序]
操作步骤：设计 Header 外观
路径：Appearance → Customize → Header
- 在 Header 区域，选择 Layout #1（简洁的水平布局）。
- 启用 Sticky Header（粘性导航）。
- 粘性导航在访客向下滚动时始终显示在顶部，方便随时导航。
- 将 Header 背景色设为 白色（干净专业）。
- 找到 Scroll to Top 选项，关闭它（去掉返回顶部按钮，减少视觉杂乱）。
- 点击 Publish 保存。
[截图：设置完成后的网站顶部导航栏，白色背景 + 粘性效果]
行动步骤
- 进入 Appearance → Menus，删除 Home，按顺序添加 Shop / About / Explore，设为 Primary Menu。
- 进入 Appearance → Customize → Header，选 Layout #1，启用 Sticky Header，背景色设白色。
- 关闭 Scroll to Top 按钮，Publish 保存。
Sources
Udemy（课程 transcript）：
- The Completed Digital Marketing Guide 27 in 1 — Section 3, Lecture 14 Header Menu