响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年制作网站导航菜单(推荐4篇)

制作网站导航菜单 第1篇

前提条件:网站中已经有页面或文章等内容,否则添加菜单时无内容可选。

保存后打开网站,我用的是hello elementor主题,下图中红框所示便是刚才添加的主导航菜单。

制作网站导航菜单 第2篇

示例:网站的公司介绍没有单独的页面,若想将公司介绍菜单直接链接到首页中的公司介绍栏目,我们可以通过锚点菜单的形式,将公司介绍菜单锚定到首页的指定位置。

接下来进入菜单页面,添加自定义链接,其中URL部分由以下两部分构成

锚点内容所在页面的url

# 加上锚点内容的CSS id,即上文中的about-us,组成#about-us

制作网站导航菜单 第3篇

要创建导航菜单,您需要访问WordPress 管理仪表板中的外观»菜单页面。

到达那里后,为您的菜单提供一个名称,如“顶部导航菜单”,然后单击“创建菜单”按钮。

这将扩大菜单区域,它将看起来像这样:

接下来,您可以选择要添加到菜单中的页面。您可以自动添加所有新的顶级页面,也可以从左栏中选择特定页面。

首先,单击“查看全部”选项卡以查看您网站的所有页面。然后单击要添加到菜单的每个页面旁边的框,然后单击“添加到菜单”按钮。

添加页面后,您可以通过在“菜单结构”部分中拖放它们来移动它们。

这样您就可以更改它们的顺序并重新排列它们。

大多数主题都有多个不同的位置可以放置菜单。在此示例中,我们使用小兽WordPress,它有 5 个不同的位置。

将页面添加到菜单后,选择您想要显示菜单的位置,然后单击“保存菜单”按钮。

提示:如果您不确定每个位置在哪里,请尝试将菜单保存在不同的地方,然后访问您的网站以查看其外观。您可能不想使用所有位置,但您可能想使用多个位置。

有关更多详细信息,您可能需要查看有关如何在 WordPress 中创建垂直导航菜单的教程。

这是我们网站上的最终菜单:

制作网站导航菜单 第4篇

在woocommerce中创建完产品类别后,按下图中的序号顺序操作,可以将产品、产品类别加入到“添加菜单项”栏目中,否则默认情况下,你在菜单项栏目中是看不到它们的。

然后,按照上文教过的移动菜单的办法,将产品分类移动到Products下方作为子菜单。

保存菜单后去查看一下网站,将看到如下效果

猜你喜欢