Divi Plugin Highlight: Testify

Testify é um plugin de terceiros que adiciona um novo módulo ao Divi Builder para exibir depoimentos que você criou no editor de depoimentos ou aqueles que seus visitantes enviaram por meio de um formulário.

Testify funciona com e sem Divi. O Testify tem outros recursos que funcionam fora do Divi, como Customizer e recursos de upload, mas usar o módulo Divi oferece alguns recursos que o destacam. Neste artigo, veremos o módulo Divi e seus recursos. Estou usando o Testify versão 1.3.0. As imagens dos exemplos foram retiradas de Unsplash.com.

O Testify pode ser adquirido no site do desenvolvedor.

Instalando Testify

Primeiro, carregue e ative o plugin normalmente. Isso adiciona automaticamente o módulo Divi Builder se você estiver usando Divi ou Extra.

Em seguida, navegue até a tela de configurações clicando em Testificar no painel. Digite sua chave de licença. O plugin agora está pronto para uso.

O menu inclui:

• Todos os depoimentos - veja todos os depoimentos que você criou. Aqui você pode clicar em qualquer depoimento para editá-lo ou visualizá-lo.
• Adicionar Novo Depoimento - abre o editor onde você cria seus depoimentos.
• Categorias de depoimentos - edite as categorias dos depoimentos da mesma forma que você publicaria as categorias.
• Tags de depoimento - edite as tags dos depoimentos da mesma forma que publicaria as tags.
• Personalizar - um link para o personalizador de front-end.
• Sobre e instruções - um guia rápido para usar os códigos de acesso (que não são necessários para Divi, mas você pode usá-los se quiser) e um link para o site da Web para mais informações.

Criar e gerenciar depoimentos

Para criar um depoimento, no menu do painel, navegue até Testificar , Adicionar Novo Depoimento . Crie e publique o depoimento da mesma forma que faria com qualquer postagem ou página com o editor WYSIWYG. Dê um título, adicione o conteúdo, o nome do autor e o site (com hiperlink), forneça uma categoria, adicione tags e escolha uma imagem em destaque.

A página Todos os depoimentos mostra seus depoimentos. Agora você pode postar seus depoimentos em qualquer postagem, página ou barra lateral do WordPress (usando o widget incluído) e personalizá-los usando o Customizador do WordPress. Tudo isso funciona independentemente do Divi. Para personalizar seus depoimentos com suas ferramentas familiares, você pode usar o Módulo Divi integrado.

Testify Divi Builder Module

Um novo módulo chamado Testify é adicionado ao Divi Builder. Funciona com Divi e Extra. O Divi Builder não é necessário para usar o Testify, no entanto, há uma vantagem em usar o Divi Builder - você pode usar os recursos de sombra e animação do Divi. Todas as personalizações são feitas a partir das configurações do módulo usando as ferramentas com as quais os usuários Divi e Extra estão familiarizados.

As configurações de conteúdo incluem o número de depoimentos a serem exibidos, a ordem, categorias e marcas a serem incluídas, alinhamento, tipo de transição, velocidade da animação e duração da reprodução automática.

As configurações de design permitem que você ajuste o texto do depoimento, mostre o link leia mais e ajustes de texto, ícone leia mais, texto do autor, design do layout, configurações de navegação, design de cotação, separador, imagem de depoimento e miniaturas.

Possui 7 estilos diferentes de aspas e você pode ajustar o tamanho e a cor. Você também pode desligá-lo, se preferir. A navegação inclui imagens em miniatura, setas e pontos. Você pode desativar a navegação se preferir. Os efeitos de sombra incluem texto de testemunho, texto do autor e sombra de caixa. Os efeitos também incluem estilos de animação Divi.

Exemplos de testemunhos

Esta é a configuração padrão ao selecionar uma única categoria. Os depoimentos são exibidos como um controle deslizante com a imagem do autor exibida no círculo acima do texto. O autor do depoimento é mostrado como imagem normal e os demais autores são sobrepostos. Nesta imagem coloquei o mouse sobre o depoimento para exibir as setas de navegação. As aspas são definidas como nenhum por padrão.

Este usa navegação em miniatura e exibe 8 por linha. O slide de depoimentos, mas você pode ver um depoimento específico clicando nele. A imagem fica mais clara à medida que você passa o mouse sobre ela para mostrar que é clicável. Selecionei o estilo da primeira aspa.

Este exemplo também usa navegação de imagem. Selecionei o Estilo 2 para as aspas, ajustei as cores para a borda da miniatura, aspas e a linha separadora, configurei a imagem para 120 e escolhi uma imagem quadrada.

Este exemplo é igual ao exemplo acima, mas usa pontos para navegação em vez de imagens. A miniatura é exibida como um círculo.

Este usa uma miniatura quadrada definida para 200 pixels. Mudei a cor da linha e usei o Estilo 3 para a citação. Também removi as setas, adicionei um botão ler mais, defini o tamanho da fonte para 32 e limitei a citação a 100 caracteres. A espessura do separador foi aumentada de 2 para 6 pixels e usa um vermelho escuro. Selecionei apenas duas categorias para exibir. Como tenho apenas quatro depoimentos nessas categorias, eles são automaticamente separados para preencher o espaço.

Este mostra apenas um depoimento. Alterei as fontes e cores da fonte, borda e aspas. A aspa é o Estilo 4 com um tamanho reduzido de 38 para 28. A largura da miniatura é definida para 200.

Este usa um pano de fundo para a seção. Eu adicionei um plano de fundo no módulo para escurecer a área de texto. O texto e a citação são brancos, enquanto o texto para ler mais é cinza claro. O fundo da miniatura é escurecido para se misturar ao fundo da seção. As miniaturas têm uma sobreposição para combinar com o plano de fundo. A citação usa o Estilo 5. Eu fiz as miniaturas quadradas e defini a borda em 4. Eu também dei a este aqui ler mais ícones e definir suas cores como branco.

Este exemplo usa o layout de equipe que vem com Divi. Mudei as cores, configurei o tamanho da fonte do depoimento para 20, configurei o comprimento do depoimento para 100, adicionei o botão ler mais, adicionei uma sombra ao texto do autor e aumentei o comprimento horizontal da sombra para 0,56, selecionei o Estilo 6 para o aspas e defina a largura do separador para 10. Dei à miniatura uma borda de 3 e escolhi imagens quadradas.

Testifique com efeitos de sombra

Este usa vários dos efeitos de sombra embutidos do Divi. Escolhi o Estilo de citação 6 e selecionei a segunda sombra do texto de testemunho, a terceira sombra do texto do autor e a primeira sombra da caixa. O desfoque da sombra da caixa e a força de propagação estão configurados para máx. Todas as outras configurações de sombra são padrão.

Para este, selecionei a terceira sombra depoimento e aumentei a intensidade do desfoque. Eu também escolhi a sombra do quinto autor e a sombra da sexta caixa com suas configurações padrão.

Usando Testify com Extra

Testify funciona tão bem com Extra quanto com Divi. Este é um dos exemplos acima colocados no layout Extra padrão com barra lateral. Escurei o fundo no Extra, mas não fiz alterações no módulo.

Veja como o Testify se parece com o layout da equipe que vem com o Divi Builder.

Usando Testify como um controle deslizante de cotação

Testify também funciona muito bem como um controle deslizante de citação. Eu criei uma categoria chamada Quote. Este usa o estilo de citação 7. As cores correspondem à cor de fundo de Seth. De que outras maneiras você pode pensar em usar o Testify?

Documentação

A documentação é fornecida no menu do painel Testify. Esta documentação não cobre Divi. Uma documentação mais extensa é fornecida no site do desenvolvedor. Se você estiver usando o Divi, não precisará de nenhuma dessas informações, pois o Divi não precisa dos códigos de acesso. Claro que você pode usá-los com Divi, se quiser.

Eu gostaria de ver pelo menos um parágrafo aqui sobre o módulo Divi. No entanto, qualquer pessoa familiarizada com o Divi Builder ficará em casa com o módulo Divi do Testify, uma vez que todas as configurações são padrão para os módulos Divi.

Pensamentos finais

Usar o plugin é altamente intuitivo. A maioria das configurações são Divi padrão. As únicas configurações confusas para mim eram os vários números de imagens por linha com base em seus tamanhos e o número de miniaturas por linha. Por exemplo, se eu definir o número de miniaturas por linha maior do que o número de depoimentos, a configuração voltará ao padrão sempre que eu abrir o módulo. Assim que percebi o que estava acontecendo, não tive problemas com o cenário.

Há algumas coisas que gostaria de ver adicionadas. Por exemplo, gostaria de poder ajustar a cor das setas e dos pontos de navegação. Como todos os outros recursos têm opções de cores, um deles se destaca por estar faltando. Eu também gostaria de ver vários estilos de setas e pontos.

Outro recurso que gostaria de ver é o formulário de upload adicionado ao Divi Builder para que as personalizações sejam uniformes. No entanto, essas personalizações podem ser feitas no Customizer. Além disso, como a demonstração mostra os depoimentos com CSS, gostaria de ver o CSS incluído na documentação para que o usuário possa copiá-lo e colá-lo nos recursos de CSS do módulo Testify.

Uma das coisas que mais gosto no Testify é que ele funciona com e sem Divi. Você pode usá-lo com qualquer tema, mas se estiver usando Divi ou Extra, um módulo Testify será adicionado automaticamente ao Divi Builder. Usar o Divi Builder oferece a vantagem das configurações do Divi, incluindo os recursos de sombra. Se você estiver interessado em um controle deslizante de testemunho que pode ser usado com o Divi Builder, recomendo dar uma olhada no Testify.

Nós queremos ouvir de você. Você já experimentou o Testify for Divi? Conte-nos sobre sua experiência nos comentários.

Imagem em destaque via Julia Tim / shutterstock.com