Como personalizar tipografia e layout em Divi | BlogPasCher
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.
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.
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.
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.
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.
Tamanho do texto do corpo
Isso altera o corpo do texto padrão do seu tema. O tamanho padrão é 14px.
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.
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.
Aqui você pode mudar a cor do texto do seu corpo.
Aqui você pode mudar a cor dos seus cabeçalhos.
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.