Revistas de menús de WordPress: Guía para principiantes [consejos y trucos]

¿Le gustaría crear un menú de WordPress y no saber por dónde empezar? Este artículo mostrará una luz sobre los tipos de menús disponibles y también sobre los métodos que tiene disponibles para construir dichos menús. Pero primero, primero: ¿qué puedes incluir en los menús de WordPress?
Páginas. Puede agregar páginas de servicio aquí, la página “Contáctenos”, la lista de blogs y muchas más.
Publicaciones. Esto se refiere a sus artículos en el blog.
Enlaces personalizados. Puede hacer un enlace a páginas externas, en perfiles sociales, pero también puede crear menús basados ​​en ancla para sitios web de una página. Esto significa que cuando seleccione un elemento de menú, se le dirigirá a esa sección de página específica.
Así es como organizamos nuestro propio sitio de WordPress.

Categorías de blogs

Los tipos de WordPress ciertamente, el menú horizontal es el más popular y móvil, todos reconocemos los menús de hamburguesas, pero ¿qué otras opciones hay? Vea abajo.
Menús horizontales de WordPress
El estilo más común del menú de navegación es el texto horizontal basado. En este menú de navegación, tiene una lista de sus sitios de página principales.

Menús verticales de WordPress
Raramente, los menús verticales de WordPress se pueden colocar en el lado izquierdo o derecho. Su mayor desventaja es que consumen edificios importantes en la pantalla.
Menús de hamburguesas
El menú de hamburguesas o el menú de tres líneas es una solución común que se encuentra comúnmente en dispositivos móviles, para sitios web receptivos. Cuando se toca, el menú tradicional tiene lugar. Este es un diseño de menú elegante y sutil, que a veces se usa en el escritorio de sitios web minimalistas. Parece que Amazon también comenzó a usarlo. Landy WordPress

La navegación fija o fija significa que el menú no desaparece cuando se ejecuta. Un menú pegajoso está muy de moda ahora. Siento que mejoran la experiencia del usuario, eliminando el despliegue innecesario.
Menús de caída

Cuando hay varias páginas que desea presentar y pueden considerarse subconjocios de un tema más grande, puede estructurar el menú en el formato desplegable. Supongamos que estamos tratando con el sitio web para una subcontratación de TI. El menú podría verse así: servicios, testimonios, cartera, sobre nosotros, contacto. En nuestro caso, utilizamos un pequeño menú desplegable para asistencia y documentación de contacto.
Traté el tema de WordPress Droppress en este artículo de blog completo.

Mega-menú

Los mega menús ofrecen más que un menú desplegable y a menudo se ven en sitios comerciales electrónicos que tienen muchas opciones (parecen ser menús desplegables en otros menús desplegables :))). Su desventaja es que pueden ser abrumadoras. Siempre pregúntese si realmente necesita un menú de este tipo o algunas opciones de filtro podrían ser la solución correcta. También pueden ser realmente complicados en los dispositivos móviles. Ahora que se dio cuenta de las opciones en el menú, para construir una. Hice una lista de 4 métodos, ¡elige tu ganador! Si está interesado en un método en particular, puede ir directamente a él haciendo clic en el título a continuación. Cómo crear menús de WordPress en el editor clásico de 4 pasos
Cómo crear menús de WordPress en Customizer
Cómo crear menús laterales y sótano de WordPress usando widgets
Cómo crear menús de WordPress a través de complementos
Cómo crear menús de WordPress en el editor clásico en 3 pasos Paso 1: Creación de un menú simple de WordPress en el editor clásico Vaya al Aspecto de WordPress, luego seleccione “Menús”.
Luego seleccione “Crear un nuevo menú”.
Ahora dale un nombre y seleccione “Crear menú” Paso 2: Agregue elementos en el menú de WordPress usando el editor clásico si no ha creado previamente sus páginas de WordPress, asegúrese de crearlos en WordPress-> pagini-> Agregar nueve.

Luego, todo lo que tiene que hacer es agregar las páginas, publicaciones, categorías de blogs deseados en el menú recién creado.

Si desea agregar nuevas páginas a un menú existente, puede seleccionar su menú Menú.

Paso 3: Seleccione la ubicación del menú en el editor clásico, mi tema actual Colibri acepta 5 ubicaciones de menú:

La mayoría de los temas tienen opciones similares. Simplemente asigne el menú a donde desea aparecer. ¿Es el menú de encabezado principal? ¿Trabajar en un menú de sótano? Después de haber seleccionado su ubicación, presione “Guarde los cambios” y vuelva a la sección “Editar menús” y presione “Guardar el menú”. Pedazo de pastel, ¿no te parece? Cómo crear menús de WordPress en Customizer en 3 pasos Otro menú para crear un menú de WordPress es hacerlo en WordPress Customizer o cualquier otro constructor de WordPress. Recuerde, sus opciones están limitadas por el tema que usa. Ahora siga los pasos a continuación para crear su menú de WordPress. En este ejemplo particular, uso el tema Colibri y el combo de constructor Colibri. Si le gustan más ejemplos visuales, consulte nuestro tutorial a continuación.

Paso 1: Crear un menú simple de WordPress en WordPress Customizer desde el cabezal del tablero de WordPress a la apariencia -> Personalización. En el menú de la izquierda, seleccione “Menús”.

Luego seleccione “Crear un nuevo menú”.
En la nueva sección debe:
Nombra el menú

Seleccione dónde colocar el menú. ¿Es un menú de página, un sótano o un encabezado?

Después de eso, presione el “Siguiente”. Paso 2: Agregue enlaces a su menú de WordPress usando WordPress Customizer Aquí viene la parte más interesante: Agregar páginas al menú de WordPress. Para hacer esto, debe seleccionar “Agregar artículos”.
Aparecerá un nuevo menú con sus opciones.
Una vez que haya seleccionado los artículos, ¡es hora de ir en vivo! “Publicar” es su botón de acceso ahora. Paso 3: publicar el menú

Ahora, “Publicar” es su botón de acceso ahora. También tiene la opción de guardar el menú para escribirlo o programarlo para más adelante. Fácil de agitar también. Otra cosa interesante de algunos constructores de WordPress. Tiene la opción de agregar componentes listos hechos. Inmediatamente después de introducir en el personalizador, verá un “+”. En la barra de búsqueda que aparece, en el menú de componentes, escriba “menú”.

¡Simplemente deslice y fije el menú deseado y comience a peinar! Cómo crear menús laterales y sótano de WordPress utilizando widgets Los menús laterales y el sótano tienen diferentes objetivos.

En los sitios de comercio electrónico, la barra lateral izquierda generalmente se usa para filtrar. Los blogs a menudo usan menús de la barra lateral derecha, donde pueden incluir las últimas publicaciones, iconos en redes sociales, videos y más. En esta sección de blog, explicaré cómo puede personalizar estas áreas. Paso 1: Vaya al área de Widgets WordPress en el tablero de WordPress, Acceso -> Widgets. Las opciones de Widget pueden diferir de un tema a otro. A la izquierda, verá todos los widgets disponibles.

Si no son suficientes, siempre puede instalar un complemento que instale nuevos widgets para usted.

Ahora, en el lado derecho, verá las áreas que puede personalizar, en este caso especial tenemos varias áreas de sótano, una barra lateral y un área de widget de la barra lateral.

Paso 2: Deslice y cierre los widgets en el área del widgets para suponer que desea que un banner sobre el derecho se use para suscribirse al boletín. ¿Cuál es el widget que necesitas? Uno relacionado con la suscripción. Si su tema no tiene nadie, deberá encontrar un complemento. Debido a que usamos MailChimp como una herramienta para enviar nuestro boletín, hemos instalado el complemento que nos permite integrar WordPress con MailChimp. MC4WP es el nombre del complemento. Dentro del complemento, diseñamos nuestra forma. No optamos por los estilos construidos, pero utilizamos nuestro propio HTML y código de estilo. Todo lo que tenía que hacer era tirar de él al área de la barra lateral y seleccionar mi formulario de boletín.
Cuando mires, vea la barra lateral correcta del blog del blog. Contiene los siguientes widgets:

Barra de búsqueda
Sección de publicación reciente

Íconos de socialización: implementados y a través de un complemento

Formulario de registro de MailChimp


Html personalizado: utilicé este widget incorporado para codificar un banner
¿Cómo se ve esto en el blog en sí (mira un poco a tu derecho)?
Si desea tener el menú principal a la derecha, deberá crearlo como en los pasos discutidos en la sección “Cómo crear menús de WordPress en el editor clásico de 3 pasos”. Luego acceda a la sección Widgets y tire y sujete el widget “Menú de navegación” a la barra lateral. Ahora es el momento de seleccionar su menú.
Importante: sus cambios se transmiten en tiempo real. La navegación del menú de widgets también se puede agregar desde las áreas de widget de personalizador.
Cómo crear menús de WordPress a través de complementos y hemos llegado a la última forma de agregar menús de WordPress a su sitio web. Una cosa que debe recordar: cuantos más complementos agregue, más lento será el sitio. Siempre pregúntese si ese complemento es necesario. El valor agregado de estos complementos consiste en muchas más opciones y efectos de los medios que pueden ayudarlo a crear menús más atractivos. Uno de los complementos más populares es Ubermenu. Los hombres muy personalizables y receptivos se pueden construir con Ubermenu. Desde el menú de caída, horizontalmente, verticalmente hasta mega menús, puedes construirlos todos. Se pueden agregar muchos desencadenantes disponibles y CSS personalizados. Ahora, siempre puede comparar diferentes complementos de menú en wordpress.org. Vaya a complementos y escriba “menú” en la barra de búsqueda. Verá muchas opciones, también puede verificar el número de instalaciones y revisiones.
Hay todo tipo de complementos de menú de WordPress disponibles. Desea crear menús de hamburguesas, hay un complemento para eso. ¿Quieres tener un menú pegajoso? Hay otro complemento para eso. Cómo crear menús pegajosos de WordPress Si tienes suerte, tu tema podría soportar menús pegajosos. Si no, como se mencionó anteriormente, siempre existe la opción de usar un complemento para el menú Sticky WordPress. Pero si está en CSS, puede escribir fácilmente un código pequeño en apariencia -> Personalización -> CSS Custom. Usando “inspeccionar el elemento”, deberá identificar su ID de menú, entonces su código podría verse así:
Las líneas más importantes que se agregarán son aquellas con índice Z: 9999 y posición: fijo. Estos son los que afectan la lipricidad. El resto del código solo afecta el estilo en términos de color, alineación, bordes, dimensiones, etc. Las conclusiones fueron largas … ¿no te parece? Pero fue por el bien más grande: entender los pequeños menús de WordPress. La historia puede continuar con un estilo personalizado, pero la guardaré para más adelante. Terminemos todo ahora. Hoy aprendió: lo que puede incluir en un menú de WordPress: desde páginas y publicaciones hasta enlaces y categorías personalizadas.

¿Cuáles son los tipos de menús disponibles para que pueda tomar una decisión más informada?

Cómo construir su menú de WordPress utilizando el editor clásico, personalizador, widgets de WordPress, complementos.

Cómo crear menús pegajosos / flotantes

Ahora, si le gustó este artículo y desea saber más sobre cómo crear un sitio web de WordPress, ¡asegúrese de suscribirse a nuestro canal de YouTube y síganos en Twitter y Facebook! Te sirvieron