Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result

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

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 by Leandro Vieira
4 anos ago
Reading Time: 2 min
0
Como validar os estilos para marcações HTML no Gutenberg
Compartilhe no FacebookCompartilhe no LinkedIn
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.

Conteúdo relacionado

Como criar Web Stories no WordPress

Como criar blocos reutilizáveis no Gutenberg

Como habilitar recursos ocultos do Gutenberg no tema WordPress

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.

View this gist on GitHub

Viu como é simples?

Tags: cssGutenbergHTML
Share80Share1SendShare
Previous Post

Como construir negócios por meio do WordPress?

Next Post

O dia em que falamos sobre machismo na Apiki

Leandro Vieira

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.

Related Posts

Anatomia do Gutenberg, o editor do WordPress
Desenvolvimento WordPress

Anatomia do Gutenberg, o editor do WordPress

13 de janeiro de 2021
As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Next Post
machismo

O dia em que falamos sobre machismo na Apiki

Porque seu site precisa adotar o protocolo HTTP/2

Porque seu site precisa adotar o protocolo HTTP/2

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.

  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.