WordPress导航菜单栏设置(初学者指南)

文章最后更新于 2024-08-21

本文是WordPress基础操作教学的第十篇,其他WordPress基础操作可返回至此页学习。WordPress全套入门教程可返回至此页浏览

WordPress的导航栏是决定网站结构很重要的一部分。一个直观的菜单导航栏不仅能够使得用户能够快速理解网站的结构,提升浏览效率和用户满意度,还能改善网站的整体结构和搜索引擎优化表现。

本文将介绍如何在WordPress中创建和管理菜单。

WordPress如何设置导航菜单栏?

登录WP后台,通过Appearance –> Menus即可进入到WordPress的菜单设置界面。点击create a new menu。

我们刚搭建好WordPress的时候默认每新建一个页面都会显示在主菜单里面,这是因为我们没有给菜单栏做设置。我们创建一个新的菜单导航栏,不要勾选Automatically add new top-level pages to this menu就不会出现这样的情况了。

我们在此处需要做的事情只有两件:

  1. 将想要的元素添加至导航菜单栏。从左侧的选项中选择我们想要添加到导航菜单栏的元素,如果这块选项是灰色的话,那么先给这个导航菜单栏命名,点击Create Menu即可正常选择。
  2. 设置导航菜单栏的显示位置。我们一般选择Primary Menu即可。

我们可以选择添加至导航菜单栏的元素会根据我们安装的主题和插件不一样而不同,比如安装了多语言插件的话,会多出一个Language Switcher(语言切换器)的元素在里面让我们选择。安装了Woocommerce的话,会多出产品、产品类别、产品标签等。

这里可以特别说明的是Custom Links这个选项。这个选项可以让我们填写任意锚文本,跳转至任何链接。

如何创建二级导航菜单栏?

菜单栏是可以有层级结构的,可以让我们创建一级导航,二级导航。实现起来也很简单。

比如说我这里有两个选项,我想要“WordPress设置主页”成为“WordPress侧边栏”的子栏目,只需要用鼠标点击“WordPress设置主页”往右拖动。

一直拖动到出现一个子级虚线框,松开鼠标即可。

前端效果就是这样子:

Scroll to Top
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors