小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

wordpress 菜单_如何在您的WordPress网站上添加超级菜单(逐步操作)

wordpress,java,python,eclipse,.net 额外说明

收录于:23天前

WordPress 菜单

最近,我们的一位读者询问是否可以向您的 WordPress 网站添加大型菜单?超级菜单允许您使用图像和视频等富媒体向导航添加多列下拉菜单。在本文中,我们将向您展示如何轻松地将大型菜单添加到您的 WordPress 网站。

最近,我们的一位读者询问是否可以向您的 WordPress 网站添加大型菜单?巨型菜单允许您使用图像和视频等富媒体向导航添加多列下拉菜单。在本文中,我们将向您展示如何轻松地将大型菜单添加到您的 WordPress 网站。

How to Add a Mega Menu in WordPress
为什么以及谁应该在WordPress中添加超级菜单? Why and Who Should Add Mega Menu in WordPress?

超级菜单对于内容较多的网站特别有用。这允许网站所有者在其顶部菜单中显示更多项目。

大型菜单对于内容丰富的网站特别有用。这允许网站所有者在其顶部菜单中显示更多项目。

路透社、Buzzfeed 和星巴克等热门网站使用大型菜单来显示高度吸引人的导航交互式菜单。

路透社、Buzzfeed 和星巴克等热门网站都使用大型菜单来显示高度交互的交互式导航菜单。

Starbucks website showing a mega menu

While default WordPress navigation menus let you add drop-down sub-menus and even 添加图像图标 next to each item, sometimes you just need a mega menu.

尽管默认的WordPress导航菜单使您可以添加下拉子菜单,甚至在每个项目旁边添加图像图标 ,但有时您只需要一个大型菜单。

让我们看看如何轻松地将大型菜单添加到您的 WordPress 网站。

让我们看看如何轻松地将大型菜单添加到您的 WordPress 网站。

影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

在WordPress中添加超级菜单 Adding a Mega Menu in WordPress

First thing you need to do is install and activate the 最大超级菜单 plugin. It is the best free mega menu WordPress plugin available in the market. For more details, see our step by step guide on 如何安装 WordPress 插件.

您需要做的第一件事是安装并激活最大超级菜单插件。 它是市场上最好的免费大型菜单WordPress插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。

激活后,该插件将向您的 WordPress 管理菜单添加一个新的菜单项 Mega Menu。单击它将带您进入插件的设置页面。

激活后,该插件将向您的 WordPress 管理菜单添加一个新的菜单项 Mega Menu。单击它将带您进入插件的设置页面。

Mega Menu settings

默认设置适用于大多数网站。但是,您需要更改菜单颜色,以便它们与 WordPress 主题的导航菜单容器使用的颜色相匹配。

默认设置适用于大多数网站。但是,您需要更改菜单颜色,以便它们与 WordPress 主题的导航菜单容器使用的颜色相匹配。

To find out which colors are used in your theme, you can use the 检查工具 in your browser.

要确定主题中使用了哪些颜色,可以在浏览器中使用“ 检查工具

Using inspect tool to find out navigation bar colors

获得颜色十六进制代码后,您可以将其粘贴到文本文件中以供稍后使用。

获得彩色十六进制代码后,您可以将其粘贴到文本文件中以供以后使用。

接下来,您需要访问大型菜单设置页面,单击“菜单主题”选项卡,然后单击“菜单栏”部分。

接下来,您需要访问超级菜单设置页面,单击“菜单主题”选项卡,然后单击“菜单栏”部分。

Menu bar colors

在这里,您可以替换大型菜单使用的背景颜色以匹配主题的导航菜单容器。

在这里,您可以替换大型菜单使用的背景颜色以匹配主题的导航菜单容器。

不要忘记单击“保存更改”按钮来存储您的设置。

不要忘记单击“保存更改”按钮来存储您的设置。

现在我们已经配置了大型菜单设置,让我们继续创建我们的大型菜单。

现在我们已经配置了大型菜单设置,让我们继续创建大型菜单。

First you need to visit the 外观 » 菜单 page and then add top level items to your navigation. For detailed instructions see our beginner’s guide on 创建导航菜单 in WordPress.

首先,您需要访问外观 » 菜单页面,然后将顶级项目添加到导航中。 有关详细说明,请参阅有关在WordPress中创建导航菜单初学者指南。

接下来,在菜单屏幕上,您需要通过选中“最大超级菜单设置”下的框来启用超级菜单。

接下来,在菜单屏幕上,您需要通过选中“最大超级菜单设置”下的框来启用超级菜单。

Enable mega menu

之后,您需要将鼠标移至菜单项,您将看到菜单选项卡上出现一个“Mega Menu”按钮。

之后,您需要将鼠标移动到菜单项,然后您将看到菜单选项卡上出现“超级菜单”按钮。

单击该按钮将弹出一个弹出窗口。在这里,您可以将任何 WordPress 小部件添加到大型菜单中,并选择要显示的列数。

单击该按钮将弹出一个弹出窗口。在这里,您可以将任何 WordPress 小部件添加到大型菜单中,并选择要显示的列数。

Adding widgets to your mega menu

您还可以单击小部件上的扳手图标来编辑小部件设置。不要忘记单击“保存”按钮来存储您的小部件设置。

您还可以单击小部件上的扳手图标来编辑小部件设置。不要忘记单击“保存”按钮来存储您的小部件设置。

完成后,您可以关闭弹出窗口并访问您的网站以查看正在运行的大型菜单。

完成后,您可以关闭弹出窗口并访问您的网站以查看正在运行的大型菜单。

Mega menu preview

We hope this article helped you learn how to add a mega menu in WordPress. You may also want to see our guide on 如何加速 WordPress 并提高性能 for beginners.

我们希望本文能帮助您学习如何在WordPress中添加大型菜单。 您可能还希望查看我们的指南, 了解如何加速 WordPress 并进行改进初学者的表现

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step/

WordPress 菜单

. . .

相关推荐

额外说明

idea之热部署插件jrebel的使用

背景 一个java web项目,在写的过程中我们需要不断调试,如果没有热部署,则我们每修改一次项目要重启一次,验证问题有没有得到解决。如果项目很小,启动只要几秒或十几秒,可能感觉影响不是很大;但当项目变大了,重启一次需要几十秒,几分钟,甚至十几分钟,每次

额外说明

英国威斯敏斯特教堂墓碑上刻着的文字

"当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突

额外说明

Qt 6.Ui中其他类调用控件

1. 把主类指针this传给其他类,tcpClientSocket = new TcpClient(this); //ex2.cpp #include "ex2.h" #include "ui_ex2.h" Ex2::Ex2(QWidget *pare

额外说明

mysql

1. 数据库概念 [ 了解 ] 数据库的常见概念 [ 重点 ] DB:数据库,存储数据的容器 DBMS:数据库管理系统,又称为数据库软件或数据库产品,用于创建或管理DB SQL:结构化查询语言,用于和数据库通信的语言,不是某个数据库软件特有的,而是几乎所

额外说明

Flutter 移动应用:开发准备 介绍

QQ 1274510382 Wechat JNZ_aming 商业联盟 QQ群538250800 技术搞事 QQ群599020441 解决方案 QQ群152889761 加入我们 QQ群649347320 共享学习 QQ群674240731 纪年科技am

额外说明

UDP简介

UDP 1. UDP格式 2. UDP特点 3. 差错检验 1. UDP格式 16位UDP长度,表示整个数据报(UDP首部+UDP数据)的最大长度; 如果校验和出错,就会直接丢弃; 2. UDP特点 无连接: 知道对端的IP和端口号就直接进行传输,不需要

额外说明

SpringBoot中Filter和Interceptor快速入门

一、Filter 1.定义 说明:filter文件里面DemoFilter类实现Filter接口。 package com.itheima.filter; import javax.servlet.*; import javax.servlet.an

额外说明

强化学习笔记(5)-回合策略梯度算法

以下为阅读《强化学习:原理与python实现》这本书第七章的学习笔记。 在之前学习到的强度学习方法中,都是通过学习最优价值函数来获得最优策略。现在换一个角度来思考,我们可以通过用含参函数来近似最优策略,并在迭代中更新参数值,这就是策略梯度算法。 用函数近

额外说明

CSS的Padding, Margin, Border 的区别

HTML的元素 HTML语言定义了一系列的标签元素, 比如div, hr , ul , a 等等。粗略来分, 有以下几种类型: 块状元素: 以块的形式显示一个矩形区域, 可以定义自己的高度和宽度, 可以作为容器包含其他的块状元素和内联元素。 比如: di

额外说明

【Linux】服务器部署:阿里云服务器购买配置与报价参考

目录 一、云服务器 ECS 二、购买配置参考 三、企业新用户购买优惠 四、旧用户续费说明 五、相应合同发票下载与报销 一、云服务器 ECS 购买链接:https://www.aliyun.com/product/ecs 二、购买配置参考 云服务器选择 腾

ads via 小工具