Ir para o conteúdo principal

Como personalizar tipografia e layout em Divi

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Para começar a personalizar o layout e a tipografia do seu site, você deve primeiro acessar o Customizador de temas clicando no link Divi > Personalizador de tema no seu painel do WordPress. Isto irá iniciar o personalizador. Em seguida, procure o painel "Configurações gerais". Clique no painel para abrir as configurações apropriadas e começar a personalizar. No painel "Configurações gerais", você verá três seções: Configurações de layout, Tipografia e Plano de fundo.

parâmetros gerais divi.png

Configurações de layout

O painel de layout permite ajustar várias opções de espaçamento e espaçamento para o seu site. Aqui você pode aumentar ou diminuir o espaçamento entre colunas, linhas e seções e ajuste o tamanho da sua barra lateral. Você também pode ativar o modo "Layout em caixa" neste painel.

layout parameter.png

Ativar layout de aninhamento

Aqui você pode editar seu site em um formato de caixa que enquadra o conteúdo do seu site e expõe um plano de fundo que pode ser personalizado.

Largura do conteúdo do site

É aqui que você pode definir a largura máxima de sua seção de conteúdo. Como seu conteúdo está em um layout responsivo, ele se ajustará a tamanhos menores, mas não se estenderá além da largura máxima definida aqui.
O valor padrão é 1080px. É uma boa largura para a maioria dos laptops e desktops padrão.

Espaçamento de colunas no site

A largura da medianiz é a quantidade de espaço horizontal (margem) entre as colunas de cada linha.

Valores opcionais para a largura da medianiz estão entre 1 e 4.

1 representa a margem zero entre as colunas.
2 representa uma margem de 3% entre as colunas.
3 representa uma margem de 5,5% entre as colunas.
4 representa uma margem de 8% entre as colunas.

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 554.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

configuração de divi.png

Use a largura da barra lateral personalizada

Isso define a largura da barra lateral padrão do seu tema. Isso se aplica a todas as páginas do seu tema que possuem uma barra lateral e que não são criadas com o Divi Builder.

Altura da seção e linha

Essas opções ajustam a quantidade de espaçamento vertical (preenchimento superior e inferior) para cada seção e linha.

Cor do acento do tema

Antes de começar a mudar as cores dos seus outros elementos, você deve primeiro mudar isso. Depois de alterá-lo, salve e publique suas configurações e atualize sua página. Agora, o tema atualizado de cor de destaque deve ter preenchido automaticamente outros elementos.

tipografia

O painel Tipografia é onde você pode ajustar a aparência padrão do texto em todo o site. Você pode ajustar o tamanho da fonte e dos cabeçalhos, o que será refletido em todas as áreas do site proporcionalmente. Você pode ajustar a cor, a altura da linha, o espaçamento entre letras e os estilos de fonte. Finalmente, você também pode escolher entre dezenas de fontes para aplicar a cada uma delas.

tipografia em divi.png

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Tamanho do texto do corpo

Isso altera o corpo do texto padrão do seu tema. O tamanho padrão é 14px.

Altura da linha do corpo

A altura da linha de cada linha de texto.

Tamanho do texto do cabeçalho

Divi permite que você defina o tamanho do texto padrão do seu cabeçalho aqui. Isso afeta os elementos de Divi como os títulos do módulo de cabeçalho Fullwidth.

Espaço de letra do cabeçalho

O espaçamento das letras ajusta o espaço horizontal entre as letras. O valor do espaçamento entre letras cabeçalho afeta todos os níveis de cabeçalho (h1, h2, h3, h4, h5, h6), aspas e os títulos de slides.

Altura da linha de cabeçalho

Tal como acontece com o valor de espaçamento de letras, cabeçalho valor altura da linha afeta todos os níveis de cabeçalho (h1, h2, h3, h4, h5, h6), as citações e manchetes slides.

Estilo da polícia

Use essas opções para alterar o estilo da fonte dos seus cabeçalhos.

Fonte de corpo e cabeçalho

A fonte padrão no Divi é o Open Sans, mas o Divi tem quase cem fontes para escolher! Aproveite essas fontes internas e teste as melhores para o seu tema.

Cor dos elos do corpo

A cor do link do corpo é herdada pela cor de destaque do seu tema. Mas você sempre pode mudar isso aqui.

Cor do texto do corpo

Aqui você pode mudar a cor do texto do seu corpo.

Cor do texto do cabeçalho

Aqui você pode mudar a cor dos seus cabeçalhos.

Fundo

O painel de plano de fundo permite ajustar a cor do plano de fundo do tema, bem como carregar uma imagem de plano de fundo personalizada e ajustar o posicionamento dela na página. As imagens de segundo plano e as cores funcionam melhor quando estão associadas à configuração Layout em caixa no painel Layouts mencionado anteriormente.

do divi.png

Isso é tudo para este Tutoriel, Espero que permita ajustar melhor a fonte e o layout do tema Divi.

Outros tutoriais Divi

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
9 ações
ação6
chilrear1
Enregistrer2
Whatsapp