Divi Plugin Highlight - Divi Logo Manager

Os logotipos são uma parte importante de cada site. Eles contam a seus leitores sobre sua marca e fornecem reconhecimento de marca. O que um site pode fazer com um logotipo geralmente é limitado. Usando Divi, podemos ajustar o tamanho e fazê-los encolher ou desaparecer na rolagem. Isso é ótimo para a maioria dos sites, mas e se você quisesse fazer mais com o seu logotipo? Você pode estar interessado em um plugin de terceiros chamado Divi Logo Manager.

Divi Logo Manager é um plugin premium para Divi que permite alterar os logotipos em seu site. Você pode usar um logotipo diferente com base no dispositivo (celular, tablet ou desktop), mudar para um logotipo diferente na rolagem, definir um logotipo por página e ajustar a quantidade de saliência. É compatível com páginas, projetos e páginas de produtos WooCommerce.

Neste destaque do plugin, daremos uma olhada no que o plugin pode fazer. As imagens dos exemplos foram retiradas de Unsplash.com.

Instalação e configurações do Divi Logo Manager

Faça upload e ative o plugin compactado. Depois de ativado, ele está pronto para ser usado. Todo o trabalho é feito no menu Configurações, nas páginas individuais e nas páginas de produtos WooCommerce. No painel, vá para Configurações e selecione Divi Logo Manager. A partir daqui, você pode selecionar o tamanho saliente, logotipo do celular, logotipo do tablet, logotipo da área de trabalho e logotipo de rolagem.

O logotipo da área de trabalho é adicionado nas opções de tema Divi. Todos os outros logotipos são adicionados nesta página ou em cada página individualmente.

Saliência

Existem 9 opções diferentes de saliências que variam de nenhuma a inconcebivelmente grande e vários níveis intermediários. Isso adiciona um novo elemento de design que vale a pena usar, mesmo se você não precisar alterar os logotipos.

Por página

O Divi Logo Manager adiciona um novo conjunto de configurações às suas páginas, projetos e páginas de produtos WooCommerce que permitem que você substitua as configurações definidas no menu principal para que possa escolher um logotipo específico para cada página. Você pode configurá-los para desktop, celular, tablet e rolagem. Isso é ótimo para páginas de destino, ofertas especiais, páginas de portfólio, produtos, etc.

Exemplos de gerenciador de logotipo Divi

Vamos dar uma olhada no logotipo em cada um dos dispositivos e com vários níveis de saliência. Usarei as ferramentas do desenvolvedor do Google Chrome para emular dispositivos móveis e tablets.

Área de Trabalho

Para o logotipo da área de trabalho, usei uma imagem artística de um leão. Esta é a versão padrão do logotipo sem saliência. Este logotipo deve ser carregado nas configurações de tema do Divi.

Agora que carreguei um logotipo, ele agora aparece nas configurações do plug-in.

Saliência

Aqui está uma olhada em algumas das saliências. Este tem uma pequena saliência. É apenas perceptível.

Este usa A Bit Bigger Overhang. É mais perceptível e gosto da forma como fica na página.

Este é Médio Grande. É um bom tamanho geral.

Este usa uma enorme saliência. Pode ser muito grande para alguns designs.

Este usa projeção Inconcebivelmente Grande. Não caberia em todos os designs, mas para designs ficaria ótimo nele se destacaria. Com esse nível de opções, você pode encontrar facilmente uma saliência que funcione para qualquer site.

O recurso de saliência funciona com o Extra, mas não o recurso de troca de logotipo. Aqui está o Extra com uma grande projeção.

Logo Scroll

O recurso Scroll Logo permite que você especifique um logo que será exibido apenas na rolagem. Neste exemplo, adicionei um logotipo de rolagem.

O logotipo muda assim que o cabeçalho encolhe.

Tábua

Aqui está um novo logotipo que só aparecerá em tablets. Vamos dar uma olhada em alguns exemplos usando as Ferramentas do desenvolvedor do Google Chrome.

Este é um iPad. Ele mantém a sobreposição mesmo em dispositivos móveis e desktop. O logotipo foi alterado para corresponder à configuração do tablet.

Aqui está um iPad no modo horizontal. Alguns tablets exibem o logotipo da área de trabalho se a tela for grande o suficiente.

Este é um Nexus 10 no modo retrato.

Aqui está o Nexus 10 no modo horizontal. Ele exibe o logotipo da área de trabalho.

Aqui está o Nexus 10 em rolagem. O logotipo muda nos tablets, assim como no desktop.

Esta é a projeção Inconcebivelmente Grande em um iPhone 6 Plus.

Este usa a projeção média no iPhone 6 Plus.

Este usa grande saliência.

Este usa Small Overhang.

Móvel

Eu adicionei um logotipo para celular.

Este usa Responsive with a Large Overhang.

Este usa o Large Overhang com o iPhone 6 Plus.

Este é o iPhone 6 Plus no modo horizontal.

Este é o Galaxy Note 3.

Este é o Galaxy Note 3 no modo horizontal. Talvez você precise experimentar a saliência para encontrar a escolha perfeita para seu site no celular.

Páginas de produtos WooCommerce

Ele também funciona nas páginas de produtos WooCommerce. Ele funciona exatamente da mesma forma que as páginas normais por padrão, então não há nada para configurar. Este é o logotipo regular com Saliência Grande.

Páginas do Projeto

O Divi Logo Manager também funciona nas páginas do projeto por padrão. Aqui está uma página do projeto com um novo logotipo da área de trabalho. Assim como nas páginas normais, as páginas do Projeto incluem a personalização para escolher um logotipo por página.

Por página

Você pode selecionar um logotipo personalizado que só é exibido em uma página individual de sua escolha. No editor visual, você verá uma nova área de personalização à direita chamada Divi Logo Manager. Aqui você pode selecionar os logotipos para desktop, celular, tablet e rolar por página.

Neste exemplo, criei um novo produto. Este produto é tão diferente dos outros que o logotipo padrão não corresponde. Esta página de produto pode se beneficiar de ter seu próprio logotipo separado.

Aqui está uma olhada nos logotipos que escolhi para esta página exibir.

Aqui está o logotipo da área de trabalho usando uma grande saliência.

Aqui está o logotipo do scroll.

Este é o logotipo do celular usando o iPhone 6 Plus.

Este é o iPhone 6 Plus no modo horizontal.

Aqui está o logotipo do tablet usando um Nexus 10.

De volta à página original… Adicionei um novo logotipo para pergaminho que só quero mostrar nesta página.

Esta página agora usa o logotipo personalizado na rolagem.

Licença, atualizações e suporte

O plugin pode ser instalado em sites ilimitados para você e seus clientes. Inclui atualizações vitalícias e suporte de 6 meses.

Para obter mais informações, consulte o site do editor em KiwiWeb.co.uk.

Pensamentos finais

O Divi Logo Manager é direto e simples de usar. Basta selecionar o logotipo que deseja exibir por dispositivo e para rolar e definir a quantidade de saliência. Os logotipos podem ser substituídos para cada página individualmente. Overhang é uma ótima maneira de adicionar algum entusiasmo e fazer seu site se destacar. A saliência pode ser tão oculta ou óbvia quanto você quiser. O recurso de saliência por si só já vale a pena usar o plug-in.

Se você estiver interessado em escolher logotipos com base no dispositivo, alterar o logotipo na rolagem ou adicionar um recurso de projeção, o Divi Logo Manager pode ser o plug-in de que você precisa.

Gostaríamos de ouvir de você. Você já usou o Divi Logo Manager? Deixe-nos saber o que você pensa nos comentários abaixo!

Imagem em destaque via SiuWing / shutterstock.com