Duriza - Visão geral do tema infantil Divi

O tema infantil Duriza Divi é um tema infantil multifuncional, projetado para empresas de serviços. Inclui 12 páginas, um controle deslizante personalizado com acionadores de ícone e um submenu da barra lateral para vincular seus serviços. Neste artigo, daremos uma olhada em Duriza para ajudá-lo a decidir se é o tema infantil Divi certo para suas necessidades.

Instalando o tema infantil Duriza Divi

A instalação é simples, mas existem várias etapas a seguir. Instale e ative o tema infantil Duriza Divi como faria com qualquer tema. Primeiro, com o Divi ativado, carregue e ative o tema. A instalação do conteúdo de demonstração do Duriza é feita manualmente. Felizmente, as instruções são simples e claras.

Em seguida, você precisará carregar as configurações para Theme Options, Theme Builder, Theme Customizer e a Divi Library. Esses arquivos são fornecidos em um arquivo compactado suplementar. Os arquivos são rotulados para que sejam fáceis de identificar. Finalmente, você precisará criar a página inicial e quaisquer outras páginas que desejar usando os layouts na biblioteca e adicioná-los ao menu.

A documentação fornece informações sobre como adicionar imagens à grade, adicionar setas aos menus suspensos e laterais, criar um menu lateral, alterar cores e criar uma postagem de blog usando o layout da biblioteca.

Tudo isso é mais fácil do que parece e as instruções são fáceis de seguir. No entanto, leva um pouco de tempo.

Página inicial do tema infantil Duriza Divi

A página inicial da Duriza foi construída com vários módulos de texto, sinopses, botões, slides, divisórias e um formulário de contato. Veremos cada uma das seções da página inicial. As outras páginas usam designs semelhantes. Cada página inclui destaques em verde claro.

Duriza Home Page Hero Section

A seção do herói exibe o cabeçalho e as imagens grandes com links para as páginas. O cabeçalho é criado no construtor de tema. As imagens são colocadas em um layout de várias colunas com uma imagem grande de um lado e duas imagens menores em uma pilha do outro lado. Suas camadas escuras iluminam-se ao pairar. As sobreposições incluem títulos e um link para ler mais.

Seção de serviços da página inicial da Duriza

A seção de serviços apresenta os serviços com um grande título e uma breve descrição. Os serviços são mostrados em 4 colunas com sinopses que incluem a imagem, o título e um botão. Abaixo dele, os serviços são destacados com slides em uma única coluna com o título na parte inferior. Os slides incluem uma sombra de caixa. O fundo inclui um padrão de pontos à esquerda. A documentação mostra como adicionar suas imagens.

O slide mostrado corresponde ao slide sobre o qual você está passando o mouse. CSS já foi adicionado às linhas para fazer isso, mas você precisará adicionar os URLs da imagem à folha de estilo CSS, como fiz no exemplo acima. As imagens são pré-carregadas para que apareçam instantaneamente ao passar o mouse, usando um efeito de transição.

Para obter um exemplo de como usar o slide, adicionei ícones de imagem de outros layouts Divi e imagens do Unsplash. As imagens são pré-carregadas para que apareçam rapidamente ao passar o mouse. As instruções guiam você por isso. Se as imagens não aparecerem quando você atualizar a página, recomendo limpar o cache. Esta é uma das seções que mais se destacam.

Duriza Home Page Seção Sobre

As informações sobre a empresa e os membros da equipe exibem uma mensagem completa com um botão para ver a página Sobre nós. As informações são exibidas em um layout de coluna dupla com uma imagem grande de um lado e os títulos dos membros da equipe do outro. O padrão de fundo pontilhado aparece nesta seção à direita.

Seção de Projetos da Home Page da Duriza

Os projetos são exibidos em uma grade de três colunas com uma introdução e animações de foco que iluminam a sobreposição.

Seção de depoimentos da página inicial da Duriza

Módulos de texto, uma divisória e um botão criam a seção de depoimento. Como mostra este exemplo, exibe um título, um breve depoimento e um botão que leva à página de depoimentos. O fundo cinza escuro se destaca das outras seções. Os destaques verdes combinam bem com o cinza escuro.

Duriza Home Page Seção de contato

A seção de contato inclui duas caixas colocadas sobre um fundo de tela inteira com uma sobreposição que cobre a borda esquerda. As informações de contato são exibidas na primeira caixa com texto e ícones sobre um fundo branco. Um formulário de contato é exibido sobre um fundo cinza escuro que corresponde à seção de depoimento. Ambas as caixas incluem destaques verdes.

Duriza Divi Criança Tema Sobre Nós Página

O tema filho da Duriza Divi Sobre a página apresenta a página com um cabeçalho de largura total que inclui uma imagem com uma sobreposição estilizada para as laterais. As imagens exibem links que rolam até as linhas da história, visão e missão. Essas linhas exibem uma imagem e um texto em um layout alternativo. A página também inclui a seção de contato da página inicial.

Página de serviços temáticos para crianças Duriza Divi

A página de serviços do tema infantil Duriza Divi exibe os serviços dentro de sinopses em uma grade. Os botões ligam às páginas de serviço individuais. Esta página também inclui a seção de contato da página inicial.

Página Única de Serviço do Tema Infantil Duriza Divi

Páginas de serviço único mostram informações sobre o serviço em uma única coluna com um menu estilizado à esquerda. Este menu é adicionado com um módulo de barra lateral que exibe um widget personalizado que você criará. As animações flutuantes no menu mudam o fundo do nome da página para verde.

Página de depoimentos do tema infantil Duriza Divi

A página Depoimentos do tema infantil Duriza Divi exibe depoimentos criados com módulos de texto em uma seção de três colunas. Conforme visto neste exemplo, eles incluem uma avaliação com estrelas, título, detalhes e o nome.

Página de projetos temáticos infantis Duriza Divi

A página Projetos do tema infantil Duriza Divi exibe os projetos em uma grade de três colunas com módulos de texto. As imagens ficam escuras até que você passe o mouse sobre elas.

Página individual do projeto do tema infantil Duriza Divi

A página do projeto único do tema filho Duriza Divi exibe o título do projeto acima de uma descrição com a data, cliente, tipo e informações do contratado em uma lista à direita. Imagens do projeto aparecem abaixo disso.

Página do blog do tema infantil Duriza Divi

A página do Blog do tema infantil Duriza Divi exibe as postagens em uma única coluna com uma barra lateral direita. As postagens mostram a imagem em destaque, o título, o trecho e um botão estilizado para ler mais. Os widgets na barra lateral têm uma borda superior estilizada que corresponde ao site e uma borda esmaecida nos outros três lados. O cabeçalho apresenta a página. Uma sobreposição verde aparece sobre as imagens ao passar o mouse.

Postagem individual do tema infantil Duriza Divi

As postagens do blog são criadas com o Divi Builder e incluem um título de postagem de largura total, texto, comentários e uma barra lateral direita.

Veja como o design fica no frontend. Configurei a página Divi para ser exibida em largura total e não exibir o título. Isso permite mostrar apenas o cabeçalho, rodapé e módulos.

Página de contato do tema infantil Duriza Divi

A página de contato do tema infantil Duriza Divi exibe imagens com links que direcionam para as informações de contato adequadas quando clicadas. O estilo do formulário de contato corresponde ao restante do site com uma borda verde na parte inferior de cada campo.

Layouts do Construtor de Tema Duriza

Os layouts Theme Builder para o tema filho Duriza Divi incluem um cabeçalho e rodapé globais para o modelo padrão, um layout personalizado para todas as páginas de categoria e um layout personalizado para a página 404.

Duriza Header

O cabeçalho inclui duas seções com mídia social e dois botões na seção superior e um menu na seção inferior. A seção superior possui duas linhas: uma para desktops e outra para telefones e tablets.

O Visual Builder mostra as duas linhas superiores para que você possa trabalhar nelas. Como o número de telefone é um botão, ele pode ser clicado.

Duriza Footer

O rodapé de Duriza se parece com widgets, mas é feito com módulos de texto e divisores.

Como resultado, o rodapé lista links que incluem o logotipo, cabeçalhos e divisores estilizados que não seriam fáceis de fazer apenas com widgets.

Duriza todas as páginas da categoria

O modelo Todas as páginas da categoria é igual à página do blog. Inclui um cabeçalho de largura total, blog e módulos da barra lateral.

Página Duriza 404

A parte do corpo da página 404 de Duriza é criada com um módulo de cabeçalho de largura total. Ele exibe uma imagem de plano de fundo em tela inteira com uma mensagem e um botão na sobreposição.

Onde comprar o tema infantil Duriza Divi

Compre o tema infantil Duriza Divi no Divi Marketplace por $ 39. Como sempre, Duriza inclui uso ilimitado do site e atualização e suporte por 1 ano.

Reflexões finais

Esse é o nosso olhar sobre o tema infantil Duriza Divi. Embora seja um tema filho de várias finalidades, os slides personalizados para mostrar os serviços na página inicial e o submenu personalizado nas páginas de serviços individuais o tornam uma excelente escolha para um site de serviços. As 12 páginas oferecem muitas páginas para mostrar seus serviços e projetos. O estilo é simples e limpo, dando ao tema infantil um design elegante.

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

Imagem em destaque via BRO.vector / shutterstock.com