Início » Desenvolvimento WordPress » Como validar os estilos para marcações HTML no Gutenberg
Desenvolvimento WordPress

Como validar os estilos para marcações HTML no Gutenberg

Obtenha uma marcação HTML de exemplo para validar os estilos dos elementos usados no Gutenberg. Garanta os estilos de todas as marcações HTML.
Escrito Por Leandro Vieira em março de 2019 /1 min de leitura
Conteúdo escrito por humano

Durante o desenvolvimento de novos projetos, precisamos garantir que os elementos HTML a serem utilizados no editor tenham estilização na visualização do site.

Para termos essa garantia é importante validar os estilos aplicados as marcações HTML utilizadas no Gutenberg.

Cada bloco de conteúdo vai resultar numa marcação HTML específica.

Das mais simples, como o bloco de parágrafo, que resulta na tag <p>, as mais sofisticadas como os widgets ou blocos adicionados através de plugins.

Como validar

Crie um novo post, ou página, e cole a marcação HTML de exemplo abaixo.

Em seguida visualize o conteúdo e observe se todos os itens estão devidamente estilizados ;).

Marcação HTML de exemplo

Considere colar a marcação HTML de exemplo abaixo através do Editor de código.

Imagem ilustrativa da opção de "Editor de código" do editor Gutenberg do WordPress

Utilize a opção “view raw” no final do arquivo para copiá-lo mais facilmente.

Viu como é simples?

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.
Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados

Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login