Como usar Div com WordPress

Na codificação HTML, um divisor ou tag “Div”, é um 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 determinadas partes do 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 alguns códigos HTML e CSS ao Editor de temas do seu blog.

1

Faça o login no seu 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 perto da parte inferior da lista.

3

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

newdiv {

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

Altere “newdiv” para um nome mais adequado para o divisor e altere os atributos para se adequarem ao estilo que você deseja que o Div tenha. Observe que “margem” cria uma lacuna entre o Div e os outros elementos do site em torno dele, e o “preenchimento” cria uma lacuna entre a borda do Div e o conteúdo contido 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 no arquivo no qual você 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 essa tag a qualquer outro arquivo de modelo ou criar novas divs conforme necessário.

Publicações Populares