Configurações de borda e sombra

Vários blocos no editor do WordPress incluem configurações de borda para adicionar uma linha contornando o conteúdo. Este guia mostra como usá-las.

Ajuste a aparência do texto do bloco com as seguintes configurações.

Se você não encontrar a configuração, clique nos três pontos à direita de Borda e sombra (como na imagem à direita). Em seguida, escolha a opção que deseja acessar:

• Borda
• Raio
• Sombra

A configuração Borda permite adicionar uma linha que contorna um bloco. Você pode escolher a espessura, cor e raio da borda.

Para adicionar uma borda a um bloco:

1. Selecione o bloco e abra a barra lateral Configurações de bloco.
2. Encontre a seção Borda e sombra na barra lateral.
3. Insira um valor exato ou arraste o controle deslizante para desenhar a borda.
4. Opcional: altere a cor da borda clicando no círculo à esquerda do campo de tamanho. Selecione uma cor do tema, uma cor padrão ou defina a sua própria usando o seletor de cores.

Por padrão, os valores da borda são calculados em pixels.  Clique em “px” ao lado do campo para alterar para uma das outras unidades (%, em, rem, vw e vh). Saiba mais sobre as diferentes unidades de configuração de dimensão.

A configuração Raio dá uma aparência arredondada às bordas do bloco. Definir o raio como 0 significa que o bloco tem bordas pontiagudas, enquanto defini-lo como 100 significa bordas arredondadas como na imagem abaixo:

Você pode usar a criatividade nas configurações Borda e Raio. Usando a opção “Desvincular lados”, você pode definir a borda e o raio de cada lado do bloco.

Para definir uma borda ou raio personalizado para cada lado:

1. Clique no ícone Desvincular lados à direita de Borda ou Raio.
2. Defina dimensões personalizadas para cada lado.

Você também pode definir diferentes cores e estilos para Borda clicando no Seletor de cor e estilo da borda.

Disponível em determinados blocos (incluindo Botão, Imagem e Colunas), a opção Sombra adiciona uma sombra atrás do bloco.

Escolha um dos efeitos de sombra abaixo para o elemento:

• Natural
• Intenso
• Acentuado
• Delineado
• Nítido

Você pode personalizar os efeitos de sombra padrão ou criar seus próprios efeitos usando o editor Estilos.

1. Acesse o painel do seu site.
2. Acesse Aparência → Editor.
3. Selecione “Estilos” no menu esquerdo.
   • No editor, você também pode selecionar o ícone Estilos no canto superior direito. O botão é um círculo em preto e branco.
4. Clique na opção “Sombras”.
5. Clique no nome da sombra que deseja personalizar. Para criar uma nova sombra personalizada, clique no ícone (+) ao lado do título “Personalizado” e clique no nome da nova sombra.
6. Nas configurações de sombra, você verá uma visualização da aparência e, abaixo, o nome da sombra. Clique no nome da sombra para ajustar as seguintes configurações:
   • Cor: usando o Seletor de cores, escolha a cor da sombra.
   • Externa ou interna: selecione se a sombra aparece fora ou dentro do elemento.
   • Posição X e posição Y: ajuste a distância entre a sombra e o objeto.
   • Desfoque: a intensidade do desfoque da sombra.
   • Difusão: o tamanho da sombra.
7. Quando estiver tudo pronto, clique no botão “Salvar” para salvar suas alterações.

Você pode redefinir as personalizações nas bordas e sombras do bloco e recomeçar. Para redefinir os estilos:

1. Clique nas opções de Borda e sombra (os três pontos verticais à direita do cabeçalho da seção).
2. Desmarque uma configuração individual para redefinir a configuração específica ou clique em “Redefinir tudo” para redefinir todas as configurações.

Se não houver opções para redefinir, não haverá personalizações para remover.