O que você está procurando?

Aperte Enter para buscar ou ESC para fechar

Full Site Editing

O que é Full Site Editing no WordPress?

Full Site Editing, frequentemente abreviado como FSE, é o nome usado para descrever o conjunto de recursos que permite editar diferentes partes de um site WordPress utilizando blocos.

Em português, o termo pode ser traduzido como Edição Completa do Site. No entanto, a expressão em inglês e a sigla FSE ainda são comuns em artigos, documentações antigas, temas, plugins e discussões da comunidade WordPress.

O Full Site Editing ampliou o sistema de blocos para além do conteúdo de posts e páginas. Com ele, elementos como cabeçalho, rodapé, menus, templates, estilos e listagens de conteúdo também podem ser editados visualmente.

Entretanto, Full Site Editing e Editor do Site não são exatamente a mesma coisa. O Full Site Editing é o conceito ou iniciativa mais ampla, enquanto o Editor do Site é a interface do WordPress pela qual a maior parte desses recursos é acessada.

Como surgiu o Full Site Editing?

O Full Site Editing foi desenvolvido durante a segunda fase do projeto Gutenberg, voltada à personalização do site.

A primeira fase do projeto concentrou-se na introdução do Editor de Blocos para posts e páginas. Depois que o WordPress passou a tratar parágrafos, imagens, títulos, botões e outros elementos como blocos independentes, o mesmo modelo começou a ser aplicado a outras partes do site.

Assim, elementos que antes eram controlados principalmente por arquivos PHP do tema, pelo Personalizador ou por telas separadas do painel passaram a ser representados por blocos editáveis.

Essa evolução permitiu que os usuários personalizassem visualmente uma parte maior do site sem precisar editar diretamente os arquivos do tema.

Full Site Editing e Editor do Site são a mesma coisa?

Os termos estão relacionados, mas possuem significados diferentes.

Full Site Editing é o nome dado à iniciativa que reuniu diferentes recursos de edição e personalização baseada em blocos.

O Editor do Site é a interface utilizada para acessar e controlar esses recursos no painel do WordPress.

De maneira resumida:

  • Full Site Editing: conceito mais amplo de editar a estrutura e o design do site com blocos;
  • Editor do Site: interface usada para editar templates, estilos, padrões, menus e outras partes do site;
  • Editor de Blocos: interface baseada em blocos utilizada para editar conteúdos como posts e páginas;
  • Tema de blocos: tipo de tema necessário para utilizar o Editor do Site;
  • Projeto Gutenberg: iniciativa de longo prazo da qual o sistema de blocos e o Full Site Editing fazem parte.

O nome Full Site Editing foi amplamente utilizado durante o desenvolvimento dessa experiência. Com o amadurecimento dos recursos, a documentação e a interface do WordPress passaram a adotar termos mais específicos, como Editor do Site, Estilos, Templates e Padrões.

Por isso, Full Site Editing continua sendo um termo válido para compreender a evolução do WordPress, mas não é o nome de uma única tela ou ferramenta.

O que é possível editar com o Full Site Editing?

Com um tema de blocos ativo, o Editor do Site permite controlar diferentes partes da aparência e da estrutura do site.

Entre os elementos que podem ser editados estão:

  • Cabeçalho;
  • Rodapé;
  • Menus de navegação;
  • Templates;
  • Partes de templates;
  • Páginas;
  • Padrões;
  • Cores;
  • Tipografia;
  • Espaçamentos;
  • Layout;
  • Aparência global dos blocos;
  • Página inicial;
  • Resultados de pesquisa;
  • Páginas de arquivos;
  • Página de erro 404;
  • Layout de posts individuais;
  • Layout de páginas individuais.

A quantidade de opções disponível depende do tema, da versão do WordPress e dos plugins instalados.

O Editor do Site fornece a interface, mas o tema continua tendo um papel importante na definição das configurações, dos estilos, dos templates e das opções que estarão disponíveis para o usuário.

Como acessar o Editor do Site?

Para acessar o Editor do Site, entre no painel administrativo do WordPress e acesse: Aparência → Editor

Essa opção somente aparece quando um tema compatível está ativo, como o tema padrão Twenty Twenty-Five. Se o menu Editor não estiver disponível em Aparência, isso geralmente significa que o site utiliza um tema clássico ou um tema que não oferece suporte completo ao Editor do Site.

A ausência dessa opção não indica necessariamente um erro no WordPress. O acesso ao Editor do Site depende do tipo de tema ativo.

O que é um tema de blocos?

Um tema de blocos é um tema WordPress cuja estrutura é construída principalmente com blocos.

Nesse tipo de tema, cabeçalhos, rodapés, menus, áreas de conteúdo e outras partes do layout podem ser representados por blocos e editados visualmente no Editor do Site.

Temas de blocos utilizam templates baseados em HTML com a marcação de blocos do WordPress. Eles também podem utilizar o arquivo theme.json para definir configurações como:

  • Paleta de cores;
  • Tipografia;
  • Larguras do conteúdo;
  • Espaçamentos;
  • Controles disponíveis no editor;
  • Estilos padrão dos blocos;
  • Variações de estilos.

Isso é diferente de um tema clássico, que normalmente utiliza arquivos PHP para controlar seus templates.

O WordPress continua oferecendo suporte aos temas clássicos. Portanto, utilizar um tema de blocos não é obrigatório para manter um site WordPress, embora seja necessário para acessar a experiência completa do Editor do Site.

O que são templates?

Um template determina a estrutura usada para exibir determinado tipo de página no site.

Um tema pode possuir templates diferentes para:

  • Página inicial;
  • Posts individuais;
  • Páginas;
  • Categorias;
  • Tags;
  • Arquivos de autor;
  • Resultados de pesquisa;
  • Página de erro 404.

Por exemplo, o template de posts individuais pode determinar onde aparecem o título, a imagem destacada, o nome do autor, a data, o conteúdo e os comentários.

No Editor do Site, esses templates podem ser visualizados e modificados utilizando blocos.

Ao editar um template, é importante entender que a mudança pode afetar todas as páginas que utilizam aquele template. Alterar o template de posts individuais, por exemplo, pode modificar a estrutura de todos os posts do site, e não apenas do conteúdo visualizado durante a edição.

O que são partes de template?

Uma parte de template é uma seção estrutural reutilizável em diferentes templates.

Os exemplos mais comuns são:

  • Cabeçalho;
  • Rodapé;
  • Barra lateral;
  • Área de comentários.

Um mesmo cabeçalho pode ser utilizado no template da página inicial, nos posts, nas páginas e nos arquivos do site.

Quando uma parte de template reutilizada é alterada, a mudança pode aparecer em todos os templates que utilizam aquela parte. Por isso, é importante revisar o resumo apresentado pelo WordPress antes de salvar alterações no Editor do Site.

O que são os Estilos?

A área de Estilos permite controlar a aparência global do site.

Em vez de alterar manualmente cada bloco, o usuário pode definir configurações que serão aplicadas de forma mais ampla, como:

  • Cores do site;
  • Fontes;
  • Tamanhos de texto;
  • Espaçamento;
  • Largura do conteúdo;
  • Aparência de links;
  • Estilo de botões;
  • Estilo de títulos;
  • Aparência padrão de blocos específicos.

Também é possível que um tema ofereça variações de estilos. Essas variações funcionam como combinações predefinidas de cores, tipografia e outros elementos visuais, permitindo alterar a aparência geral sem trocar de tema.

Os estilos disponíveis são influenciados pelas configurações declaradas pelo tema, especialmente por meio do arquivo theme.json.

O que são padrões?

Os padrões de blocos são composições prontas formadas por um ou mais blocos.

Um padrão pode representar, por exemplo:

  • Cabeçalho;
  • Rodapé;
  • Seção de apresentação;
  • Lista de serviços;
  • Chamada para ação;
  • Grade de posts;
  • Formulário de contato;
  • Seção de depoimentos;
  • Tabela de preços.

Depois de inserir um padrão, seus blocos podem ser personalizados conforme as opções disponíveis.

Os padrões podem ser não sincronizados ou sincronizados. Em um padrão não sincronizado, cada cópia pode ser editada independentemente. Em um padrão sincronizado, uma alteração pode ser refletida em todos os locais onde ele é utilizado.

As partes de template também podem ser gerenciadas na área de Padrões do Editor do Site, embora cumpram uma função estrutural específica.

Como funciona o menu de navegação?

Em temas de blocos, os menus podem ser criados e exibidos por meio do bloco de Navegação.

Esse bloco permite adicionar elementos como:

  • Links para páginas;
  • Links personalizados;
  • Submenus;
  • Links para categorias;
  • Ícones;
  • Pesquisa;
  • Botões de abertura e fechamento no menu móvel.

O funcionamento é diferente da tela clássica encontrada em Aparência → Menus. Em um tema de blocos, a navegação passa a fazer parte da estrutura visual criada com blocos.

Alterar um menu no Editor do Site pode afetar todas as partes do site que utilizam aquela mesma navegação.

Onde as alterações do Editor do Site são armazenadas?

Quando um template ou uma parte de template é modificado pelo Editor do Site, a personalização pode ser armazenada no banco de dados do WordPress.

Isso significa que a versão personalizada pode substituir, durante a exibição do site, a versão original fornecida pelos arquivos do tema.

Por esse motivo, algumas mudanças realizadas pelo usuário podem continuar preservadas depois de uma atualização do tema. No entanto, isso também pode fazer com que uma versão mais recente do template fornecida pelo desenvolvedor do tema não seja utilizada enquanto houver uma personalização salva no banco de dados.

O Editor do Site oferece opções para limpar ou restaurar determinadas personalizações, retornando à versão originalmente fornecida pelo tema.

Antes de restaurar ou remover alterações, é recomendável criar um backup do site.

É possível exportar as alterações?

O Editor do Site permite exportar o tema com alterações feitas em templates e estilos.

Essa opção pode ser útil para:

  • Criar uma cópia das personalizações;
  • Transferir um design para outro ambiente;
  • Continuar o desenvolvimento do tema;
  • Criar uma base para um tema personalizado;
  • Levar alterações de um ambiente local ou de staging para outro site.

A exportação não deve ser confundida com um backup completo. Ela não inclui necessariamente posts, páginas, usuários, configurações de plugins, arquivos enviados e todo o banco de dados.

Para proteger ou migrar o site inteiro, ainda é necessário utilizar um processo adequado de backup ou migração.

Full Site Editing substitui os construtores de páginas?

O Full Site Editing cobre algumas funções encontradas em construtores de páginas, como:

  • Criação de layouts;
  • Uso de blocos e componentes;
  • Personalização de cores e tipografia;
  • Edição visual de cabeçalho e rodapé;
  • Construção de templates;
  • Reutilização de seções.

Entretanto, isso não significa que o Editor do Site e os construtores de páginas sejam equivalentes em todos os aspectos.

Construtores como Elementor, Divi, Beaver Builder e Bricks possuem suas próprias interfaces, componentes, sistemas de estilos e recursos. Alguns oferecem controles mais detalhados para determinados tipos de layout, animações, conteúdo dinâmico e design responsivo.

O Editor do Site, por outro lado, utiliza a arquitetura nativa de blocos do WordPress e funciona em conjunto com temas de blocos, padrões, templates e estilos globais.

A escolha depende das necessidades do projeto, do tema utilizado, dos recursos exigidos e do fluxo de trabalho da equipe.

Full Site Editing funciona com qualquer tema?

Não. A experiência completa do Editor do Site exige um tema de blocos.

Os temas do WordPress podem ser divididos, de forma geral, em três grupos:

Temas de blocos

São construídos com templates baseados em blocos e permitem utilizar o Editor do Site.

Temas clássicos

Utilizam principalmente templates PHP e costumam oferecer opções pelo Personalizador, por páginas próprias do tema ou por configurações adicionais.

O WordPress continua oferecendo suporte a temas clássicos, mas eles não disponibilizam automaticamente todos os recursos do Editor do Site.

Temas híbridos

São temas clássicos que adotam alguns recursos da arquitetura de blocos, como theme.json, padrões, partes de template ou ferramentas específicas de edição.

“Tema híbrido” é uma expressão usada pela comunidade, mas não representa uma categoria oficial separada. Tecnicamente, esses temas continuam sendo temas clássicos que incorporaram alguns recursos modernos.

Quais são as vantagens do Full Site Editing?

Entre as principais vantagens estão:

  • Uso de uma experiência baseada em blocos em diferentes partes do site;
  • Edição visual de templates;
  • Maior controle sobre cabeçalho e rodapé;
  • Configuração centralizada de cores e tipografia;
  • Reutilização de padrões;
  • Redução da necessidade de editar diretamente arquivos PHP;
  • Integração com recursos nativos do WordPress;
  • Possibilidade de exportar templates e estilos;
  • Maior consistência visual por meio dos Estilos globais.

Essas vantagens dependem da qualidade do tema e da forma como ele configura seus blocos, templates e opções de design.

Quais cuidados devem ser tomados?

O Editor do Site permite fazer alterações com grande alcance. Por isso, alguns cuidados são importantes:

  • Crie um backup antes de fazer mudanças estruturais;
  • Faça testes em um ambiente de staging;
  • Confirme se o tema ativo é um tema de blocos;
  • Verifique se plugins importantes são compatíveis;
  • Observe quais elementos serão modificados antes de salvar;
  • Lembre-se de que templates podem afetar diversas páginas;
  • Evite confundir uma página específica com o template usado por várias páginas;
  • Teste o resultado em diferentes tamanhos de tela;
  • Verifique acessibilidade, navegação e legibilidade;
  • Limpe os caches depois de publicar mudanças importantes.

Também é recomendável revisar a Exibição em lista. Ela mostra a hierarquia dos blocos e facilita a seleção de elementos aninhados, como grupos, colunas e partes de template.

O Full Site Editing elimina a necessidade de código?

O Full Site Editing reduz a necessidade de editar diretamente os arquivos do tema em personalizações comuns, mas não elimina completamente o uso de código.

Dependendo do projeto, ainda pode ser necessário utilizar:

  • CSS;
  • HTML;
  • JavaScript;
  • PHP;
  • theme.json;
  • Blocos personalizados;
  • Padrões registrados por código;
  • Plugins;
  • Integrações com APIs;
  • Campos personalizados;
  • Consultas de conteúdo.

Para sites simples, muitos ajustes podem ser realizados apenas pela interface. Em projetos mais complexos, o Editor do Site funciona como parte de uma arquitetura que pode incluir desenvolvimento personalizado.

Resumindo

Full Site Editing é o termo usado para representar a expansão da edição baseada em blocos para diferentes partes de um site WordPress.

Ele permite controlar visualmente elementos que antes dependiam principalmente dos arquivos e das configurações do tema, como cabeçalhos, rodapés, templates, navegação e estilos globais.

De forma resumida:

  • Full Site Editing é o conceito mais amplo;
  • Editor do Site é a interface usada para editar o site;
  • Tema de blocos é necessário para acessar essa interface;
  • Templates determinam a estrutura de diferentes tipos de página;
  • Partes de template representam áreas reutilizáveis, como cabeçalho e rodapé;
  • Estilos controlam a aparência global;
  • Padrões oferecem composições reutilizáveis de blocos.

O termo Full Site Editing ainda aparece com frequência, mas as interfaces e documentações atuais do WordPress geralmente utilizam nomes mais específicos para cada recurso, especialmente Editor do Site.

Saiba mais

O Full Site Editing surgiu durante a segunda fase do projeto Gutenberg, quando o sistema de blocos começou a se expandir da edição de conteúdo para a personalização da estrutura do site.

Leia também:

Referências