Divi Plugin Highlight – Interruptor Divi


Divi Switch es un complemento de terceros para Divi que agrega muchas características nuevas a Divi que puede activar o desactivar con solo presionar un interruptor. Muchos en la comunidad Divi saben de Divi Switch, ya que ha existido durante varios años, pero su actualización 3.0 trajo muchas nuevas características y mejoras que vale la pena ver. Algunas de esas nuevas características incluyen: un nuevo tablero de instrumentos, un mini complemento para importar y exportar, precargadores, nuevas configuraciones de personalización de temas, personalizaciones de logotipos, 404 personalizados y páginas de mantenimiento con diseños incorporados, soporte para imágenes SVG y más.

En este artículo, echaremos un vistazo al nuevo Divi Switch y prestaremos mucha atención a su conjunto de funciones actualizado.

Instalación de Divi Switch

Cargue y active Divi Switch como cualquier complemento. Luego se agrega una nueva pestaña al menú Opciones de tema Divi en el panel de control llamado Divi Switch. Ingrese su clave de licencia y active el complemento. La pestaña luego revelará un nuevo tablero intuitivo.

Panel de control de Divi Switch

Divi Switch se ha rediseñado y todas las configuraciones se han movido desde su lugar separado en el menú de administración a la página de opciones de tema Divi. Los interruptores mismos se distribuyen en las subpestañas debajo de la nueva pestaña "Divi Switch" en las opciones de Divi Theme.

Cada palanca tiene un título, una breve descripción y un interruptor sombreado configurado de forma predeterminada en "Desactivado". Si desea activar el efecto, simplemente haga clic en el interruptor y cambiará a "habilitado". Se volverá azul para indicar que está activado.

Para ver la descripción de las características, seleccione el signo de interrogación que aparece a la derecha cuando pasa el cursor sobre el efecto.

Veamos varias pestañas y veamos qué puede hacer.

Encabezamiento

La pestaña Encabezado agrega 8 interruptores y personalizaciones. Puede eliminar el subrayado del encabezado, hacer clic en el número de teléfono, abrir enlaces sociales en una nueva pestaña, centrar los elementos del encabezado superior, usar un logotipo diferente en el desplazamiento, cambiar el texto del menú de hamburguesas, usar un logotipo específico de la página y reemplazar el menú de pantalla completa con un diseño Divi.

Personalizaciones de logotipos

El Divi Theme tiene la capacidad de establecer un logotipo personalizado que se puede mostrar en cada página o publicación. Pero, ¿qué pasa si necesita usar diferentes logotipos en su sitio? Divi Switch agrega varias opciones de logotipo para que tenga más logotipos para mostrar y le da control sobre cómo y dónde se muestran. La configuración le permite elegir un logotipo diferente en el desplazamiento y puede establecer un logotipo diferente para páginas específicas.

Logotipo diferente en desplazamiento

Para mostrar un nuevo logotipo en el desplazamiento, simplemente cargue el logotipo en la pantalla de configuración. El logotipo alternativo ahora se mostrará cuando el visitante se desplace.

Logotipo específico de la página

Con el logotipo específico de la página, no está limitado a un solo logotipo en su sitio web. Puede tener tantos logotipos como desee y le brinda un control completo sobre qué logotipo se muestra en qué página.

Si ha habilitado el logotipo específico de la página en la configuración, se agrega una nueva función en la parte inferior del área de contenido de las páginas y publicaciones. Ahora puede configurar un logotipo diferente para la página de inicio y otro para las otras páginas y publicaciones. Aquí, simplemente carga el logotipo que desea que muestre esa página o publicación.

Este ejemplo muestra diferentes páginas con cada página que muestra una variación en el logotipo del sitio.

Menú de pantalla completa

El encabezado también tiene varias personalizaciones de menú. Para este ejemplo, cambié el texto del menú de hamburguesas y seleccioné un diseño para el menú de pantalla completa.

Aquí está el menú de hamburguesas con su nuevo texto.

Al hacer clic en el menú de hamburguesas se abre el menú de pantalla completa y muestra el diseño Divi que seleccioné. Es translúcido para que pueda ver el sitio web en segundo plano. También incluye un botón de cierre.

Pie de página

La pestaña Pie de página le permite eliminar las viñetas, ocultar el pie de página inferior, evitar que el pie de página flote y reemplazar el pie de página con un diseño Divi.

Este diseño se agregó al pie de página de cada página simplemente seleccionándolo en la pestaña Pie de página.

Contenido principal

La pestaña Contenido principal agrega 11 interruptores y personalizaciones. Puede eliminar la línea divisoria de la barra lateral, agregar un precargador de la página de inicio y establecer el tipo y los colores, cambiar la proporción de la imagen del portafolio, evitar que las imágenes se abran en una caja de luz, ajustar las animaciones del control deslizante, eliminar el tipo de publicación de Proyectos, agregar una página de mantenimiento personalizada y agregue una página 404 personalizada.

Precargador

Habilitar el precargador mostrará un icono animado mientras se carga la página de inicio. Esto es excelente para indicarle al visitante que algo está sucediendo mientras el contenido real de la página todavía se está cargando en segundo plano. Tiene 15 tipos de transición y dos opciones de color.

Aquí hay un ejemplo de cómo se ve el precargador en el sitio web mientras se carga la página.

404 personalizado y páginas de mantenimiento con diseños

Estas características le permiten elegir cualquier página de mantenimiento y una página 404 de su lista de páginas. Esto significa que puede crear las páginas utilizando diseños que haya creado o importado a la biblioteca Divi.

Para ayudarlo con esto, Divi Switch incluye paquetes premium de diseño de página 404 y de mantenimiento con 10 diseños prediseñados que se pueden personalizar y configurar fácilmente de manera predeterminada. Están en formato JSON. La imagen de arriba es una de las 404 páginas.

Los diseños están diseñados profesionalmente, por lo que su página 404 y las páginas de mantenimiento no serán solo informativas sino también atractivas. Este ejemplo es una de las páginas de mantenimiento. Incluye un temporizador de cuenta regresiva.

Móvil

La pestaña Móvil le permite establecer puntos de interrupción para cada tamaño de imagen. Ingrese un número del valor que desea que cambie el punto de interrupción. También puede contraer el menú en dispositivos móviles y mostrar un texto específico.

Publicaciones

Las publicaciones tienen una característica genial de comentarios. Esto mueve los comentarios a una palanca para que estén ocultos de forma predeterminada.

Esta es la palanca cerrada. Se coloca en la parte inferior de la publicación donde normalmente aparecen los comentarios.

Haga clic para abrir y ver los comentarios. Este es el formulario de comentarios estándar de WordPress.

Si agrega el módulo de comentarios Divi a su diseño, puede diseñarlo con la configuración del módulo. Todavía se coloca dentro de la palanca y está cerrado de forma predeterminada.

Archivo

La pestaña Archivos le da control sobre las páginas del archivo (páginas para etiquetas, categorías, autor, búsqueda, etc.). Agregue el título de la categoría, elimine la barra lateral, agregue un enlace para leer más y agregue una línea de separación debajo de las publicaciones.

Aquí hay un ejemplo de página de autor con todos los modificadores de archivo habilitados.

Integración

La pestaña Integración le permite insertar diseños Divi en ubicaciones específicas, incluso antes del contenido principal, después del contenido principal y antes del contenido de la publicación. Seleccione el diseño de las listas desplegables.

Hice un banner de ancho completo usando solo un módulo de texto y lo inserté antes del contenido. Por supuesto, puede crear cualquier tipo de diseño que desee. Esta es una excelente manera de crear CTA y menús especiales.

Avanzado

La pestaña Avanzado le permite cargar gráficos vectoriales escalables (SVG) para obtener logotipos, iconos y otras imágenes más nítidos. Dado que WordPress bloquea los SVG de forma predeterminada, esta es una excelente manera de usar este formato de imagen con Divi.

Importación y exportación

La pestaña Importar / Exportar le permite exportar el código generado por Divi Switch a un complemento de marca ligero y personalizado para instalar en los sitios de sus clientes. Esto facilita el uso de su código favorito de Divi Switch sin tener que instalar y configurar el complemento Divi Switch. Ingrese un nombre para el complemento, proporcione una descripción, agregue la información del autor, dele una versión del complemento y seleccione Exportar complemento.

Ahora puede cargar su complemento de marca en los sitios de su cliente como cualquier otro complemento. Tendrá su marca.

Personalizador de temas

Se agrega una nueva pestaña al personalizador de temas llamada Configuración de Divi Space. Aquí encontrarás otra pestaña llamada Divi Switch. El personalizador de temas incluye configuraciones adicionales para crear un icono personalizado para el menú móvil, cambiar la imagen de fondo del encabezado, personalizar el botón Volver al principio y personalizar las páginas de archivo, todo con vista previa en vivo.

En este ejemplo, he agregado una imagen de fondo al encabezado. Puede configurarlo para que se repita, cambie la posición de la imagen y cambie el tamaño de la imagen. Encima de esta configuración hay un área de selección donde puede elegir un icono para el menú móvil.

En este ejemplo, estoy ajustando el botón Volver al inicio para que coincida con el diseño. Puede ajustar el tamaño del icono, el radio, la posición, el color de fondo, el color del icono y los colores de desplazamiento.

En este ejemplo, estoy ajustando el color, la altura y el ancho del separador para las páginas de archivo. También notará en estos ejemplos que el logotipo cambió cuando me desplacé hacia abajo. Todavía tengo la configuración de intercambio de logotipo activada (bueno, supongo que en realidad está "cambiada").

Licencia

Divi Switch tiene tres licencias Para escoger de:

  • Sitio único – $ 24
  • 3 sitios – $ 50
  • Sitios ilimitados – $ 96

Divi Switch también está disponible en Plan de Membresías Divi Space.

Pensamientos finales

Estoy impresionado con las nuevas funciones en Divi Switch. No tener que pegar clases CSS y el nuevo tablero son características bienvenidas. Las opciones de logotipo, el precargador, el mini complemento y la página 404 personalizada y la página de mantenimiento agregan mucho a Divi por sí mismas. Me gusta la capacidad de insertar diseños Divi y elegir un pie de página personalizado. También me gustan las características de personalización del tema para agregar una imagen al encabezado y personalizarlo y cambiar el color, la forma y la posición del botón Volver al principio.

Divi Switch agrega muchas características a Divi. Encontré cada uno de ellos fácil de usar. Si está buscando muchas personalizaciones que pueda agregar de la manera más fácil posible, Divi Switch puede ser lo que está buscando.

Queremos escuchar de ti. ¿Has probado Divi Switch? ¡Cuéntanos tu experiencia en los comentarios a continuación!

Imagen destacada a través de Oleh Donets / shutterstock.com