Divi Switch: un plugin multifuncional que es bueno para ti

Cada vez que creo un nuevo sitio con Divi, suelo cambiar las mismas cosas: eliminar la línea gris bajo el menúPero, ¿por qué no descubrí antes Divi Switch?

Este plugin multifuncional le permite correcto y personalizar Divi sin tener que preocuparse por el código y la creación de un tema hijo. Le permite centrarse en lo más importante: el contenido y el diseño.

He probado Divi Switch y te sugiero que descubras todas sus características...

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

La lista de posibilidades que ofrece Divi Switch es larga. Esto es lo que puede hacer con este plugin multifuncional...

1. Modificación de la cabecera de Divi (cabecera y menú)
2. Modificación del pie de página de Divi
3. Actuar sobre el contenido principal
4. Personalizar el responsive
5. Actuar en la sección de comentarios
6. Personalizar las páginas de los archivos
7. Integrar diseños en lugares específicos
8. Descargar archivos SVG
9. Exportar un plugin
10. Añadir opciones en el personalizador

Antes de continuar, ten en cuenta que Divi Switch es un plugin premium que puedes adquirir como licencia anual o de por vida en Estudios Aspen Grove o Espacio Divi.

1 - Modificar la cabecera de Divi

Ya hemos visto, en un artículo anterior, que se pueden hacer cosas chulas con el Divi Header (cabecera del sitio).

Pero algunas opciones siguen sin estar disponibles en Divi.

Y no los culpo, es una buena opción queElegantThemes el hecho de que no ofrece cientos de opciones y que no se convierte en una fábrica de gas como WP Océano por ejemplo.

Pero eso significa que tendrás que hacer algunas adaptaciones para conseguir el diseño que quieres...

Así es como Divi Switch te ayudará:

1. Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Encabezado
2. Con un solo clic puedes eliminar la línea gris bajo el menú principal.
3. También podrás hacer que el número de teléfono sea clicable: el que hagas aparecer en el Menú Superior (el menú que está encima del menú principal).
4. Si muestra los iconos de las redes sociales en el menú superior, puede abrirlos en una nueva ventana (véase también cómo abrir los iconos del pie de página en una nueva ventana)
5. Si quieres centrar los elementos de tu menú superior, puedes hacerlo con un solo clic.
6. Si desea que su logotipo tenga un aspecto diferente cuando el usuario se desplaza por su sitio (cuando avanza por una página), puede cargar un logotipo diferente aquí.
7. Podrá añadir un texto junto al icono del menú móvil (hamburguesa).
8. Incluso puede decidir mostrar un logotipo diferente en cada página de su sitio.
9. Y lo que es más, si su menú no le satisface, puede sustituirlo por un diseño guardado en su biblioteca. Hay que crear un diseño y guardarlo en la biblioteca.
10. No olvides guardar los cambios.

2 - Modificar el pie de página de Divi

Un pie de página personalizado suele ser un elemento esencial en el diseño de un sitio. Ya hemos visto cómo crear un pie de página que se revela al desplazarse o incluso adición manual de nuevos iconos.

Esto es lo que puedes hacer:

1. Vaya a la pestaña Divi > Opciones del tema > Interruptor Divi > Pie de página
2. Con un solo clic, puede eliminar los "puntos de viñeta", es decir, la lista con viñetas que a veces puede aparecer en los widgets de pie de página.
3. Puedes eliminar por completo la parte inferior del pie de página, aquella en la que aparecen los créditos o los iconos de las redes sociales.
4. Una opción interesante es permitir que el pie de página se sitúe completamente en la parte inferior de la pantalla cuando el contenido de la página es demasiado corto.
5. Por último, puede sustituir el área de widgets del pie de página por un diseño previamente guardado en su biblioteca.

3 - Actuar sobre el contenido principal

Esta pestaña proporciona opciones para varios módulos o contenidos de Divi.

1. Vaya a la pestaña Divi > Opciones del tema > Interruptor Divi > Contenido principal.
2. Eliminar la línea gris que separa el contenido principal de la barra lateral
3. Añadir un precargador (icono de precarga) que permita al usuario esperar.
4. Añade una animación al precargador.
5. Elija el color del precargador.
6. Elija el relación de la imagen de la cartera (cuadrados, rectángulos, etc.).
7. No permita que imágenes de la galería Divi para que se abra en una caja de luz.
8. Cambiar la animación de la descripción del deslizador.
9. Cambiar la animación del módulo de diapositivas y el Módulo deslizante de vídeo.
10. Eliminar el tipo de entrada personalizada "Proyecto" (Proyectos Tipo de puesto).
11. Añade una página de mantenimiento personalizada: podrás elegir entre tus creaciones guardadas en tu biblioteca Divi.
12. Añade una página de error 404 personalizada: elige un diseño de tu biblioteca.

4 - Personalizar el responsive

Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Móvil.

Aquí puedes cambiar simplemente el nivel de respuesta. Es decir, si ves que la versión para tablet (o móvil) no se dispara lo suficientemente rápido o lo contrario, puedes cambiar fácilmente el ancho del contenido en píxeles. Este es el "punto de ruptura " .

Podrá especificar un valor para cada tipo de pantalla.

5 - Actuar en la sección de comentarios

Aquí no hay nada muy interesante... ¡Qué pena!

1. Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Móvil
2. Podrás colocar los comentarios en un toggle.
3. Grábalo.

6 - Personalizar las páginas del archivo

Sin embargo, aquí podrá obtener una característica de la que carece el tema: la posibilidad de personalizar las páginas de archivo.

Las páginas de archivo son páginas dinámicas que se generan automáticamente en WordPress. Por ejemplo, se trata de páginas de categorías, páginas de etiquetas, páginas de autores, etc.

Estas páginas tienen una URL específica como: mi-sitio-web.com/categoría/el-nombre-de-su-categoría.

Divi Switch le permite hacer que estas páginas de archivo sean más atractivas:

1. Vaya a la pestaña Divi > Opciones del tema > Interruptor Divi > Archivos
2. Podrá mostrar el título de su categoría en la parte superior de la página.
3. Podrá eliminar la barra lateral en las páginas de archivo.
4. Añade las palabras "leer más" debajo de cada artículo.
5. Añade una línea para separar cada elemento del archivo.
6. Guardar

7 - Integración de diseños en lugares específicos

Esto es ideal si necesita mostrar elementos promocionales en lugares estratégicos, que puede cambiar posteriormente con un solo clic.

1. Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Integración
2. Podrá añadir un diseño pregrabado por encima del contenido principal.
3. Lo mismo ocurre con la colocación del contenido después del contenido principal (antes de los comentarios)
4. Lo mismo ocurre con la adición de un diseño antes del contenido de sus artículos.

Nota: estas adiciones de diseño se harán de forma idéntica en todas las páginas.

8 - Descarga de archivos SVG

La pestaña Divi > Opciones del tema > Cambio de Divi > Avanzado le permitirá permitir que los archivos SVG se carguen en su biblioteca de medios.

9 - Exportar los parámetros como un plugin

Es una idea brillante. La pestaña Importar/Exportar permite crear un plugin sobre la marcha. Contendrá todas las opciones que hayas configurado con el plugin Divi Switch.

Esto significa que podrías crear un plugin "básico" que añada un montón de personalizaciones pregrabadas y podrías instalarlo en todos tus sitios. Sin tener que instalar Divi Switch y configurarlo de nuevo.

Además, si instalas este plugin dentro de los sitios de tus clientes, no podrán cambiar las opciones de Divi Switch ya que han sido incrustadas en la propia extensión.

1. Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Importar-Exportar
2. Podrá utilizar la función de importación que le ahorrará tiempo en la configuración. Esto significa que ya tienes un plugin creado desde Divi Switch y que también está instalado.
3. También puede exportar su propia configuración introduciendo el nombre de su plugin.
4. La descripción del plugin.
5. El autor del plugin.
6. La URL del sitio web del autor.
7. La versión del plugin.
8. A continuación, puede hacer clic en Exportar Plugin para descargarlo localmente e instalarlo en otro sitio.

10 - Añadir opciones en el personalizador

Además de todas las opciones enumeradas anteriormente, encontrará opciones adicionales en el personalizador (en la pestaña Apariencia > Personalizar):

1. Puedes cambiar el icono del menú móvil (la famosa hamburguesa).
2. Añade una imagen de fondo a tu cabecera.
3. Personalizar el botón de "volver al principio".
4. Cambie los colores y los elementos de diseño de sus páginas de archivo.

¿Necesitas más recursos sobre Divi? Visite el blog de ElegantThemes que está lleno de ideas y tutoriales.

En conclusión...

Divi Switch es un plugin que interviene en varios niveles de personalización. Muchos de ellos se pueden hacer "a mano" si se sabe un poco de CSS y PHP. Otros son un poco más complejos... Sin embargo, si meter las manos en el código no te entusiasma, este plugin premium es un verdadero must-have para los usuarios de Divi. También supone un importante ahorro de tiempo.