{"id":37891,"date":"2024-02-15T18:21:40","date_gmt":"2024-02-15T17:21:40","guid":{"rendered":"\/tutoriales\/?p=37891"},"modified":"2025-02-04T14:59:25","modified_gmt":"2025-02-04T13:59:25","slug":"como-anadir-pagina-al-menu-de-wordpres","status":"publish","type":"post","link":"\/ar\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres\/","title":{"rendered":"C\u00f3mo a\u00f1adir una p\u00e1gina al men\u00fa de navegaci\u00f3n en WordPress: 2 m\u00e9todos efectivos"},"content":{"rendered":"

El menú de navegación de WordPress es una parte esencial del diseño de un sitio web. Además de ayudar a los visitantes a encontrar la página que están buscando, el menú de navegación de tu sitio web ayuda a construir recorridos de usuario con fines de marca.<\/p>

También puede mejorar el aspecto general de tu sitio web de WordPress si se diseña correctamente.<\/p>

Para crear una experiencia de usuario fluida, puede que necesites añadir un par de páginas como nuevos elementos del menú. Sigue leyendo mientras exploramos dos métodos para personalizar menús en WordPress. Al final, podrás añadir páginas a los menús de WordPress fácilmente.<\/p>

<\/p>

\n \n \n <\/svg>\n

\n ¿Qué es un menú de navegación en WordPress?\n <\/p>\n <\/div>\n

<\/p>

Un menú de navegación en WordPress es<\/a> una colección de enlaces a páginas web internas dentro del sitio web. Facilita la búsqueda de información y destaca las páginas que el propietario del sitio web desea mostrar.<\/p>

La mayoría de los menús de navegación se encuentran en lugares accesibles del sitio web, como cabeceras de página y barras laterales.<\/p><\/div><\/p>

Cómo añadir páginas a los menús de WordPress<\/h2>

Hay dos formas de añadir páginas a los menús de navegación: utilizando la función de menú de navegación incorporada o el nuevo Editor de Sitios de WordPress. <\/p>

Como el resultado final será el mismo, echa un vistazo a las siguientes secciones y elige el método que prefieras para personalizar el menú de tu sitio.<\/p>

\n
\n \n \n <\/svg>\n

\n Consejo profesional <\/p>\n <\/div>\n

Antes de realizar cualquier cambio en el menú, lo mejor es hacer primero una copia de seguridad del sitio web de WordPress<\/a>. De esta forma, no tendrás que preocuparte por romper el sitio en caso de error.<\/p>\n <\/div>\n <\/p>

Añadir una página a un menú desde el panel de WordPress<\/h3>

WordPress te permite controlar cómo aparece tu menú desde el panel de administración. A continuación te explicamos cómo crear una nueva página e incrustarla como un nuevo elemento del menú.<\/p>

    \n
  1. Accede a tu panel de WordPress<\/a>, dirígete a la sección Páginas<\/strong> y haz clic en Añadir una nueva página<\/strong>.<\/li>\n\n\n\n
  2. Escribe el título de la página y el contenido que quieres mostrar en el menú y pulsa Publicar<\/strong>.<\/li>\n<\/ol>
    \"Crear<\/figure>
      \n
    1. Ve a Apariencia → Menús<\/strong> desde el panel de control del administrador. Añade un nombre a la sección Nombre del menú<\/strong> y marca la casilla Menú superior<\/strong>. Pulsa el botón Crear menú<\/strong>. Repite este paso hasta que hayas creado todas las páginas necesarias.<\/li>\n<\/ol>
      \"Menús<\/figure>
        \n
      1. En la sección Añadir elementos al menú → Páginas<\/strong>, marca la casilla junto a las páginas que quieras incluir en el nuevo menú y haz clic en el botón Añadir al menú<\/strong>.<\/li>\n<\/ol>
        \n
        \"Añadir<\/figure>\n<\/div>
          \n
        1. Arrastra y suelta las opciones de menú para reordenarlas. Coloca una opción de menú a la derecha debajo del menú principal designado para crear un submenú. Una vez hecho esto, pulsa el botón Guardar menú<\/strong>.<\/li>\n<\/ol>
          \"Estructura<\/figure>

          Ahora que el nuevo menú está en funcionamiento, puedes personalizarlo añadiendo iconos de menú de WordPress<\/strong> para mejorar la legibilidad y el aspecto general de los elementos del menú.<\/p>

          WordPress también acepta enlaces personalizados, categorías y entradas como opciones de menú. <\/p>

          Por ejemplo, expande el menú desplegable Enlaces personalizados<\/strong> en la sección Añadir elementos al menú<\/strong> y añade la URL elegida y el texto del enlace como un elemento del menú. Es útil para redirigir a los visitantes a una página web externa.<\/p>

          \n
          \"Sección<\/figure>\n<\/div>

          Añadir una página en un menú utilizando el Editor de Sitios<\/h3>

          WordPress ofrece edición completa de sitios web a través del nuevo Editor de Sitios, disponible a partir de la versión 5.9. Para que este método funcione, asegúrate de elegir el tema que admita esta función.<\/p>

          Vamos a utilizar el tema Twenty Twenty-Two para este tutorial. A continuación se explica cómo añadir una página de menú a un menú de WordPress utilizando el Editor de Sitios.<\/p>

            \n
          1. Ve a Apariencia → Editor<\/strong> desde tu panel de administración.<\/li>\n<\/ol>
            \"Editor<\/figure>
              \n
            1. Haz clic en la cabecera de la página para activarla y, a continuación, pulsa el botón (+<\/strong>) de la esquina inferior derecha. Busca el bloque de navegación y añádelo a la sección.<\/li>\n<\/ol>
              \"Bloque<\/figure>
                \n
              1. Pulsa en la barra del menú para abrir los ajustes. Selecciona un elemento del menú y utiliza las flechas izquierda y derecha para reordenarlo.<\/li>\n<\/ol>
                \"Opciones<\/figure>
                  \n
                1. En la barra del menú, haz clic en el botón (+<\/strong>) y elige una página para incrustarla como elemento del menú. Selecciona el control deslizante Abrir en nueva pestaña<\/strong> para abrir la nueva página en una pestaña diferente.<\/li>\n<\/ol>
                  \"Añadir<\/figure>
                    \n
                  1. Pulsa el botón Guardar<\/strong> cuando hayas terminado.<\/li>\n<\/ol>

                    Si tu tema actual no es compatible con el Editor de Sitios, añade código personalizado al archivo functions.php<\/strong> del tema utilizando el Editor de Archivos de temas de WordPress. Consulta el WordPress Codex<\/a> <\/strong>para conocer las funciones del menú de navegación.<\/p>

                    Los usuarios de WordPress 6.2<\/strong> pueden utilizar la herramienta bloque de Navegación<\/strong> para añadir una sección de menú. Haz clic en el símbolo (+) de la barra lateral de ajustes para crear un nuevo elemento.<\/p>

                    \"Bloques<\/figure>

                    Puedes reordenar los elementos del menú arrastrándolos y soltándolos. Para crear un submenú, arrastra y suelta el elemento de menú deseado a un nivel inferior o haz clic en el menú Opciones<\/strong> situado junto al elemento de menú principal y selecciona Añadir enlace a submenú.<\/strong><\/p>

                    \"Opción<\/figure>

                    Otra opción es instalar un plugin de menú de WordPress<\/a> para obtener más opciones de personalización y eliminar la necesidad de codificar. <\/p>

                    Por ejemplo, Max Mega Menu<\/strong> te permite crear un mega menú de WordPress y añadir fácilmente contenido enriquecido, como imágenes de productos, filtros de búsqueda e incluso mapas interactivos.<\/p>

                    \n
                    \"\"<\/a><\/figure>\n<\/div>

                    Conclusión<\/h2>

                    Como el menú de navegación es un elemento crucial del diseño de un sitio web, optimizarlo ayuda a garantizar una experiencia de usuario óptima.<\/p>

                    En este tutorial, has aprendido cómo personalizar menús usando el panel de WordPress y el Editor de Sitios. Elige el método más sencillo y empieza a construir tu menú de navegación ideal. Una vez hecho esto, asegúrate de volver a comprobar si se muestran todos los elementos de menú necesarios.<\/p>

                    Si tienes alguna pregunta, deja un comentario a continuación ¡Mucha suerte!<\/p>\n","protected":false},"excerpt":{"rendered":"

                    El menú de navegación de WordPress es una parte esencial del diseño de un sitio web. Además de ayudar a los visitantes a encontrar la página que están buscando, el menú de navegación de tu sitio web ayuda a construir recorridos de usuario con fines de marca. También puede mejorar el aspecto general de tu […]<\/p>\n

                    Read More…<\/a><\/p>\n","protected":false},"author":317,"featured_media":37892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo a\u00f1adir una pagina al men\u00fa en un sitio web de WordPress","rank_math_description":"Aprende a a\u00f1adir p\u00e1ginas al men\u00fa de WordPress f\u00e1cilmente con nuestra gu\u00eda paso a paso. Dos m\u00e9todos efectivos para mejorar tu web.","rank_math_focus_keyword":"como a\u00f1adir una pagina al menu de wordpress","footnotes":""},"categories":[4747,14349],"tags":[],"class_list":["post-37891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-basico"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-une-page-au-menu-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menambahkan-halaman-ke-menu-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-add-page-to-menu-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/37891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/users\/317"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/comments?post=37891"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/37891\/revisions"}],"predecessor-version":[{"id":37943,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/37891\/revisions\/37943"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media\/37892"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media?parent=37891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/categories?post=37891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/tags?post=37891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}