Plugin destacado Divin: Mobile Div

¡Encuéntralo en Div Div Mobile Square está disponible en Div Marketplace! Esto significa que nuestra revisión ha pasado y se ha encontrado que cumple con nuestros estándares de calidad. Puede visitar el motor Div en el mercado para ver todos los productos disponibles. Los productos comprados en Div Marketplace tienen un uso ilimitado del sitio web y una garantía de 30 días para devolver dinero (como Div). Compra en el Div
Div Mobile es un complemento de terceros para la división que facilita la creación de menús móviles personalizados para sitios web de la Divica. Todas las configuraciones se encuentran en la personalización, por lo que puede ver una vista previa en vivo del menú móvil. Es un complemento fácil de usar y puede crear casi cualquier tipo de menú que pueda necesitar. En este punto culminante del complemento Div, revisaremos las características de la división móvil para ayudarlo a decidir si lo necesita en su DIV.
El móvil de la división del menú predeterminado

A modo de comparación, aquí está el menú de división predeterminado. El menú cambia automáticamente para mostrar un menú de hamburguesas. Si hace clic en el menú, aparece un menú de caída con todos los enlaces. Esto no es ajustable por separado del menú estándar. Personalizador temático

Se agrega un nuevo menú al personalizador del tema llamado Div Mobile. Es azul oscuro con texto verde, por lo que se destaca. Todos los ajustes se realizan en este menú. Utilizo el paquete de apariencia del consejero financiero.

En una visualización móvil, como la visualización de la tableta en el ejemplo anterior, el menú se establece automáticamente en la configuración predeterminada. Incluye un menú de hamburguesas blancas en un círculo azul oscuro. Flotan sobre el menú móvil Div, que ahora ha cambiado los colores. Si hace clic en el menú de hamburguesas, abre el menú, que se desliza desde el lado y cubre toda la parte de la pantalla. Abrí el menú en el personalizador del tema para mostrar las pestañas. Aparecerán otros elementos según las selecciones que elija. Veamos los ajustes principales. Estilo y configuración de menú

El estilo y la configuración del menú tienen varias opciones para seleccionar menús. Las opciones de apariencia incluyen el menú que aparece desde el exterior de la pantalla (visualización predeterminada), que se extiende desde una forma y navegación más bajas. El estilo del menú de la pantalla exterior agrega animaciones abiertas y estilos de menú completamente abiertos. Cada uno de los tres modelos incluye diferentes opciones.

El ejemplo anterior muestra el mismo menú que el ejemplo anterior, pero seleccionamos una pantalla completa para el estilo de menú. Un modo de vista previa establece la forma que se muestra de forma predeterminada. Me gusta esto porque hace que el fondo sea más brillante.
La extensión desde un formulario cubre toda la pantalla desde la esquina superior derecha. También se puede extender desde la parte superior como un estiramiento hacia abajo. Agrega iconos sobre el fondo y coloca los enlaces fuera del fondo como lo tengo en el ejemplo anterior. Puede ajustar los colores e iconos en otras configuraciones en otro menú llamado Configuración de estiramiento del círculo.

Navegar desde la parte inferior Muestra iconos en la parte inferior de la pantalla. Se ajusta en otro menú llamado a continuación la configuración de navegación.

Al ajustar el punto de interrupción, puede tenerlo para mostrar el menú móvil en el escritorio. El encabezado personalizado personalizado le brinda un control completo sobre el encabezado. La primera sección es un aspecto de encabezado. Agregue un nuevo logotipo, ajuste su tamaño, ajuste el color de fondo, la longitud de la sombra, el desenfoque, el color de la sombra, etc. Agregué un nuevo logotipo y cambié el color de fondo en este ejemplo.

La siguiente sección es el encabezado de inicio. Establezca el menú en la solución, ajuste la altura, el tamaño del logotipo, la posición del icono de la hamburguesa y el color de fondo. Hice cambios en cada una de estas configuraciones.

Los elementos del encabezado le permiten agregar elementos al encabezado y ajustar su posición, tamaño y color. Moví el logotipo hacia la derecha y lo configuré un poco más bajo de lo normal (puede configurarlo tan bajo como desee superponer el encabezado o el contenido). También agregué el carrito de compras de WooCommerce, activé el ícono de búsqueda, los colocé a la izquierda, los cambié en rojo y aumentó su tamaño. Elija el menú de hamburguesas

Elige el menú de hamburguesas le brinda muchas opciones sobre el icono del menú de hamburguesas. Establezca a la derecha o a la izquierda, seleccione entre tres iconos (tres líneas, dos líneas o tres puntos) y elija estilos de animación y elija la dirección de la animación. Lo coloqué a la izquierda y seleccioné dos filas.

El menú General Burger le permite ajustar la altura del menú, establecer la distancia del icono de la hamburguesa desde el borde y desde arriba y ajustar su opacidad. Cambié cada uno de estos ajustes en este ejemplo.

Los ajustes del icono del menú de hamburguesas le permiten ajustar el tamaño y el color de las líneas o puntos en el icono de la hamburguesa para posiciones oscuras y abiertas. También tiene control sobre la altura de la línea, el rayo del borde y el espacio entre las líneas. Esta es la posición cerrada. Establecí el color de las líneas en el rojo. Encuenté el color del icono al oro.

Para esto, coloqué el icono del menú a la derecha y seleccioné tres líneas. Ajusté los colores, la altura de la línea, el rayo del borde y la posición de las tres líneas.

También puede agregar texto. Le brinda control total sobre el texto, incluida la posición horizontal y vertical, tamaño de fuente, color y estilo. Este ejemplo incluye la opción de tres puntos.


El fondo del menú de hamburguesas y el menú de hamburguesas de fondo ofrecen configuraciones similares a los botones de la división. Estos incluyen el color, el ancho, la altura, el rayo de borde, la longitud horizontal y vertical de la sombra, el rayo de desenfoque y el color. Ajusté la mayoría de las configuraciones en este ejemplo, haciendo el icono en lugar de un círculo.

Inyectar los aspectos

Los aspectos de inyección le permiten seleccionar los aspectos de la biblioteca de la Divica para inyectarlos en diferentes ubicaciones en su encabezado. Coloque los aspectos sobre el menú, debajo del menú o sobre el encabezado personalizado móvil.

Para este ejemplo, hemos agregado secciones del paquete de apariencia que utilizo para colocar un formulario de contacto sobre el menú y la información de contacto en el menú. Hice el menú en una pantalla completa para que sea más fácil de ver. La apariencia del menú
La apariencia del menú le permite cambiar el color de fondo, colocar el enlace, el tamaño de la fuente, la familia, el color del cursor, el lado de la pantalla que aparece y el ancho del área del menú. Moví el menú hacia la izquierda, cambié el fondo, aumenté el tamaño de la fuente, cambié la posición desde la parte superior de donde aparecen los enlaces y centré los enlaces. Para esto, reduje el área del menú, levanté Los enlaces, justifiqué los enlaces y he ajustado el color del cursor de fuentes.

En esto, moví el menú hacia la derecha, lo amplié, justifiqué el texto a la izquierda, cambié el color e inyecté un formulario de contacto en el menú. La aparición del submenú

Hay varios estilos para mostrar el submenús. Este es el estilo de colapso. Dejé la configuración por defecto. También puede ajustar el aspecto, quitar el borde y cambiar el icono.

Esto es una diapositiva de superposición. Puede ajustar el tamaño de la fuente, el color, la altura, el color del cursor, el área de contenido, etc. Ajusté la mayoría de estas configuraciones para este ejemplo.

Este es el estilo del submenú lado a lado. Coloca un ícono de flecha, indicando los elementos del submenú. Puede ajustar la altura, la posición, el color, etc. tanto para el icono de apertura como para el icono de cierre. Ajusté la configuración para el icono abierto. Deja de apilar

Uno de los problemas con los aspectos de la inyección es que los módulos se apilarán. Div Mobile incluye un modo de división que puede agregar al aspecto que evitará que se apilara. El ejemplo anterior es un aspecto con elementos apilados.

Simplemente agregue el módulo en una fila. No se necesita nada más.

Las columnas ya no están apiladas. Dependiendo de su apariencia, es posible que deba ajustar el ancho del menú para que todo se ajuste como desee. También funciona con los otros aspectos y modelos de menú. Esta es una forma maravillosa de crear un mega menú. Dónde comprar Divic Mobile está disponible en el sitio web del desarrollador. Hay varias licencias de las cuales puede elegir: Sitio anual1 12 GBP

2 – 5 sitios 36 GBP

64 GBP ilimitado

Toda la vida

1 sitio 40 GBP
196 GBP ilimitado
Incluye 1 año de apoyo. Recibirá actualizaciones siempre que la licencia se active en su sitio web. Pensamientos finales Esta es nuestra apariencia en el complemento de la divicidad móvil. Es un excelente complemento para diseñar menús móviles. Solo rayé la superficie de lo que se puede hacer con él. Es fácil de usar y tiene muchos ajustes desde los que puede elegir. Me gusta usar el personalizador del tema para ver los cambios en vivo. Varias veces tuve que guardar y recargar la página para ver los cambios, pero este podría haber sido mi servidor. Me gustaría ver un botón de reinicio predeterminado para que pueda volver fácilmente a la configuración predeterminada, como pueda, con el DIV estándar. Sin embargo, puede que no sea necesario. Me impresionó lo que podía hacer con Mobile Div. Si está interesado en un complemento de división para crear menús móviles personalizados, Div Mobile merece una mirada. Queremos escuchar de ti. ¿Has probado Mobile Div? Cuéntanos lo que piensas sobre esto en los comentarios. Imagen presentada por Venimo / Shutterstock.com