---
title: "WordPress block editor Gutenberg: Guia essencial em 6 etapas"
description: "O WordPress block editor Gutenberg substituiu o antigo editor clássico e transformou cada parágrafo, imagem ou botão em um bloco autônomo."
url: https://full.services/wordpress-block-editor-gutenberg/
date: 2026-06-27
author: "Clayton Margiotti"
---
# WordPress block editor Gutenberg: Guia essencial em 6 etapas
O **WordPress block editor Gutenberg** é o editor de conteúdo nativo que monta páginas com blocos independentes, sem código. Segundo a [WordPress Developer Docs](https://developer.wordpress.org/block-editor/contributors/versions-in-wordpress/) (2026), ele estreou no WordPress 5.0, em dezembro de 2018. Cada bloco vira um elemento isolado, reordenável por arrastar. Domine o painel e publique sem depender de page builder pesado.
O WordPress block editor Gutenberg substituiu o antigo editor clássico e transformou cada parágrafo, imagem ou botão em um bloco autônomo. Em vez de um campo de texto único, você empilha blocos e os reordena com o mouse. Este guia mostra como o block editor funciona na prática, quando ele basta sozinho e em que ponto um construtor como o [acervo de artigos de Elementor da FULL](https://full.services/elementor/) entra na jogada. A gente vê no suporte que metade da fricção com o editor vem de não entender a hierarquia de blocos, padrões e modelos. Vamos resolver isso etapa por etapa.
---
## Primeiros passos: Visão geral do block editor
O WordPress block editor Gutenberg organiza todo o conteúdo em três camadas: blocos individuais, grupos de blocos e modelos de página. Desde o [WordPress 6.5](https://developer.wordpress.org/block-editor/contributors/versions-in-wordpress/) (que embarca o Gutenberg 17.7), o editor também controla cabeçalho e rodapé via edição de site completa, o recurso FSE. Entender essa estrutura antes de escrever o WordPress block editor Gutenberg evita boa parte das dúvidas iniciais que chegam ao suporte.
A tabela abaixo resume os três níveis e o que cada um resolve. Use-a como mapa mental: você quase nunca precisa de plugin externo para tarefas das duas primeiras linhas, e o [Gutenberg](https://full.services/glossario/gutenberg/) já entrega tudo isso de fábrica.
WordPress block editor Gutenberg: camadas, função e ferramenta nativa
Camada
O que controla
Recurso nativo do editor
Bloco
Parágrafo, imagem, botão, lista, vídeo.
Inserter (ícone +) com mais de 90 blocos padrão.
Padrão
Grupo de blocos pré-montado e reutilizável.
Aba Padrões e blocos sincronizados.
Modelo
Layout de página, cabeçalho e rodapé.
Editor de site (recurso FSE).
Legenda: o inserter lista todos os blocos disponíveis e prova que o editor cobre texto, mídia e layout sem plugin.
## Como o block editor difere do editor clássico
A diferença central é estrutural: o WordPress block editor Gutenberg salva o conteúdo como blocos delimitados por comentários HTML, enquanto o editor clássico gravava um único campo de texto livre. Essa mudança, ativa desde o WordPress 5.0 (Gutenberg 4.6.1), permite que cada bloco tenha configurações próprias de cor, espaçamento e alinhamento, sem CSS manual.
Na prática, isso muda o fluxo de trabalho. No editor clássico você dependia de shortcodes e do botão TinyMCE para qualquer formatação. No block editor, cada elemento expõe uma barra de ferramentas contextual e um painel lateral de ajustes. Ferramentas como TinyMCE, Classic Editor e o próprio Gutenberg convivem: o plugin Classic Editor ainda mantém o modo antigo para quem precisa de compatibilidade com temas legados. Mas o editor de blocos é o padrão oficial e recebe todas as melhorias novas.
## Como inserir e organizar blocos na página
Inserir blocos no WordPress block editor Gutenberg leva menos de cinco segundos por elemento: clique no ícone +, busque o bloco pelo nome e ele aparece no cursor. O atalho `/` digitado no início de uma linha abre o mesmo menu sem tirar a mão do teclado, o que acelera bastante a escrita de artigos longos.
A organização depende de dois recursos pouco usados por iniciantes. O primeiro é a Visualização em Lista (ícone de lista no topo), que mostra a árvore de blocos da página inteira e permite arrastar qualquer um para outra posição sem rolar a tela. O segundo é o bloco Grupo, que envolve vários blocos em um contêiner com fundo e espaçamento únicos. Agências que gerenciam dezenas de páginas usam Grupo para padronizar seções, um hábito que também aparece em quem migra de page builder para o editor nativo, como mostra o comparativo [entre Elementor e Gutenberg](https://full.services/elementor-vs-gutenberg/).
## Como reaproveitar layouts com padrões e modelos
Padrões e modelos são o que separa quem usa o WordPress block editor Gutenberg de forma amadora de quem produz em escala. Um [padrão (block pattern)](https://full.services/glossario/block-pattern/) é um conjunto de blocos pré-montado: você insere uma seção de preços ou um cabeçalho de chamada com um clique, em vez de remontar tudo. O editor traz dezenas prontos e aceita salvar os seus.
Já um [modelo (block template)](https://full.services/glossario/block-template/) define a estrutura de um tipo de conteúdo inteiro: todo post novo nasce com aquele esqueleto. Combinados, padrões e modelos cortam o tempo de montagem de uma página de 30 minutos para menos de 5. A gente vê no suporte que a maioria dos sites que reclamam de lentidão na produção simplesmente nunca configurou um padrão reutilizável, e seguem copiando e colando blocos manualmente em cada página.
## Como o block editor se conecta a temas e widgets
Desde o WordPress 5.9, o WordPress block editor Gutenberg passou a editar áreas que antes eram exclusivas do tema: cabeçalho, rodapé e barras laterais. Os antigos [widgets do WordPress](https://full.services/glossario/widget-wordpress/) agora também são blocos, o que unifica a interface. Temas que declaram suporte ao recurso FSE de edição de site, como o Twenty Twenty-Four, abrem o editor de site completo no menu Aparência.
Essa integração tem um limite técnico importante. Temas clássicos sem suporte a FSE só expõem o editor de blocos no conteúdo do post, não no layout global. Para esses casos, ou você troca por um [tema WordPress](https://full.services/glossario/tema-wordpress/) compatível com blocos, ou recorre a um construtor visual. É exatamente nesse ponto que o Elementor ganha espaço: ele opera sobre qualquer tema, enquanto o editor nativo depende do suporte declarado. Quem está começando encontra um caminho prático no [tutorial de Elementor para iniciantes](https://full.services/elementor-tutorial-iniciantes/).
## Passo a passo: Configure o block editor do zero
Configurar o WordPress block editor Gutenberg para produção leva cerca de 10 minutos e elimina a maior parte das dúvidas recorrentes. As cinco etapas abaixo seguem a ordem que reduz retrabalho: estrutura primeiro, conteúdo depois.
### Passo 1: Ative a visualização em lista
Abra qualquer post e clique no ícone de lista no canto superior esquerdo. A Visualização em Lista mostra a árvore de blocos e vira seu mapa de navegação. Mantenha-a aberta em páginas com mais de 15 blocos.
### Passo 2: Crie um grupo para a primeira seção
Selecione os blocos de abertura, clique nos três pontos e escolha Agrupar. O bloco Grupo permite aplicar fundo, espaçamento e largura em todos os blocos internos de uma vez, garantindo consistência visual.
### Passo 3: Salve a seção como padrão
Com a seção pronta, abra o menu de opções do bloco Grupo e selecione Criar padrão. Dê um nome claro. A partir daí, qualquer página reutiliza a seção pelo inserter, sem copiar e colar.
### Passo 4: Defina um modelo para o tipo de post
No editor de site (temas FSE), abra Modelos e edite o modelo Post único. Ajuste a posição de título, imagem destacada e conteúdo. Todo post novo passa a nascer com essa estrutura.
### Passo 5: Revise no editor de código
No menu de três pontos, ative o Editor de código para ver o HTML gerado. Cada bloco aparece entre comentários como ``. Conferir o markup evita surpresas de formatação na publicação.
## Quando o block editor basta e quando vale um construtor
O WordPress block editor Gutenberg resolve sozinho a maioria dos sites de conteúdo: blogs, páginas institucionais e portfólios com layout previsível raramente precisam de mais. O editor é gratuito, vem embutido e não adiciona scripts extras, o que mantém o carregamento abaixo de 1 segundo em hospedagens decentes.
O limite aparece em layouts complexos e repetíveis. Quando você precisa de cabeçalhos animados, sticky elements condicionais ou um sistema de design replicado em 50 páginas, montar tudo bloco a bloco vira gargalo. Aí um construtor como o Elementor PRO compensa o custo. Na base da FULL, com mais de 150 mil sites conectados, a gente vê no suporte que sites de agência tendem a usar o editor nativo para o blog e o construtor para landing pages de campanha. Os dois coexistem no mesmo site sem conflito, desde que você não duplique o mesmo template nas duas ferramentas.
## Acelere sua produção com os plugins certos da FULL
Quando o WordPress block editor Gutenberg deixa de dar conta e você precisa de um construtor visual ou de uma stack de plugins premium, o custo avulso pesa: licenças individuais de Elementor PRO, Rank Math PRO e WP Rocket somam centenas de reais por ano, por site. O plano PRO da FULL custa R$849 e libera os 17 plugins premium para até 10 sites, o que dá cerca de R$85 por site. A gente vê no suporte que esse é o ponto em que agências param de pagar licença a licença e consolidam tudo em um painel só. Veja os detalhes em [FULL.services/planos](https://full.services/planos) e compare com o que você já gasta hoje em assinaturas separadas.
---
## Perguntas frequentes sobre o WordPress block editor Gutenberg
O que é o WordPress block editor Gutenberg em uma frase?
É o editor nativo do WordPress que monta cada elemento da página como um bloco independente, introduzido no WordPress 5.0 em dezembro de 2018. Cada parágrafo, imagem ou botão vira um bloco com ajustes próprios de cor e espaçamento, reordenável por arrastar, sem precisar de código ou shortcode.
É possível usar o block editor sem instalar nenhum plugin extra?
Sim. O WordPress block editor Gutenberg já vem embutido no núcleo do WordPress desde a versão 5.0 e não exige nenhum plugin para funcionar. Os mais de 90 blocos padrão cobrem texto, mídia, colunas e botões. Plugins só entram quando você quer blocos específicos, como formulários avançados ou um construtor visual completo.
Por que o editor de blocos não mostra a opção de editar cabeçalho e rodapé?
Isso acontece porque o seu tema não declara suporte ao recurso FSE de edição de site. Apenas temas FSE, como o Twenty Twenty-Four, liberam o editor de site completo no menu Aparência. Em temas clássicos, o block editor edita só o conteúdo do post, não o layout global. A solução é trocar por um tema compatível com blocos.
Qual a diferença entre um padrão e um modelo no block editor?
Um padrão (block pattern) é um grupo de blocos reutilizável que você insere em qualquer lugar, como uma seção de preços. Um modelo (block template) define a estrutura inteira de um tipo de post, fazendo cada novo conteúdo nascer com aquele esqueleto. Padrão é peça avulsa; modelo é a planta da página.
Quando vale a pena trocar o block editor por um construtor como o Elementor?
Vale quando o layout precisa de elementos complexos repetidos em muitas páginas, como cabeçalhos animados ou um design system replicado em escala. O Gutenberg basta para blogs e páginas simples. O Elementor PRO compensa em landing pages de campanha e sites de agência, onde montar bloco a bloco em 50 páginas viraria gargalo de produção.
## Próximos passos para dominar a edição no WordPress
O WordPress block editor Gutenberg é a base de qualquer site moderno: dominar blocos, padrões e modelos resolve a produção de conteúdo da maioria dos projetos sem custo extra. O caminho prático é estrutural primeiro, configure a Visualização em Lista, agrupe seções e salve seus padrões, e só depois decida se o projeto pede um construtor visual por cima. Para aprofundar layouts avançados, o guia [Domine o Elementor](https://full.services/guias/domine-o-elementor) mostra quando o editor nativo entrega e quando o construtor compensa. Continue aprendendo no [FULL Academy](https://full.services/academy/), que reúne tutoriais, guias e reviews de WordPress em um só lugar.
---
## Metadados Estruturados (Schema.org)
```json-ld
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "TechArticle",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#article",
"headline": "WordPress block editor Gutenberg: Guia essencial em 6 etapas",
"description": "O WordPress block editor Gutenberg substituiu o antigo editor clássico e transformou cada parágrafo, imagem ou botão em um bloco autônomo.",
"url": "https://full.services/wordpress-block-editor-gutenberg/",
"datePublished": "2026-06-27T09:00:00-03:00",
"dateModified": "2026-06-27T09:00:00-03:00",
"inLanguage": "pt-BR",
"articleSection": "Elementor",
"keywords": [
"wordpress block editor gutenberg",
"WordPress",
"Web Development"
],
"author": {
"@id": "https://full.services/#person-clayton"
},
"publisher": {
"@id": "https://full.services/#org"
},
"about": [
{
"@type": "Thing",
"name": "WordPress",
"@id": "https://www.wikidata.org/wiki/Q13166",
"sameAs": "https://www.wikidata.org/wiki/Q13166"
},
{
"@type": "Thing",
"name": "Web Development",
"@id": "https://www.wikidata.org/wiki/Q386275",
"sameAs": "https://www.wikidata.org/wiki/Q386275"
}
],
"mentions": [
{
"@type": "Organization",
"name": "WordPress",
"url": "https://wordpress.org/",
"@id": "https://www.wikidata.org/wiki/Q13166",
"sameAs": "https://www.wikidata.org/wiki/Q13166"
}
],
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://full.services/wordpress-block-editor-gutenberg/"
},
"wordCount": 2162,
"citation": [
{
"@type": "CreativeWork",
"name": "WordPress Developer Docs",
"url": "https://developer.wordpress.org/block-editor/contributors/versions-in-wordpress/",
"publisher": {
"@type": "Organization",
"name": "WordPress Developer Docs"
}
}
]
},
{
"@type": "FAQPage",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq",
"isPartOf": {
"@id": "https://full.services/wordpress-block-editor-gutenberg/#article"
},
"mainEntity": [
{
"@type": "Question",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq-q1",
"name": "O que é o WordPress block editor Gutenberg em uma frase?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "É o editor nativo do WordPress que monta cada elemento da página como um bloco independente, introduzido no WordPress 5.0 em dezembro de 2018. Cada parágrafo, imagem ou botão vira um bloco com ajustes próprios de cor e espaçamento, reordenável por arrastar, sem precisar de código ou shortcode.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq-q2",
"name": "É possível usar o block editor sem instalar nenhum plugin extra?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sim. O WordPress block editor Gutenberg já vem embutido no núcleo do WordPress desde a versão 5.0 e não exige nenhum plugin para funcionar. Os mais de 90 blocos padrão cobrem texto, mídia, colunas e botões. Plugins só entram quando você quer blocos específicos, como formulários avançados ou um construtor visual completo.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq-q3",
"name": "Por que o editor de blocos não mostra a opção de editar cabeçalho e rodapé?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Isso acontece porque o seu tema não declara suporte ao recurso FSE de edição de site. Apenas temas FSE, como o Twenty Twenty-Four, liberam o editor de site completo no menu Aparência. Em temas clássicos, o block editor edita só o conteúdo do post, não o layout global. A solução é trocar por um tema compatível com blocos.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq-q4",
"name": "Qual a diferença entre um padrão e um modelo no block editor?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Um padrão (block pattern) é um grupo de blocos reutilizável que você insere em qualquer lugar, como uma seção de preços. Um modelo (block template) define a estrutura inteira de um tipo de post, fazendo cada novo conteúdo nascer com aquele esqueleto. Padrão é peça avulsa; modelo é a planta da página.",
"author": {
"@id": "https://full.services/#org"
}
}
},
{
"@type": "Question",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#faq-q5",
"name": "Quando vale a pena trocar o block editor por um construtor como o Elementor?",
"inLanguage": "pt-BR",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vale quando o layout precisa de elementos complexos repetidos em muitas páginas, como cabeçalhos animados ou um design system replicado em escala. O Gutenberg basta para blogs e páginas simples. O Elementor PRO compensa em landing pages de campanha e sites de agência, onde montar bloco a bloco em 50 páginas viraria gargalo de produção.",
"author": {
"@id": "https://full.services/#org"
}
}
}
]
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://full.services/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Elementor",
"item": "https://full.services/elementor/"
},
{
"@type": "ListItem",
"position": 3,
"name": "WordPress block editor Gutenberg: Guia essencial em 6 etapas",
"item": "https://full.services/wordpress-block-editor-gutenberg/"
}
]
},
{
"@type": "Organization",
"@id": "https://full.services/#org",
"name": "FULL Services",
"url": "https://full.services",
"logo": {
"@type": "ImageObject",
"url": "https://full.services/wp-content/uploads/full-services-logo.png",
"width": 200,
"height": 60
},
"sameAs": [
"https://www.instagram.com/fullservicesbr",
"https://www.facebook.com/fullservices.br",
"https://www.linkedin.com/company/fullservicesbr/"
],
"knowsAbout": [
"WordPress",
"WordPress Hosting",
"Web Development",
"Performance Optimization",
"WordPress Security",
"SEO para WordPress"
],
"award": [
"Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)",
"Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)"
],
"hasCredential": {
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "CVE Numbering Authority (CNA)",
"description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.",
"url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL",
"recognizedBy": {
"@type": "Organization",
"name": "CISA — Cybersecurity and Infrastructure Security Agency",
"url": "https://www.cisa.gov/",
"sameAs": "https://www.cisa.gov/"
}
}
},
{
"@type": "Person",
"@id": "https://full.services/#person-clayton",
"name": "Clayton Margiotti",
"givenName": "Clayton",
"familyName": "Margiotti",
"jobTitle": "Fundador e CEO da FULL Services",
"description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).",
"url": "https://full.services/sobre-nos/",
"image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg",
"sameAs": [
"https://www.linkedin.com/in/cmargiotti/"
],
"knowsAbout": [
"Artificial Intelligence",
"Cybersecurity",
"CVE Program",
"WordPress Enterprise",
"SaaS Platforms",
"Digital Infrastructure",
"Technology Entrepreneurship",
"Company Building",
"Business Leadership",
"Digital Growth"
],
"hasOccupation": {
"@type": "Occupation",
"name": "Fundador e CEO",
"occupationalCategory": "11-1011.00"
},
"knowsLanguage": [
{
"@type": "Language",
"name": "Portuguese",
"alternateName": "pt-BR"
},
{
"@type": "Language",
"name": "English",
"alternateName": "en"
}
],
"memberOf": {
"@type": "Organization",
"name": "CVE Numbering Authorities",
"url": "https://www.cve.org/",
"sameAs": "https://www.cve.org/"
},
"alumniOf": [
{
"@type": "EducationalOrganization",
"name": "Global Scaling Academy (Blitzscaling Program)",
"url": "https://www.blitzscalingacademy.com"
},
{
"@type": "EducationalOrganization",
"name": "Esade",
"url": "https://www.esade.edu"
},
{
"@type": "EducationalOrganization",
"name": "Business School Sao Paulo (BSP)",
"url": "https://bsp.edu.br/"
},
{
"@type": "EducationalOrganization",
"name": "Tera",
"url": "https://somostera.com"
},
{
"@type": "EducationalOrganization",
"name": "Le Wagon",
"url": "https://www.lewagon.com"
},
{
"@type": "EducationalOrganization",
"name": "FIAP",
"url": "https://www.fiap.com.br"
},
{
"@type": "EducationalOrganization",
"name": "PUCRS",
"url": "https://online.pucrs.br/"
}
],
"award": [
"Digital Disruptor – Engaging Experiences Master (Globant, 2021)",
"Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)",
"1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)",
"Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)",
"Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)",
"Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)",
"Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)"
],
"subjectOf": [
{
"@type": "NewsArticle",
"url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners",
"publisher": {
"@type": "Organization",
"name": "Globant"
}
},
{
"@type": "NewsArticle",
"url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html",
"publisher": {
"@type": "Organization",
"name": "PR Newswire"
}
},
{
"@type": "NewsArticle",
"url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas",
"publisher": {
"@type": "Organization",
"name": "Segs"
}
},
{
"@type": "NewsArticle",
"url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao",
"publisher": {
"@type": "Organization",
"name": "Franquia Educacional"
}
},
{
"@type": "NewsArticle",
"url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd",
"publisher": {
"@type": "Organization",
"name": "Acontecendo Aqui"
}
}
],
"worksFor": {
"@type": "Organization",
"@id": "https://full.services/#org"
}
},
{
"@type": "HowTo",
"@id": "https://full.services/wordpress-block-editor-gutenberg/#howto",
"isPartOf": {
"@id": "https://full.services/wordpress-block-editor-gutenberg/#article"
},
"name": "Passo a passo: wordpress block editor gutenberg",
"description": "Guia passo a passo sobre wordpress block editor gutenberg para WordPress.",
"url": "https://full.services/wordpress-block-editor-gutenberg/",
"totalTime": "PT30M",
"author": {
"@type": "Organization",
"@id": "https://full.services/#org"
},
"step": [
{
"@type": "HowToStep",
"position": 1,
"name": "Passo 1: Ative a visualização em lista",
"text": "Abra qualquer post e clique no ícone de lista no canto superior esquerdo. A Visualização em Lista mostra a árvore de blocos e vira seu mapa de navegação. Mantenha-a aberta em páginas com mais de 15 blocos."
},
{
"@type": "HowToStep",
"position": 2,
"name": "Passo 2: Crie um grupo para a primeira seção",
"text": "Selecione os blocos de abertura, clique nos três pontos e escolha Agrupar. O bloco Grupo permite aplicar fundo, espaçamento e largura em todos os blocos internos de uma vez, garantindo consistência visual."
},
{
"@type": "HowToStep",
"position": 3,
"name": "Passo 3: Salve a seção como padrão",
"text": "Com a seção pronta, abra o menu de opções do bloco Grupo e selecione Criar padrão. Dê um nome claro. A partir daí, qualquer página reutiliza a seção pelo inserter, sem copiar e colar."
},
{
"@type": "HowToStep",
"position": 4,
"name": "Passo 4: Defina um modelo para o tipo de post",
"text": "No editor de site (temas FSE), abra Modelos e edite o modelo Post único. Ajuste a posição de título, imagem destacada e conteúdo. Todo post novo passa a nascer com essa estrutura."
},
{
"@type": "HowToStep",
"position": 5,
"name": "Passo 5: Revise no editor de código",
"text": "No menu de três pontos, ative o Editor de código para ver o HTML gerado. Cada bloco aparece entre comentários como ``. Conferir o markup evita surpresas de formatação na publicação. O WordPress block editor Gutenberg resolve sozinho a maioria dos sites de conteúdo: blogs, páginas institucionais e portfólios com layout previsível raramente precisam de mais. O editor é gratuito, vem embutido e não adiciona scripts extras, o que mantém o carregamento abaixo de 1 segundo em hospedagens decentes. O limite aparece em layouts complexos e repetíveis. Quando você precisa de cabeçalhos animados, sticky elements condicionais ou um sistema de design replicado em 50 páginas, montar tudo bloco a bloco vira gargalo. Aí um construtor como o Elementor PRO compensa o custo. Na base da FULL, com mais de 150 mil sites conectados, a gente vê no suporte que sites de agência tendem a usar o editor nativo para o blog e o construtor para landing pages de campanha. Os dois coexistem no mesmo site sem conflito, desde que você não duplique o mesmo template nas duas ferramentas. Quando o WordPress block editor Gutenberg deixa de dar conta e você precisa de um construtor visual ou de uma"
}
]
}
]
}
```