Resaltado del complemento Divi - Administrador de logotipos Divi

Los logotipos son una parte importante de cada sitio web. Les informan a sus lectores sobre su marca y brindan reconocimiento de marca. Lo que puede hacer un sitio web con un logotipo suele ser limitado. Usando Divi podemos ajustar el tamaño y hacer que se encojan o desaparezcan en el scroll. Eso es genial para la mayoría de los sitios web, pero ¿y si quisiera hacer más con su logotipo? Es posible que le interese un complemento de terceros llamado Divi Logo Manager.

Divi Logo Manager es un complemento premium para Divi que le permite cambiar logotipos en su sitio web. Puede usar un logotipo diferente según el dispositivo (móvil, tableta o computadora de escritorio), cambiar a un logotipo diferente en el desplazamiento, establecer un logotipo por página y ajustar la cantidad de voladizo. Es compatible con páginas, proyectos y páginas de productos de WooCommerce.

En este complemento destacado, veremos lo que puede hacer el complemento. Las imágenes de los ejemplos se han tomado de Unsplash.com.

Instalación y configuración de Divi Logo Manager

Sube y activa el complemento comprimido. Una vez que está activado, está listo para usar. Todo el trabajo se realiza en el menú Configuración, en las páginas individuales y en las páginas de productos de WooCommerce. En el panel, vaya a Configuración y seleccione Divi Logo Manager. Desde aquí puede seleccionar el tamaño sobresaliente, el logotipo del móvil, el logotipo de la tableta, el logotipo del escritorio y el logotipo de desplazamiento.

El logotipo de escritorio se agrega en las opciones del tema Divi. Todos los demás logotipos se agregan en esta página o en cada página individualmente.

Sobresalir

Hay 9 opciones de voladizo diferentes que van desde ninguno hasta inconcebiblemente grandes y varios niveles intermedios. Esto agrega un nuevo elemento de diseño que vale la pena usar incluso si no necesita cambiar los logotipos.

Por página

Divi Logo Manager agrega un nuevo conjunto de configuraciones a sus páginas, proyectos y páginas de productos de WooCommerce que le permiten anular las configuraciones que ha establecido en el menú principal para que pueda elegir un logotipo específico para cada página. Puede configurarlos para escritorio, móvil, tableta y desplazamiento. Esto es ideal para páginas de destino, ofertas especiales, páginas de cartera, productos, etc.

Ejemplos de Divi Logo Manager

Echemos un vistazo al logo en cada uno de los dispositivos y con varios niveles de voladizo. Usaré las herramientas para desarrolladores de Google Chrome para emular dispositivos móviles y tabletas.

Escritorio

Para el logo de escritorio utilicé una imagen artística de un león. Esta es la versión estándar del logotipo sin voladizo. Este logotipo debe cargarse en la configuración del tema de Divi.

Ahora que he subido un logotipo, ahora aparece en la configuración del complemento.

Sobresalir

Aquí hay un vistazo a algunos de los voladizos. Éste tiene un pequeño voladizo. Es simplemente perceptible.

Este usa un voladizo un poco más grande. Es más notorio y me gusta cómo se ve en la página.

Este es mediano grande. Es un buen tamaño completo.

Este usa un voladizo enorme. Podría ser demasiado grande para algunos diseños.

Este usa un voladizo increíblemente grande. No encajaría en todos los diseños, pero para los diseños se vería genial y se destacaría. Con este nivel de opciones, puede encontrar fácilmente un voladizo que funcione para cualquier sitio web.

La función de voladizo funciona con Extra, pero no con la función de cambio de logotipo. Aquí hay un extra con un gran voladizo.

Logotipo de desplazamiento

La función Scroll Logo le permite especificar un logotipo que solo se mostrará en el scroll. En este ejemplo, agregué un logotipo de desplazamiento.

El logotipo cambia tan pronto como el encabezado se encoge.

Tableta

Aquí hay un nuevo logotipo que solo aparecerá en tabletas. Echemos un vistazo a algunos ejemplos con las herramientas para desarrolladores de Google Chrome.

Éste es un iPad. Conserva la superposición incluso en dispositivos móviles y de escritorio. El logotipo ha cambiado para coincidir con la configuración de la tableta.

Aquí tienes un iPad en modo horizontal. Algunas tabletas muestran el logotipo de escritorio si la pantalla es lo suficientemente grande.

Este es un Nexus 10 en modo vertical.

Aquí está el Nexus 10 en modo horizontal. Muestra el logo del escritorio.

Aquí está el Nexus 10 en scroll. El logotipo cambia en las tabletas al igual que en el escritorio.

Este es el voladizo increíblemente grande en un iPhone 6 Plus.

Este usa Medium Overhang en iPhone 6 Plus.

Este usa un gran voladizo.

Este usa Small Overhang.

Móvil

Agregué un logotipo para dispositivos móviles.

Este usa Responsive with a Large Overhang.

Este usa Large Overhang con iPhone 6 Plus.

Este es el iPhone 6 Plus en modo horizontal.

Este es el Galaxy Note 3.

Este es el Galaxy Note 3 en modo horizontal. Es posible que deba experimentar con el voladizo para encontrar la opción perfecta para su sitio en dispositivos móviles.

Páginas de productos de WooCommerce

También funciona en las páginas de productos de WooCommerce. Funciona exactamente igual que las páginas normales de forma predeterminada, por lo que no hay nada que configurar. Este es el logotipo regular con gran voladizo.

Páginas del proyecto

Divi Logo Manager también funciona en las páginas del proyecto de forma predeterminada. Aquí hay una página de proyecto con un nuevo logotipo de escritorio. Al igual que las páginas normales, las páginas del proyecto incluyen la personalización para elegir un logotipo por página.

Por página

Puede seleccionar un logotipo personalizado que solo se muestre en una página individual que elija. En el editor visual, verá una nueva área de personalización a la derecha llamada Divi Logo Manager. Aquí puede seleccionar los logotipos para computadoras de escritorio, dispositivos móviles, tabletas y desplazarse por página.

En este ejemplo, he creado un nuevo producto. Este producto es tan diferente de los demás que el logotipo estándar no coincide. Esta página de producto podría beneficiarse de tener su propio logotipo independiente.

Aquí hay un vistazo a los logotipos que he elegido para mostrar en esta página.

Aquí está el logotipo del escritorio con un gran voladizo.

Aquí está el logo de desplazamiento.

Este es el logotipo del móvil con iPhone 6 Plus.

Este es el iPhone 6 Plus en modo horizontal.

Aquí está el logotipo de la tableta con un Nexus 10.

De vuelta a nuestra página original ... He añadido un nuevo logotipo para el desplazamiento que solo quiero mostrar en esta página.

Esta página ahora usa el logo personalizado en scroll.

Licencia, actualizaciones y soporte

El complemento se puede instalar en sitios web ilimitados para usted y sus clientes. Incluye actualizaciones de por vida y 6 meses de soporte.

Para obtener más información, consulte el sitio web del editor en KiwiWeb.co.uk.

Pensamientos finales

Divi Logo Manager es sencillo y fácil de usar. Simplemente seleccione el logotipo que desea mostrar por dispositivo y para el desplazamiento, y configure la cantidad de voladizo. Los logotipos se pueden anular para cada página de forma individual. Overhang es una excelente manera de agregar algo de pizazz y hacer que su sitio se destaque. El voladizo puede ser tan oculto o tan obvio como desee. La función de voladizo por sí sola hace que valga la pena usar el complemento.

Si está interesado en elegir logotipos según el dispositivo, cambiar el logotipo en el desplazamiento o agregar una función de voladizo, Divi Logo Manager podría ser el complemento que necesita.

Nos gustaría saber de ti. ¿Ha utilizado Divi Logo Manager? ¡Háganos saber lo que piensa en los comentarios a continuación!

Imagen destacada a través de SiuWing / shutterstock.com