Encuéntrelo en el mercado Divi
¡ Divi Switch está disponible en Divi Marketplace! Eso significa que ha pasado nuestra revisión y se ha encontrado que cumple con nuestros estándares de calidad. Puede visitar WP Zone en el mercado para ver todos sus productos disponibles. Los productos comprados en Divi Marketplace vienen con uso ilimitado del sitio web y una garantía de devolución de dinero de 30 días (al igual que Divi).
Compra en el mercado Divi
Divi Switch es un complemento de terceros para Divi que agrega muchas funciones nuevas a Divi que puede activar o desactivar con solo tocar un interruptor. Muchos en la comunidad Divi conocen Divi Switch, ya que existe desde hace varios años, pero su actualización 3.0 trajo muchas características nuevas y mejoras que vale la pena ver. Algunas de esas nuevas funciones incluyen: un nuevo tablero, un mini complemento para importar y exportar, precargadores, nuevas configuraciones personalizadas de temas, personalizaciones de logotipos, páginas de mantenimiento y 404 personalizadas con diseños integrados, compatibilidad con 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 características actualizadas.
Instalación del interruptor Divi
Cargue y active Divi Switch como cualquier complemento. Luego se agrega una nueva pestaña al menú Opciones del tema Divi en el tablero llamado Divi Switch. Ingrese su clave de licencia y active el complemento. La pestaña luego revelará un nuevo tablero intuitivo.
Tablero de interruptores Divi
Divi Switch se ha rediseñado y todas las configuraciones se han movido de su lugar separado en el menú de administración a la página de opciones del tema Divi. Los interruptores en sí se distribuyen en las subpestañas debajo de la nueva pestaña «Divi Switch» en las opciones de Divi Theme.
Cada interruptor tiene un título, una breve descripción y un interruptor sombreado establecido de forma predeterminada en «Deshabilitado». 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 funciones, seleccione el signo de interrogación que aparece a la derecha cuando pasa el cursor sobre el efecto.
Miremos 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 que se pueda 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 página y reemplazar el menú de pantalla completa con un diseño Divi.
Personalizaciones de logotipos
El tema Divi tiene la capacidad de establecer un logotipo personalizado que se puede mostrar en cada página o publicación. Pero, ¿qué sucede si necesita usar diferentes logotipos en su sitio? Divi Switch agrega varias opciones de logotipos 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 el 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 total 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 cargue el logotipo que desea que muestre esa página o publicación.
Este ejemplo muestra diferentes páginas y cada página muestra una variación del 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í tenéis la carta de hamburguesas con su nuevo texto.
Al hacer clic en el menú de hamburguesas, se abre el menú de pantalla completa y se 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 con solo seleccionarlo 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 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 aún se está cargando en segundo plano. Tiene 15 tipos de transición y dos opciones de color.
Este es un ejemplo de cómo se ve el precargador en el sitio web mientras se carga la página.
Páginas personalizadas 404 y de mantenimiento con diseños
Estas funciones 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 página de mantenimiento con 10 diseños prediseñados que se pueden personalizar fácilmente y configurar 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 sus 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 prediseñado.
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 colapsar el menú en el móvil y mostrar un texto específico.
Publicaciones
Las publicaciones tienen una función de comentarios genial. Esto mueve los comentarios a un conmutador 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 estándar de comentarios 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 de archivo (páginas de 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 una página de autor de ejemplo con todos los interruptores 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 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 personalizado y liviano para instalar en los sitios de sus clientes. Esto facilita el uso de su código Divi Switch favorito sin tener que instalar y configurar el propio complemento Divi Switch. Ingrese un nombre para el complemento, proporcione una descripción, agregue la información del autor, asígnele una versión del complemento y seleccione Exportar complemento.
Ahora puede cargar su complemento de marca en los sitios de su cliente como cualquier complemento. Tendrá su marca.
Personalizador de temas
Se agrega una nueva pestaña al personalizador de temas llamada WP Zone Settings. Aquí encontrarás otra pestaña llamada Divi Switch. El personalizador de temas incluye configuraciones adicionales para crear un ícono 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, cambiar la posición de la imagen y cambiar 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 arriba 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 del archivo. También notará en estos ejemplos que el logotipo cambió cuando me desplacé hacia abajo. Todavía tengo activada la configuración de intercambio de logotipos (bueno, supongo que en realidad está ‘cambiada’).
Licencia
Divi Switch tiene tres licencias para elegir:
- Sitio único – $24
- 3 sitios – $50
- Sitios ilimitados – $96
Divi Switch también está disponible en el plan WP Zone Memberships .
pensamientos finales
Estoy impresionado con las nuevas funciones de 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í mismos. Me gusta la posibilidad de insertar diseños Divi y elegir un pie de página personalizado. También me gustan las funciones de personalización del tema para agregar una imagen al encabezado y personalizarla y cambiar el color, la forma y la posición del botón de volver arriba.
Divi Switch agrega muchas funciones a Divi. Encontré que cada uno de ellos es 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