¿Le gustaría usar un logotipo dinámico en su módulo Divi Fullwidth Menu?
Cambiar los logos de un Sitio web puede ser un proceso lento. Esto es especialmente cierto si el Sitio web utiliza diferentes encabezados para diferentes plantillas.
Si usa una imagen para cada uno de estos encabezados, deberá acceder y editar manualmente cada uno.
Afortunadamente, Divi puede mostrar su logotipo de forma dinámica. sitio web, ¡lo que te ahorra tiempo!
En este artículo, veremos cómo usar un logotipo dinámico en el módulo de menú de ancho completo de Divi.
Vamos a empezar!
Cómo usar el logotipo dinámico en el módulo de menú de ancho completo
Para comenzar, abra el módulo Menú de ancho completo para el que desea usar un logotipo dinámico. Ajusto la plantilla de encabezado en Divi Theme Builder.
Ver también: Divi: cómo usar la opción "Repetir degradado" para crear patrones de fondo personalizados
Para este ejemplo, asumimos que ya configuró un módulo de menú de ancho completo con un logotipo seleccionado.
Abra el generador de temas Divi
Para utilizar un logotipo dinámico, vaya a Divi > Theme Builder en el panel de WordPress.
- Divi
- Theme Builder
Selecciona el icône del encabezado que desea modificar. Espera a que se abra el editor.
- Editar
Cambiar logotipo a contenido dinámico
Luego abre el configuraciones desde el módulo Menú de ancho completo seleccionando su icono de engranaje.
- Configuraciones del módulo
En la pestaña Contenido, desplácese hacia abajo hasta la sección titulada Logotipo. Pase el cursor sobre la imagen del logotipo y haga clic en el icono de papelera . También puede hacer clic en el icono de reinicio circular si lo prefiere.
- Borrar
Luego pase el mouse sobre el área de la imagen para mostrar el icône Contenido dynamique . Haga clic en el icono para abrir las opciones de contenido dinámica.
- Contenido dinámico
Se abre un modal con muchas opciones para elegir. Seleccione Logo del sitio en la sección superior.
- Logotipo del sitio
Verá que aparece el nuevo logotipo en su menú de encabezado que se especifica en las opciones de la Tema divi.
Debajo del logotipo en la configuración de selección de logotipo, verá el mensaje "Sitio web del logotipo". Esto indica que el módulo ahora muestra el logotipo dinámico. Haga clic en el botón verde para cerrar el módulo.
Luego guarde el diseño haciendo clic en el botón verde Siguiente en la esquina inferior derecha y haciendo clic en el X en la esquina superior derecha para cerrar el editor.
- Guardar
- Cerrar
Por último, haga clic en Guardar cambios en la esquina superior izquierda de la pantalla Theme Builder.
- Guardar Cambios
Lea también: Divi: cómo cambiar el estilo de varios elementos al pasar el mouse o después de un clic
Realice este conjunto de pasos para cada módulo de menú de ancho completo para el que desee utilizar el logotipo dinámico. Le recomendamos que realice esta tarea cuando copie o cree los encabezados.
Ahora veamos cómo modificar el logotipo de Divi para que cambie en el módulo Menú de ancho completo.
Cómo cambiar el logo en Divi
A continuación, veamos cómo decirle a Divi qué logotipo usar. Siempre que desee cambiar el logotipo, realice los siguientes pasos. El logotipo cambia dinámicamente, por lo que los usuarios de Divi nunca necesitan abrir el módulo de menú de ancho completo para cambiar el logotipo.
Logotipo de Divi "Antes"
Para ayudar a entender lo que está pasando, observemos el logotipo en la parte frontal del sitio antes y después del cambio. Primero, aquí hay una vista previa del logotipo actual en mi sitio de prueba. Esto se configura en las opciones del Tema divi.
Cambiar el logotipo de Divi
Para cambiar el logotipo de Divi, vaya a Divi > Opciones de tema en el tablero de WordPress. La primera pestaña, General, tiene un campo llamado Logotipo. Incluye un campo con la URL del logotipo, un botón para restablecer el logotipo predeterminado y un botón para cargar un logotipo en la biblioteca de medios.
- Divi
- Opciones del tema
- General (primera línea)
- General (2ª Línea
- Subir
Esto abre la carpeta de medios donde puede elegir una imagen de la biblioteca de medios o cargar una nueva imagen.
- Selecciona una imagen
- Establecer como logotipo
Cliquez sur Guardar cambios en la esquina superior izquierda de la pantalla encima de las opciones del Tema divi. Ahora cada plantilla, incluido el módulo de menú de ancho completo con la configuración de logotipo dinámico, ha cambiado automáticamente el logotipo para mostrar su nuevo logotipo.
- Guardar Cambios
Logotipo de Divi "Después"
El front-end de mi sitio ahora muestra el nuevo logotipo, aunque no abrí el generador de temas ni hice cambios allí. Este cambio se ha reflejado automáticamente en cada módulo de menú de ancho completo que utiliza el logotipo dinámico.
Como otro ejemplo, cuando abrimos una de las plantillas en el generador de temas, veremos el nuevo logotipo. Este ejemplo muestra el diseño del encabezado de la página de inicio con el logotipo ya actualizado sin más aportes de mi parte.
Descarga DIVI ahora!!!
Conclusión
Este es nuestro vistazo a cómo usar un logotipo dinámico en el módulo de menú de ancho completo de Divi. El logotipo dinámico es fácil de configurar en el módulo. El uso de un logotipo dinámico puede ahorrar mucho tiempo al cambiar logotipos en un sitio Divi.
Incluso si solo usa un módulo de menú de ancho completo, el logotipo dinámico simplifica el proceso. Cuando se utilizan varios módulos, los logotipos dinámicos tienen un impacto aún mayor en el ahorro de tiempo y la reducción de errores.
Espero que esto sea útil para su próximo blog. Si tienes alguna inquietud o sugerencia, encuéntranos en la sección de comentarios para discutirlo
También puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet.
No dudes en consultar también nuestra guía sobre la Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
