Divi Switch: un plugin multifuncional que es bueno para ti

Actualizado el 06/06/2019 | Publicado el 10/05/2019 | 11 comentarios

Cada vez que creo un nuevo sitio con Divi, suelo cambiar las mismas cosas: eliminar la línea gris bajo el menú¿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 me gustaría mostrarte todas sus características...

Divi Switch plugin

Anuncio: 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. Editar la cabecera de Divi (cabecera y menú)
  2. Editar el pie de página de Divi
  3. Actuar sobre el contenido principal
  4. Personalizar la respuesta
  5. Actuar en la sección de comentarios
  6. Personalizar las páginas del archivo
  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, tenga en cuenta que Divi Switch es un plugin premium que puede adquirir como licencia anual o de por vida en Estudios Aspen Grove o Espacio Divi.

obtenir Divi - get Divi

1 - Editar la cabecera de Divi

Ya hemos visto, en un artículo anterior, que se pueden hacer cosas chulas con el La cabecera de Divi (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 no se convierte en una fábrica de gas como WP Océano por ejemplo.

Pero eso significa que tendrás que hacer alguna personalización para conseguir el diseño que quieres...

Así es como Divi Switch te ayudará:

Divi Switch personnalise le Header
Divi Switch le permite personalizar la parte de la "Cabecera"
  1. Vaya a la pestaña Divi > Opciones del tema > Cambio de Divi > Encabezado
  2. Con un solo clic, puede 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 en 1 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 - Editar 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 aquí:

modifier le footer de Divi
Modificar el pie de página
  1. Vaya a la pestaña Divi > Opciones del tema > Cambio 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 puede aparecer a veces 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: 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 sea 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 ofrece opciones para varios módulos o contenidos de Divi.

Options pour personnaliser le Main Content
Opciones para personalizar el contenido principal
  1. Vaya a la pestaña Divi > Opciones del tema > Cambio de 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: puedes 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.

Options pour personnaliser le responsive de Divi
Opciones para personalizar el responsive de Divi

Aquí puede cambiar simplemente el nivel de respuesta. Es decir, si ves que la versión para tablet (o móvil) no se lanza 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 sobre la parte de los comentarios

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

options pour les commentaires
Opciones para los comentarios
  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. Guárdalo.

6 - Personalizar las páginas de archivo

Por otro lado, aquí podrás 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 hace que esas páginas de archivo sean atractivas:

options pour les pages d'archive
Opciones de personalización de las páginas de archivo
  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 - Integrar 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.

Possibilité d'insérer un layout
Posibilidad de insertar un diseño al principio o al final de un post
  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 en todas las páginas de forma idéntica.

8 - Descargar archivos SVG

Divi Switch - Onglet Avancé
Divi Switch - Pestaña avanzada

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 la configuración como un plugin

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

Esto significa que puedes crear un plugin "básico" que añada un montón de personalizaciones ya guardadas y que puedas instalar en todos tus sitios. Sin tener que instalar Divi Switch y configurarlo de nuevo.

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

Divi Switch - Onglet Import Export
Divi Switch - Ficha de importación y exportació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, lo que le ahorrará tiempo de configuración. Esto significa que ya tienes un plugin creado desde Divi Switch y que también está instalado.
  3. Si no, 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):

Options supplémentaires dans le customizer
Opciones adicionales en el personalizador
  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 "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 realmente imprescindible para los usuarios de Divi. También supone un importante ahorro de tiempo.

Customiser Divi avec Divi Switch
Divi Switch - plugin pour Divi
plus d'astuces pour Divi
Divi Switch to customize Divi Theme

1.571 palabras

6

A ti también te debería gustar:

Product Carousel pour Divi et WooCommerce

Carrusel de productos para Divi y WooCommerce

Si estás buscando una forma de desplazarte por los productos de tu tienda WooCommerce en un elegante carrusel, la extensión "Product Carousel" puede ayudarte. Es rápido y fácil de usar, y los resultados están a la altura de las expectativas.

Popups for Divi : un plugin gratuit très malin !

Popups para Divi: ¡un plugin inteligente y gratuito!

Los plugins gratuitos para Divi son bastante raros, pero "Popups for Divi" es bastante efectivo y fácil de usar. Este plugin convierte cualquier sección de Divi en una ventana emergente. Te explico cómo usarlo.

11 Commentaires

  1. valeriemersiervalerie

    Bonjour,
    Merci pour ce condensé d’infos sur Divi Switch.
    Est-ce que dans le temps avec les multiples MAJ Divi, le plug ne sera pas, très vite, obsolète ? C’est une question sûrement bête, mais celui-ci regroupe tellement de fonctions différentes que je me dis que s’il bug, le site entier bug.
    Quel est votre avis sur la question ?
    Merci de votre retour,
    Valérie

  2. Lycia Diaz

    Hello Valerie ! C’est une bonne question ! Je pense que ce plugin est maintenu par une équipe sérieuse. Et comme c’est un plugin premium, c’est dans leur intérêt de le maintenir correctement. Si c’était un plugin gratuit, j’aurais un peu plus de doute… Mais tu peux peut-être leur poser la question…

  3. valeriemersiervalerie

    Merci Lycia… je vais les interroger à ce sujet.

  4. Pascal

    Bonjour Lycia et merci pour votre site.

    Lors de l’installation de ce plugin ma page par Accueil ( la seule pour l’instant) à complètement bugger.

    Le logo est énorme, le menu prend la moitié de la page, le bouton de recherche ce retrouve en dessous du header et impossible de modifier le header. En désactivant le plugin tous reviens correctement. Avez vous une réponse à cela ?

  5. Lycia Diaz

    Salut Pascal.
    J’ai pas trop de réponse à te donner… J’ai testé ce plugin avant la version 4.0.x de Divi, est-ce que cela pourrait venir de là ? Sinon, je pense plutôt à un paramétrage. As-tu paramétré le plugin lui-même ? Cela pourrait rentrer dans l’ordre, je suppose…

  6. Pascal

    Bonsoir,

    J’ai trouvé la solution. Cela venait du plugin ithemes security. Pour cela il faut decocher la protection php des plugins.

    Bonne soirée

  7. Lycia Diaz

    Ah super Pascal pour le tuyau !
    Bonne soirée.

  8. amandine chanson

    Hello,
    J’aimerai supprimer les puces mises automatiquement dans mon footer!
    A ce jour, je ne trouve pas la partie divi switch dans mon divi « option du thème ».
    Avez-vous un autre chemin svp? J’ai beau chercher je ne trouve pas 🙁

    Merci beaucoup par avance.
    Amandine.

  9. Lycia Diaz

    Salut Amandine,
    Divi Switch est une extension tierce qui ne fait pas partie de Divi, c’est donc pour ça que tu ne la trouves pas.

  10. Juliette Douguedroit

    Bonjour,

    J’ai acheté le plugin Divi switch pour l’option. Page specific logo. J’ai réussi à changer le logo pour chaque page mais 2 problemes : le logo apparait petit peu importe la taille du fichier. Et surtout, je dois changer l’url de destination (par exemple sur la page http://ppfranchise.ada.fr/ada-bikes j’ai besoin que le logo redirige sur celle-ci et non sur la home page. Savez-vous comment faire ? C’est très urgent, pour un client. Merci

  11. Lycia Diaz

    Salut Juliette, il faudrait demander au support du plugin Divi Switch.

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto