Visão geral do tema Divi App Child

Divi App é um tema infantil para Divi que foi projetado para desenvolvedores de aplicativos móveis. Ele tem um design de uma página com um menu ancorado nas várias seções. Imagens, sinopses e CTAs funcionam muito bem para apresentar os vários recursos do aplicativo e direcionar o tráfego através do funil de vendas. Neste artigo, veremos os recursos do tema filho do Divi App para ajudá-lo a decidir se é o tema filho certo para suas necessidades.

Instalando o Divi App Child Theme

Instalar o tema infantil Divi App é simples. Funciona como qualquer tema WordPress e o conteúdo é importado com um único clique. Com o Divi ativado, carregue e ative o Divi App no ​​menu de temas do WordPress.

Assim que o tema filho for ativado, você verá um novo item de menu adicionado ao painel chamado Import Demo . Clique em Demonstração de importação fácil neste menu e selecione os itens que deseja importar. Isso inclui postagens, mídia, menus, página inicial, widgets e as opções de tema Divi. Tudo é selecionado por padrão. No entanto, ele não possui postagens ou widgets para importar. Recomendo deixar tudo marcado. Clique em Importar conteúdo de demonstração e aguarde a conclusão da importação. Não navegue para fora desta tela.

Você verá uma mensagem informando que sua importação foi concluída. Seu site agora se parecerá com a demonstração, mas com imagens de espaço reservado em vez das imagens da demonstração. A página inicial e os menus já estão configurados e atribuídos. Você só precisa adicionar seu conteúdo. Esta é minha maneira favorita de instalar um tema infantil. A importação de um clique é fácil e tranquila.

Página inicial do Divi App Child Theme

O tema filho do Divi App é um design de uma página com uma página inicial e navegação para oito seções na página inicial. Veremos cada seção, uma de cada vez. Os elementos incluem animações deslizantes e alguns estilos interessantes. Vou apontá-los à medida que avançamos.

Muitos dos módulos incluem classes CSS para estilizá-los e garantir que funcionem bem com dispositivos móveis. As classes são definidas na folha de estilo CSS. O CSS na folha de estilo é bem comentado e até inclui um índice, por isso é fácil de personalizar se você estiver familiarizado com CSS.

Seção Hero

A seção do herói inclui um fundo gradiente com uma imagem de espaço reservado. À esquerda está um título, uma descrição e dois botões que criam um CTA. À direita está uma imagem de espaço reservado onde você pode colocar uma captura de tela do aplicativo para chamar a atenção para o CTA.

Recursos

A seção Recursos do tema filho do Divi App apresenta seu aplicativo ao público, começando com um título, uma breve descrição e uma imagem grande. Blurbs estilizados exibem ícones e funcionam muito bem para descrever recursos específicos. Cada um dos elementos desliza para o lugar independentemente de ambos os lados e da parte inferior da tela.

Três linhas em um layout alternado fornecem mais detalhes com uma imagem de um lado e uma descrição do outro. As descrições incluem ícones e funcionam como marcadores. As duas primeiras imagens estão no modo retrato, enquanto a terceira está no layout paisagem. O primeiro e o último exibem um fundo rosa enquanto a linha central é branca. Isso ajuda a criar alguma diferença visual entre eles. O último possui cantos arredondados para a imagem, conferindo-lhe um design ainda mais exclusivo.

Galeria

A galeria oferece uma maneira de exibir capturas de tela do aplicativo. Quatro imagens se encaixam em uma única linha conforme você rola para esta seção. Eles são altos e estreitos, dando uma forma que combina com um smartphone no modo retrato, o que é ótimo para capturas de tela do aplicativo. O fundo ao redor é nítido, permitindo que o olho focalize as imagens sem distrações.

Preços

A seção de preços do tema filho do Divi App inclui várias linhas que fornecem informações de maneiras diferentes.

As tabelas de preços são exibidas em três tamanhos diferentes, com o mais popular no centro. Os tamanhos correspondem à recomendação, sendo o maior o mais recomendado. Eles se sobrepõem ao plano de fundo gradiente com seu divisor em ângulo e incluem uma caixa de sombra para que se destaquem do plano de fundo e uns dos outros. As cores das fontes e botões combinam nas duas tabelas externas, enquanto a mesa central se destaca. Pairar sobre uma mesa o traz para a frente.

O CTA exibe uma pequena imagem de um lado com informações e dois botões do outro. Os botões são marcadores de posição para imagens de várias lojas de aplicativos.

As estatísticas do aplicativo são exibidas com contadores de números sobre uma imagem de fundo de largura total.

Testemunho

A seção de depoimentos do tema filho do Divi App exibe três avaliações de usuários como cartões com um ícone de citação estilizado, imagem circulada, texto, nome e título. Os títulos usam cores de outras seções do tema filho, como o plano de fundo na próxima seção. Os cartões se encaixam conforme você rola para esta seção.

Perguntas frequentes

As perguntas frequentes deslizam pela lateral e exibem as respostas em seletores estilizados com um fundo um pouco mais claro do que a seção. A cor de fundo corresponde a alguns dos destaques de outros elementos no tema filho. Também inclui uma imagem de espaço reservado onde você pode usar qualquer tipo de imagem que deseja chamar a atenção do leitor.

Clientes

A seção Clientes fornece uma área de largura total para exibir os logotipos de seus clientes. Os logotipos são módulos de imagem. Eles aparecem um de cada vez conforme você rola para esta seção.

Contato

A seção de contato do tema filho do Divi App exibe vários elementos sobre um fundo vermelho que corresponde à seção de perguntas frequentes. A primeira parte apresenta as informações de contato, que incluem um formulário de contato estilizado e informações de contato em uma linha de duas colunas. As informações exibem ícones estilizados e texto. Cada elemento é colocado no lugar a partir da parte inferior.

Uma parte do boletim informativo exibe o título e uma breve descrição com um formulário de e-mail estilizado seguido por ícones de acompanhamento de mídia social. Esses elementos desaparecem (ou, eu acho, não desaparecem) no lugar.

Divi App Child Theme Menu

O menu inclui cada uma das seções principais da página inicial. Eles incluem as âncoras para as diferentes seções como seus URLs, de modo que cada link de menu role para a seção quando clicado.

As âncoras já foram adicionadas aos campos de CSS ID na página inicial. Se você alterar os nomes dos links de menu, também precisará alterar o ID CSS na guia Avançado da seção para corresponder.

Onde comprar Divi App

Você pode comprar o tema infantil do Divi App no ​​Divi Marketplace por $ 19. Inclui uso ilimitado e um ano de suporte e atualizações.

Reflexões finais

Essa é a nossa visão do tema infantil do Divi App. Este tema filho de uma página tem muitos elementos para mostrar os recursos do seu aplicativo e fornece vários CTAs onde os visitantes podem fazer uma compra. Muitos dos elementos incluem classes CSS para estilizá-los e controlar sua aparência no celular, garantindo que funcione bem com qualquer tipo de dispositivo. É um tema infantil simples a um ótimo preço. Se você estiver interessado em um tema filho simples de uma página para destacar os recursos do seu aplicativo, vale a pena dar uma olhada no Divi App.

Nós queremos ouvir de você. Você já experimentou o tema infantil do Divi App? Conte-nos sobre sua experiência nos comentários abaixo.

Imagem em destaque via Julia Tim / shutterstock.com