Você está lendo:

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

Sobre:
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.

Leandro Vieira
Audio

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?

WP Care - O produto da Apiki de suporte e manutenção contínua de seu projeto em WordPress
Se você gostou desse artigo sobre Desenvolvimento WordPress, provavelmente vai gostar de: Mais posts como este