值得信赖的WordPress教程,当你最需要的时候。
WordPress入门指南
Copa WPB公司
2500万+
使用我们插件的网站
16+
多年WordPress经验
3000+
专家编写的WordPress教程

Cómo añadir un menüde navegación en WordPress(Guia para principiantes)

注释:Ganamos una comisionón de los enlases de socials en WPBeginner。委员会没有对编辑的评估发表任何意见。马什信息中心Proceso社论.

Quieres añadir un menüde navegación a tu-sitio WordPress?

WordPress viene con una interfaz de menüde arrastrar y soltar que puede utilizar para crear menús de cabecera,menüs conopciones des des mucho más。

在WordPress上,这是一个很好的例子。

如何在WordPress中添加导航菜单

?Quées un menüde navegación?

Un menüde navegación es una lista de enlases que apuntan aáreas importantes de Un sitio web。苏埃伦展示了科莫-乌纳-巴拉-水平面-上层建筑网站WordPress.

Estos menüs estrustructuran su sitio y ayudan a los拜访了一名教练lo-que buscan。Este es el aspecto del menúde navegación en WP初学者:

WPBeginner导航菜单示例

Con WordPress es muy fácil añadir menüs y submnüs。普埃德阿尼亚迪尔(Puede añadir)将苏斯(sus)放大帕吉纳斯,categorías o辩论más的重要性,entradas de博客e incluso enlaces personalizados,como su公司perfil en los媒体社交.

拉乌比卡西翁(La ubicación exacta de su menúdependeráde su)文字出版社《洛杉矶市长》(La mayoría de los temas tendrán varias opciones)、《波尔罗克普埃德》(por lo que puede creer differentes menüs que se pueden mostrar en differenties lugares)。

Por ejemplo,WordPress的市长,她是一位高级主管。Algunos temas pueden包括también un menúsecundario、un menu de pie de página o un menude navegacion móvil。

Dicho esto,veamos cómo crear un menúde navegación personalizado en WordPress(文字出版社)。

视频教程

订阅WPBeginner

这是一个很好的例子

Cómo crear su primer menüde navegación personalizado公司

帕吉纳市维斯塔镇诺夫加西翁镇Para crear un menúde navegaciónApariencia“门乌斯en-su descriptorio de administrador de WordPress。

公证人:Si no ves la opción“Apariencia”Menús“现场独奏”“Apariencia”编辑',重要的是完成医疗活动(FSE)。普埃德hacer clic aquuípara omitir la sección FSE que parace a continucicionón.

创建新菜单

乌纳·韦兹·阿利,dale un nombre al menü,por ejemplo“menüde navegación superior”,y haz clic en el botón“Crear menú”。

Esto expandiráelárea del menú,y se veráasí:

WordPress中新创建的菜单

一个连续体,puede elegir las pa ginas que deseañadir al-menú。Puede añadir automáticamente todas las páginas nuevas de nivel superior o seleccionar páginas concretas de la columna de la izquierda。

普里梅罗,haz clic en la pestaña“Ver todo”para Ver-toas las páginas de tu sitio。Después,haga clic en la casilla situada junto a cada una de las páginas que dese añadir a su menüy,a continucionón,haga cic en el botón“añadir-al-menú”。

将页面添加到菜单

乌纳·韦萨·阿迪达斯·拉斯帕吉纳(Una vez añadidas las páginas)、普埃德·德斯普拉扎拉斯(puede desplazarlas arrastrándolas y soltándologas en la sección)、“门鲁之家”(Estructura del menú)。

作为一个秩序井然的人。

在菜单中拖放页面

注:Todos los menüs tienen sus elementos/fichas en una lista vertical(de arriba a abajo)en el编辑。Cuando pongas el menúen functionationamiento en tu sitio,se mostrarávertical u horizontalemente(de izquierda a derecha),dependendo de la ubicación que selecciones垂直和水平方向(de izquierda a derecha),这取决于所选区域的功能。

《洛杉矶市长》(La mayoría de los temas tienen varias ubicaciones differenties donde puedes poner menüs)。En este ejemplo,estamos utilizando el公司tema Astra公司,que tiene 5个ubicaciones不同。

德斯普埃斯·德阿尼亚迪尔·帕吉纳斯·马努(Después de añadir páginas al-menú),塞莱奇奥内·拉乌比卡西翁(seleccone la ubicación en la que desa que paraezca el-menüy haga clic en el-botón),“卫队”。

选择菜单位置

康塞霍:由于不存在任何问题,因此,我们打算在不同的地点、一个连续的地方,访问su-sitio para ver cómo queda。很可能没有任何利用托达斯·拉斯·乌比卡西奥内斯(pero símás de una)的机会。

巴拉马斯详细介绍了苏布雷·埃斯特·特马,普埃德领事努埃斯特罗辅导苏布雷WordPress中垂直的cómo crear un menüde navegación.

阿基斯塔努埃斯特罗·梅努特雷马多·埃利西奥(Aquiestánuestro menüterminado en el sitio):

菜单预览

WordPress上的Creacionón de menús despegables

洛斯梅努的亡命之徒,拉马多斯·梅努斯·安尼达多斯,梅努斯·德纳瓦加西翁的儿子梅努斯·德·梅努·帕德雷·希霍。

Cuando sitüe el cursor sobre un elemento/artículo principal,todos los elementos secundarios parecerán debajo deél en un submnú。

Para crear un submnú,arrastre un elemento/artículo debajo del elemento principal y,a continucionón,arrástrelo ligeramente hacia la derecha。Lo hemos hecho con 3 subelementos debajo de“Servicios”en nuestro menü:

创建子菜单

Incluso puedes añadir varias capas de deselegables para que tu submnútenga un submnü。Esto puede terminar pareciendo un poco desordenado,y muchos temas no son compatibles con menús desplegables de varias capas埃斯托普埃德码头帕西恩多·恩·波科·德斯奥尔德纳多,你的儿子无法与之兼容。

Para obtener instrucciones más detalladas,nuestro领事馆导师sobreWordPress中的cómo crear un menüdesplegable.

Aquiestáel submnüen vivo en nuestro sitio de demostración:

WordPress中的子菜单预览

Añadir categorías A los menüs de WordPress公司

在WordPress上写博客,puede añadirlas categorías de su博客WordPress的绝望。

Nosotros hacemos esto en WPBeginner y tenemos multiples categorías como noticasias、temas、tutoriales y más。

WPBeginner上的类别菜单

Puede añadir fácilmente分类为su menühaciendo clic en la pestaña Categoras situada en la parte izquierda de la pantalla del menú。También puede hacer clic en la pestaña“Ver todo”para Ver-toas las categoras。

Sólo tiene que seleccionar las categorías que deseañadir al menüy,一个延续词,hacer clic en el botón“añadiral menú”。

选择要添加的类别

拉斯维加斯被归类为“人民的共同组成部分”。

一个连续体,puede arrastrarlas y soltarlas en su posición。Por ejemplo,vamos a colocar todas estas categorías bajo el elemento/artículo博客。

拖动主菜单下的类别

Para más instrucciones,nuestra guía Para principiantes sobre领事馆世界新闻报上的科莫那迪尔辩论.

Asíes como parecen las distintas categoraíAs en el menúde navegacion de nuestro sitio de demostracion:

导航菜单中的博客类别

Minientrada a las categorias y páginas,WordPress también hace que sea superácil añadir增强了对图门的个性化。Puedes enlazar con tus perfiles en mediaos sociales,图tienda在线y otros sitios web de tu propiedad公司。

Para ello,tendráque utilizar la pestaña“Enlaces personalizados”de la pantalla Menú。简化añada el enlace junto con el texto que desea utilizar en su menüy haga clic en el botón“añadir al menú”。

添加自定义链接

Incluso puede ser creativo y公司añadir iconos de medios sociales en su menúo拉马达的僵尸是一种类似于conseguir más的转换。

编辑o eliminar un elemento/artículo en los menüs de navegación de WordPress

Cuando añades páginas o categorías a tu menúde navegación personalizado,WordPress utiliza el título de la pa gina o el nombre de la categoria como texto del enlase。Puede cambiar esto si lo desea。

这是一个很好的编辑元素。

编辑或删除菜单项

Desde aquípuede cambiar el nombre del elemento/artículo del menú。También在“Quitar/eliminar”中担任首席执行官。

问题在于,作为一名国际调查员和独奏者,塔姆比恩·普埃德·迪斯普拉扎尔·埃莱门托/阿尔特·库洛·德尔·穆埃尔·哈塞尔·克莱克·恩勒恩莱塞(también puede desplazar el elemento)是“Mover”的对应者。

Añadir menüs de navegación en全站编辑(FSE)

El nuevo editor de sitios complete te permissite personalizar tus temas de WordPress mediante El editor de bloques(完整位置编辑器允许个性化编辑)。激活/激活WordPress 5.9(文字出版社5.9)y le permite añadir differenties bloques a sus plantilas paracrear un diseñoúnico。

Parañadir un menüde navegación utilizando el编辑完成地点,请访问Apariencia“编辑WordPress描述。

Usaremos el tema por defecto Twenty-Twenty Three paraest教程。帕拉斯·德塔利斯,普埃德斯领事努埃斯特罗·阿蒂库洛·索布雷·洛斯完整的医疗机构WordPress的mejores temas de para la edición complete del siio.

Una vez en el编辑,haz clic en la pestaña“Navegacionón”para amplarla。

展开导航选项卡

Se abirán nuevos ajustes en la columna de la izquierda(伊兹基尔达专栏)。

Desde aquií,basta con hacer clic en el icono“Editar”de la part superior(巴士塔·孔·哈塞尔·科里科诺)。

单击FSE中的编辑图标

Se abiráel编辑del sito complete en su pantalla,donde podráhacer clic en el-icono“+”parañadir un elemento/artículo al menúde navegación。

这是一个不可剥夺的权利。

罪恶禁运,si deseañadir un enlace personalizado,puede añadiruna etiqueta y una URL para el elemento del menúde navegación en el panel de bloque。坦比恩·普埃德·阿尼尔una opción de büsqueda a su menü.

在完整站点编辑器中添加导航菜单项

Una vez añadido un elemento,pase a la pestaña“Estilos”de la columna de la derecha的意思。

Ahora puede cambiar la tipografía、el aspecto、la altura、el espaciado、las mayüsculas y minüsculas y la decoración del texto de sus elementos de menú。

西德萨·尼亚迪尔·苏门努(Si deseañadir un submnú),塔姆比恩·普埃德·哈塞罗·哈塞尔·克莱恩·苏伊科诺(también puede hacerlo al hacer clic en su icono en la bara de herramientas del bloque)。

通过切换到样式块自定义菜单项

Cuando hayas terminado,puedes obtener una vista previa de los cambios para ver cómo queda el menüen tiempo real。Luego没有提供hacer clic en el botón“卫队”的上级。

Añadir menüs de WordPress en baras laterades y pies de página(巴基纳)

没有人会认为这是一种视觉化的方式。科摩拉Puedes añadir menüs de navegación en cualquier zona que utilice widgets公司巴拉侧o埃尔派·德·帕吉纳。

简化ve aApariencia“小工具y luego haz clic en el botón“Añadir Bloque”(+)en la part superior y Añade el程序块“Menüde Navegación”是一条横道。

添加导航菜单

一个连续体,一个尼亚达·恩·蒂图罗的para el widget y elija el menücorrectoro en la lista可剥夺的“Seleccionar menú”。

Cuando haya terminado,sólo tiene que hacer clic en el botón“实际”。

添加标题并选择菜单

Este es un ejemplo de un menúde pie de página de WordPress personalizado creado en公司Syed Balkhi网站.

导航菜单预览

Ir más allácon los menüs de navegación

Si quieres crear un menürealmenteépico con un montón de enlases,tenemos un tutorial sobrecómo crear un mega menüen WordPress公司.

允许创造不可剥夺的con-muchos elementos/artículos,包括imágenes。

超大菜单预览

洛斯梅加马努的儿子una gran opción si tienes un siio grand,科摩亚tienda在线o联合国通知地点Este tipo de menülo utilizan sitios como路透社、Buzzfeed、星巴克等。

WordPress的频率

Estas son algunas de las preguntas más comunes que escuchamos de los principiantes acerca de los menüs de navegación de WordPress。

1.Cómo añadir un enlase de página de inicio a un menüde WordPress?

Parañadir tu página de inicio a un menüde navegacion,tendrás que hacer clic en la pestaña“Ver todo”,debajo de páginas。作为一个聚会,deberías ver tu página de inicio。

Marca la casilla siguiente a“Inicio”y haz clic en“añadir al menú”。没有守卫洛斯·坎比奥斯。

将主页添加到菜单

2.Cómo añadir varios menüs de navegación en WordPress?

在WordPress上,puedes crear tantos menús como quieras。Para colocar un menüen su siio web、tendráque añadirlo a una de las ubicaciones de menúde sutema、o a unárea de widget como mostramos anteriormente。

Si deseañadir varios menüs de navegación a su-sitio WordPress,primero cree los menús siguiendo nuestro前指导。

对于现场的Colocallas,haga clic en la pestaña“Gestionar ubicaciones”。

管理菜单位置

Desde aquí,puede seleccionar quémenúdesea mostrar en las ubicaciones de menüdisponsibles en sutema。

努埃斯特罗·苏布雷领事馆,Si deseañadir una nueva ubicación de menúa susiiocómo añadir menüs de navegación personalizados a los temas de WordPress个性化.

WordPress上的Esperamos que este artículo te haya ayudado a aprender cómo añadir un menúde navegación。Puede que también quieras新闻发言人nuestras guías sobre cómo达累斯提洛洛杉矶WordPress y cómo的新闻发布会crear un menúde navegación flotante fijo en WordPress.

如果你喜欢这篇文章,那么请订阅我们的YouTube频道用于WordPress视频教程。您也可以在上找到我们推特脸谱网.

Descargo公司:这是一场选举。这是一个非常重要的问题,因为这是一个共同的问题。Vea公司cómo se financia WP初学者重要的是,y cómo puede apoyarnos。阿奎斯塔努埃斯特罗程序编辑.

阿凡达

WPBeginner的编辑人员是由Syed Balkhi领导的WordPress专家组成的团队,在WordPres、Web托管、电子商务、SEO和市场营销方面拥有超过16年的经验。从2009年开始,WPBeginner现在是业界最大的免费WordPress资源站点,通常被称为WordPressWikipedia。

Elültimo kit de herramientas de WordPress公司

Obtenga acceso GRATUITO一种新的herramientas试剂盒-una colección de productos y recursos relacionados con WordPress que todo professional debería tener!

读者互动

114个comentariosDeja una respuesta公司

  1. 赛义德·巴尔基

    嘿,WP初学者读者,
    你知道通过评论WP初学者可以赢得激动人心的奖品吗?
    每个月,我们的顶级博客评论员都会获得丰厚的奖励,包括高级WordPress插件许可证和现金奖励。
    你可以获得有关比赛的更多详细信息从这里开始.
    开始在下面分享你的想法,有机会获胜!

  2. 吉·范克(Jiři Vaněk)

    关于向菜单添加页面,不知道如何解决搜索问题?或者如果你还没有见过他。我有一个网站,目前大约有600页,主要用于字典目的。问题是,当我想将其中一个页面添加到菜单中时,我会在搜索中写入它的链接,所以wordpress找不到它,我必须首先显示所有页面并按字母顺序查找。它耽误了我的工作,我还没有弄清楚问题出在哪里。

    • WP初学者支持

      您可能想尝试写入页面的标题,否则,如果您直接拥有URL,则可以使用自定义链接并链接到页面。

      管理员

      • 吉·范克(Jiři Vaněk)

        是的。我在搜索框中输入站点名称,WordPress会列出类似的站点,但通常不是我要找的那个。因此,我将进一步搜索问题可能在哪里。

  3. 大卫·基维斯

    非常感谢你的精彩教程。我们正在用多个CPT构建我们的网站,这篇帖子清楚地解释了需要什么。几分钟内就实现了。我们正在使用Generate Press/Generate Blocks,查询循环非常强大。你们都让我们高兴了!!!!

  4. NPH有限责任公司

    如果我“删除”了主导航菜单中的链接,我可以很容易地将其恢复过来吗?我们希望在重新配置页面时使其脱机。

    谢谢!

    • WP初学者支持

      是的,您可以轻松添加和删除菜单项,即使菜单项当前不在菜单上。您需要确保清除站点上的所有缓存,以便访问者看到最新菜单。

      管理员

  5. 阳光灿烂

    这是一个非常基本的问题。如何将网站URL链接到主页?意思是,拥有网站URL,也可以作为菜单中的主页部分。谢谢

    • WP初学者支持

      您可以将菜单设置为您在“设置”>“常规”下为站点设置的主页,也可以创建自定义URL并在其中添加域以指向您的主页。

      管理员

  6. 丽莎

    我对如何把我的帖子放到我想要的地方感到困惑……我有一个菜谱博客。在我的网站顶部,我有你可以点击的类别,如“晚餐食谱”和“配菜”……当你点击页面顶部的标题时,我如何让我的特定帖子进入这些特定页面?

  7. HJ公司

    非常基本的问题,但如何在子页面上启用菜单?我设计了一些子页面,但菜单在顶部不可见。在我的主页上可以看到菜单。如何使菜单在子页面上可见?

    • WP初学者支持

      您可能想寻求对特定主题的支持,听起来您的主题可能会删除某些页面的菜单。如果您联系支持人员,他们应该让您知道如何重新添加菜单。

      管理员

  8. 贾尼恩

    我正在尝试获得一个粘性且不透明的导航菜单。我什么都试过了。允许我更改主题中的导航栏吗?

    • WP初学者支持

      你是,但这需要一些编码知识,我们建议联系你的主题的支持,他们通常可以提供帮助。

      管理员

  9. 米兰达

    我制作了一个导航菜单,但它不会显示在手机网站上,当我转到导航菜单设置时,它没有手机菜单选项。你知道我该如何解决这个问题吗?或者我需要找一个不同的主题吗?

    • WP初学者支持

      您需要寻求对您的特定主题的支持,因为它没有正确显示,他们将能够提供帮助。

      管理员

  10. 阿塔

    谢谢你的详细指导。我有一个问题:我们如何添加一个导航栏(用于登录页面)来链接登录页面的节/元素,而不是导航到其他页面。维基百科就是一个例子。在任何维基百科页面上,你都可以点击该部分的名称,它会立即转到该部分。

  11. 吉娜

    你好,

    我创建了类别并将其添加到我的菜单中,以便读者单击后可以找到该类别中的所有博客帖子。我的问题是,我不希望博客名称出现在页面顶部,也就是说,博客类别=>博客类别描述=>博客帖子,我该如何删除它?

    • WP初学者支持

      这将取决于您特定主题的样式。如果您寻求主题的支持,他们应该能够帮助您更改所显示的内容

      管理员

  12. 琳达·麦克米兰

    您好,我正在使用Elementor和OceanWP。我在菜单中设置了一个自定义链接,以便在单击时可以转到主页。我怎样才能让它转到主页,而不是只转到某个部分?我感谢你的帮助。

  13. 安妮

    导航功能非常强大。尽管有一个问题,我在导航“产品”中有一点,它从那里分为其他3个部分(下拉菜单出现)。我不希望访问者能够访问此产品页面,因为它将是空的,我希望他们直接从下拉菜单中选择,而不是先访问产品页面。因此,产品仍将显示在导航中,但无法访问,访问者必须单击下拉菜单选择他们想要的内容。我该怎么做?我正在删除整个产品部分,它将不再显示在nav中,如何使产品页面无法访问?

    • WP初学者支持

      您可以在“外观”>“菜单”下创建一个标题为“产品”的自定义链接,并将其链接到不同的页面或#,这样可以使用户保持在同一个页面上。

      管理员

  14. 纳塔利五世

    你好!非常感谢你的来信。这对我帮助很大。我有“卡鲁纳”主题。每当我添加更多菜单选项(我有4个)时,它们就会显示在两行中。我希望他们都在一排。有办法解决这个问题吗?非常感谢!

  15. 大卫

    需要链接一个“立即购买”按钮以吸引商务车页面。花了两天的时间兜圈子。试图联系吴,但收效甚微。然后找到了你们这些帮助解决问题的人。
    往往是一些小事会让我们停滞不前。非常感谢您提供了一套简化的清晰说明。

  16. 埃利奥特·科尔肖

    你好,

    我正在用Ocean WP和Elementor制作一个网站,但是我无法在我所有页面的顶部看到菜单。它只出现在主页的顶部。因此,人们可以从主页导航到任何页面,然而,如果有人想从主页导航回主页或从那里导航到另一个页面,这将很棘手。你有解决方案吗?谢谢您!

Deja tu comentario公司

感谢科门塔里奥·德贾尔·德贾尔(Tenga en cuenta que todos los comentarios son moderados de acuerdo connuestros)科门塔里奥斯政体,以及没有公共服务的电子通信主管。Por favor,NO utilice palabras clave en el campo de nombre没有实用的宫殿。Tengamos una座谈会的个人意义。