Cómo crear un menú fuera del lienzo en Brizy

El menú es un elemento vital de un sitio web. Sin un menú, sus visitantes encontrarán un problema para averiguar lo que desea ofrecerles a través de su sitio web. Para impresionar a sus visitantes, puede mostrar el menú del sitio de una manera única y elegante. Una de ellas es que puede mostrar el menú de su sitio en un estilo fuera de canvas. En el contexto del sitio web, un menú fuera de canvas se refiere a un comportamiento en el que el menú aparece a la izquierda o a la derecha después de que un visitante hace clic en el botón Menú. Aquí hay un ejemplo de un menú fuera de canvas.

En WordPress, hay muchos complementos que puede usar para crear un comportamiento de menú como se indicó anteriormente. Como jetmenu (solo elementor), mega menú de mega, menú Mega Max, etc. Si usa Brizy para crear su sitio web de WordPress, no necesita instalar un nuevo complemento para crear un menú fuera de canvas en su sitio, realmente no tiene una característica específica dedicada a crear un menú fuera del lienzo, pero con poca creatividad, usted, usted, usted puede usar la característica de generar la ventana emergente para lograr esto. Además, también puede usar el generador emergente Brizy para crear un menú de pantalla completa.
Cómo crear un menú fuera del lienzo en Brizy El proceso de crear un menú fuera de canvas en Brizy implica dos pasos. Primero, debe crear la ventana emergente donde la usará como un menú fuera de canvas. Una vez que se crea la ventana emergente, puede llamarlo usando un botón, icono o texto, dependiendo de sus preferencias, Paso 1: Crear generador emergente de Brizy acepta varios tipos de disparadores. Uno de ellos está en el clic. Puede usar este tipo de disparador para crear el menú fuera de canvas. La idea es que cree la ventana emergente y establezca el tipo de disparador en el clic. Luego puede llamar a la ventana emergente a través de un botón, icono, texto o cualquier elemento Brizy que tenga la opción de agregar un enlace. La función de generación emergente solo está disponible en la versión Pro de Brizy, por lo que debe actualizar Brizy a la versión Pro si no lo ha hecho. Para comenzar a crear una ventana emergente en Brizy, vaya a Brizy-> PopUps en el tablero de WordPress. Haga clic en el botón Agregar nuevo para crear una nueva ventana emergente.
Dé un nombre emergente y haga clic en el botón de publicación, seguido del botón Editar con Brizy para editar la ventana emergente usando el editor Brizy.

Haga clic en el botón Plus en el área de lona. En la ventana de la biblioteca que aparece, haga clic en la opción Cree la suya, porque Brizy no tiene una plantilla emergente predefinida dedicada al menú Canvas.

Antes de agregar cualquier contenido a la ventana emergente, primero puede cambiar el fondo. Para hacer esto, cruce el mouse sobre la ventana emergente y haga clic en el icono de flecha gris. En la barra de configuración que aparece, haga clic en la pestaña Color y seleccione el color que desee. Si desea cambiar el radio de los bordes (esquina), puede hacer clic en el icono de la rueda en la barra de configuración y hacer clic en más configuraciones. La opción de configurar el radio del borde está en la parte inferior del panel de configuración de aparición.

Luego puede establecer la alineación de la ventana emergente. Debido a que desea crear un menú fuera del lienzo, puede configurar la alineación izquierda o derecha. Para hacer esto, haga clic en el icono del mezclador en la esquina superior derecha y haga clic en la pestaña de alineación en la barra de configuración de aparición.

Luego puede establecer la posición, así como el tamaño y el color del botón de cierre. Para hacer esto, haga clic en el icono X en el área de lienzo. Puede establecer el tamaño del botón de cierre en la pestaña del icono en la barra de configuración que aparece. Para establecer el color, puede hacer clic en la pestaña Color. Para establecer el tamaño, puede hacer clic en las dos pestañas restantes.

Luego puede configurar el tamaño de la ventana emergente. Para hacer esto, haga clic en el icono del mezclador. En la barra que aparece, haga clic en el icono de la rueda. Establezca el ancho en la opción de ancho y la altura en la opción de altura. Debido a que desea usar esta ventana emergente como un menú fuera del lienzo, le sugerimos que establezca la altura en plena altura. Luego puede establecer la alineación de contenido en la opción de contenido.

Entonces es posible que desee cambiar el color de la superposición. Para hacer esto, haga clic en el icono del mezclador nuevamente para abrir la barra de configuración. Puede configurar el color de superposición en la pestaña Color. Si desea deshabilitar la superposición, simplemente puede establecer la opacidad de color en 0%. Ahora puede agregar el contenido a la ventana emergente. Puede agregar elementos como menú, formulario de contacto, publicaciones e incluso campos personalizados, si lo desea. Si es nuevo en Brizy, puede leer nuestro artículo anterior para averiguar cómo usar Brizy. Después de haber terminado de agregar y editar el contenido emergente, haga clic en el icono del mezclador, seguido de la pestaña emergente en la barra que aparece. Haga clic en las condiciones de visualización para establecer las condiciones de visualización y activar.


En la pestaña de activación, configure el disparador en el clic. Si desea establecer las condiciones de visualización, puede acceder a la pestaña Condición. Por defecto, la condición de visualización se establece en todos. Si desea que se cargue su menú en todo el sitio, no necesita cambiar la condición de visualización. Haga clic en el botón Guardar para aplicar el cambio.

Haga clic en el icono del mezclador nuevamente para abrir la barra de configuración y haga clic en el icono del corazón para guardar la ventana emergente en la biblioteca Brizy.

Finalmente, haga clic en el botón Actualizar en la esquina inferior derecha para actualizar su ventana emergente.

Paso 2: llame a la ventana emergente como mencioné anteriormente, puede llamar a la ventana emergente usando cualquier elemento de Brizy que tenga una opción para agregar un enlace. En este ejemplo, usaremos el elemento icono (usaremos el icono de la hamburguesa). De hecho, puede llamar a la ventana emergente desde cualquier lugar, pero debido a que el icono del menú generalmente está en el encabezado, agregaremos el icono en el encabezado. Puede leer nuestro artículo anterior para descubrir cómo crear un encabezado personalizado en Brizy. En este ejemplo, iremos directamente a la adición del elemento icono al encabezado. Simplemente extraiga el elemento de icono en el bloque de encabezado. Para cambiar el icono, puede hacer clic en el icono para abrir la barra de configuración. En la barra de configuración que aparece, haga clic en el icono de estrella. Puede seleccionar el icono haciendo clic en el selector de iconos en la opción de icono. También puede establecer el tamaño del icono en la opción debajo.

Para establecer el color, puede hacer clic en la pestaña Color en la barra de configuración. Para llamar a la ventana emergente que acaba de crear anteriormente, puede hacer clic en la pestaña del enlace en la barra de configuración. Haga clic en la pestaña emergente seguida del selector emergente para abrir la biblioteca Brizy. En la biblioteca Brizy, haga clic en la pestaña guardada y seleccione la ventana emergente que acaba de crear.

Finalmente, haga clic en el botón Actualizar en la esquina inferior derecha para actualizar su encabezado. Eso es todo. Acaba de crear con éxito un menú fuera de canvas en WordPress usando Brizy.