Na codificação HTML, um divisor, ou tag “Div”, é um trecho de código que permite criar uma nova seção para o site, que contém seu próprio conteúdo e elementos HTML. Você pode usá-los para separar certas partes do seu site, como a localização da sua empresa em um mapa incorporado, ofertas e promoções especiais ou detalhes de contato. Para adicionar um divisor, adicione algum código HTML e CSS ao Editor de temas do seu blog.

1

Faça login no painel de controle de administração do WordPress. Clique em “Aparência” na barra de menu principal no lado esquerdo da tela e, em seguida, clique em “Editor”.

2

Clique em “style.css” na lista de arquivos à direita da tela. Geralmente, está localizado próximo ao final da lista.

3

Role até o final do arquivo e inicie uma nova linha. Cole o seguinte snippet de código:

newdiv {

display: bloco; largura: 100%; cor de fundo: branco; cor preta; borda: 5px vermelho sólido; margem: 5px; preenchimento: 5px; }

Mude “newdiv” para um nome mais adequado para o divisor e altere os atributos para se adequar ao estilo que você deseja que o Div tenha. Observe que a “margem” cria uma lacuna entre o Div e os outros elementos do site ao seu redor, e o “preenchimento” cria uma lacuna entre a borda do Div e o conteúdo dentro dele.

4

Clique no botão “Atualizar arquivo” localizado logo abaixo do painel de edição.

5

Clique no arquivo de modelo na lista de arquivos correspondente à parte do site à qual você deseja adicionar o Div. Por exemplo, se você quiser em uma página de postagem, clique em “single.php.”

6

Percorra o arquivo e coloque o cursor no local do arquivo em que deseja adicionar o novo divisor.

7

Digite o seguinte código no arquivo:

Adicione o conteúdo que você deseja que o divisor contenha entre essas duas tags e clique em “Atualizar arquivo”. Agora você pode adicionar esta tag a qualquer outro arquivo de modelo ou criar novos Divs conforme necessário.