Visão geral do tema infantil DiviHvac

DiviHvac é um tema filho para Divi que foi projetado com empresas de HVAC em mente. Ele vem com 12 páginas principais, um cabeçalho e rodapé personalizados, um slide-in personalizado, CSS, cores em negrito e muito mais. Neste artigo, daremos uma olhada no tema filho DiviHvac para ajudá-lo a decidir se é o tema filho certo para suas necessidades.

Instalando DiviHvac Child Theme

A instalação é feita manualmente. Isso não é difícil de fazer e a documentação na página do produto o orienta durante o processo. Com o Divi ativado, carregue e ative o tema infantil DiviHvac. Depois de ativado, você precisará descompactar o arquivo extra que veio com o tema filho e importá-lo para Opções de tema, Criador de temas, Personalizador de temas e Biblioteca Divi. Você também precisará criar seu menu e definir sua página inicial manualmente.

Todas essas etapas são simples, mas leva alguns minutos a mais do que se fosse uma solução de um clique. As instruções são fáceis de seguir e os arquivos estão bem identificados, o que ajuda.

Páginas DiviHvac

O tema filho DiviHvac adiciona 13 layouts para criar suas páginas. Você precisará criá-los manualmente. Eles incluem imagens e imagens de espaço reservado. Veremos alguns deles.

Página inicial do tema infantil DiviHvac

A página inicial do DiviHvac é complexa e inclui muitos módulos para criar um design elegante. A seção de herói inclui um formulário de contato estilizado como um CTA. Os triângulos são criados com CSS em módulos de texto.

O layout tem muito vermelho, branco e azul em negrito. A seção de herói inclui uma imagem de fundo em tela cheia, uma mensagem à esquerda com um botão para ver os serviços e um formulário de contato à direita para solicitar serviços.

Serviços

Os serviços são mostrados com uma descrição detalhada e imagens como links para as páginas dos serviços. As imagens incluem sobreposições que revelam a imagem ao passar o mouse. Esta seção inclui divisórias de triângulo nos cantos criados com CSS.

Serviços específicos são exibidos como cartões sobre uma imagem de fundo. Os cartões são criados com imagens, texto, divisórias e botões. Eles incluem um triângulo no canto da imagem para mostrar um desconto.

Uma seção sobre os benefícios da contratação da empresa mostra informações em marcadores com um espaço reservado para a imagem de um técnico no centro. Gosto do uso de cores, tipografia e espaços em branco nesses layouts.

Os depoimentos aparecem ao lado de um CTA nítido sobre uma imagem de plano de fundo. Eles incluem uma borda estilizada para combinar com o site. Sob os depoimentos, há um CTA fino que se vincula a uma promoção especial. O vermelho e o azul se destacam bem.

Projetos

Uma seção sobre projetos anteriores exibe uma imagem de fundo em tela inteira com um link para a página de projetos e imagens em uma grade com um botão para ver o projeto na sobreposição.

Os cupons são exibidos como cartões com uma imagem de fundo. Eles são colocados sobre um plano de fundo estilizado com uma sobreposição vermelha. Essa é uma ótima maneira de fornecer um incentivo.

A seção do blog exibe cartões estilizados com triângulos nos cantos.

CTA

Em seguida, temos um CTA de largura total e uma seção de duas colunas com informações de contato de um lado e um mapa do outro. O mapa inclui cantos de triângulos.

Página DiviHvac Tema infantil sobre nós

A página Sobre nós usa várias das seções da página inicial. Adiciona uma seção sobre a empresa com uma imagem de um lado e um texto do outro. Sinais numerados fornecem informações específicas. Uma declaração de missão corresponde às informações da empresa em um layout alternativo. Os logotipos do cliente são colocados em uma seção de largura total com um título para se destacar.

Página de projetos DiviHvac

A seção de destaque da página Projetos é a galeria de projetos. O texto e os botões são estilizados para corresponder ao resto do site, enquanto a sobreposição é removida ao passar o mouse.

Página de projeto único DiviHvac

A página Projeto Único inclui uma seção com informações, estatísticas e imagens do projeto. Também inclui um CTA para marcar uma consulta.

Página de serviços DiviHvac

A página Serviços mostra os serviços com cartões feitos de uma imagem, texto, um divisor e módulos de botão.

Página de serviço único DiviHvac

A página Serviço Único fornece uma área de conteúdo para detalhes sobre os serviços com um formulário estilizado para solicitar o serviço.

Página do blog DiviHvac

A página de arquivos do Blog exibe postagens de blog como cartões com a imagem, título, meta, trecho e um botão ler mais.

Layout do blog DiviHvac

O layout de postagem no blog exibe o título, meta, imagem em destaque e conteúdo em uma única coluna com uma barra lateral estilizada.

Página de perguntas frequentes do DiviHvac

A página de FAQ divide as perguntas em tópicos. As perguntas são respondidas com alternância. Esta página também inclui um formulário de solicitação de serviço.

Página de depoimentos do tema infantil DiviHvac

Os depoimentos são colocados em cartões que incluem fundo azul escuro, classificação por estrelas, título, divisor e texto.

Página de cupons do tema infantil DiviHvac

Junto com as cores fortes, a página de cupons é uma das coisas que diferenciam o tema infantil Divi. Os cupons são fornecidos como incentivos. Eles são criados com vários módulos de texto e são fáceis de personalizar.

Página de contato do tema infantil DiviHvac

A página de contato inclui um formulário de contato estilizado ao lado de uma imagem, seguido por uma linha com informações de contato e um mapa.

Página de agradecimento do tema infantil DiviHvac

;

A página de agradecimento pode ser usada como uma página redirecionada, fornecendo uma mensagem a qualquer pessoa que use seus formulários de contato. Isso é ótimo para que saibam que você recebeu a mensagem e o que esperar. A mensagem é simples e o design se ajusta ao resto do site.

Layouts do DiviHvac Theme Builder

Os layouts do Theme Builder incluem cabeçalhos e rodapés globais, páginas de categoria e uma página 404.

Cabeçalho

O cabeçalho global inclui várias linhas. A linha superior inclui um módulo de imagem para o logotipo, sinopses para informações e texto para o número de telefone, seguido por um menu de largura total. Este layout também oferece um menu mais simples para tablets e telefones.

Aqui estão os cabeçalhos na visualização visual. Aqueles para celular estão na parte inferior e esmaecidos.

Aqui está o menu no frontend. Inclui estilo para o menu suspenso e um botão aderente (Slide-in) que fica à direita da tela. Você pode substituir a imagem quadrada por qualquer imagem ou ícone que desejar.

Este é o botão aderente deslizante quando você passa o mouse sobre ele. Funciona como um CTA com um botão e redireciona para a página de agradecimento.

O recurso Slide-in é um botão aderente criado com uma classe CSS adicionada à linha no cabeçalho global e nos módulos de texto e inferior.

Rodapé

O rodapé global foi construído com uma seção Especializada e inclui imagens, texto, acompanhamento social e um botão em três linhas.

Veja como fica na visualização.

Veja como fica na página inicial.

Página 404

A página 404 foi construída com um cabeçalho de largura total. Veja como fica na visualização. A página também inclui o cabeçalho e rodapé globais.

Onde comprar DiviHvac

O tema filho DiviHvac de Mark Hendriksen está disponível no Divi Marketplace por $ 39. Inclui uso ilimitado do site e 1 ano de suporte e atualizações.

Reflexões finais

Essa é a nossa visão do tema filho DiviHvac de Mark Hendriksen. Este tema tem muitas páginas para mostrar seus serviços e projetos. Várias páginas, como Cupons e Obrigado, são exclusivas. O estilo arrojado de vermelho e azul destaca as páginas, ao mesmo tempo que confere uma aparência profissional. Embora tenha sido projetado para empresas de HVAC que fazem instalações e reparos, esse design funcionaria muito bem para qualquer tipo de empreiteiro ou site de reparos.

Nós queremos ouvir de você. Você já experimentou o tema infantil DiviHvac? Deixe-nos saber o que você pensa sobre isso nos comentários.

Imagem em destaque via Seahorse Vector / shutterstock.com