# Um tema de blocos do WordPress para desenvolvedores, criado com base no theme.json

URL: https://canvaswp.com/pt-br/solutions/developers/
Updated: 2026-11-05

Canvas para desenvolvedores

O Canvas é um tema WordPress com um plugin complementar, e é um tema de blocos do início ao fim. Os modelos são modelos de blocos, os estilos vêm do theme.json, e o que o editor salva no banco de dados é a mesma marcação de blocos que qualquer outro tema de blocos lê. Nada aqui depende de um construtor de páginas.

[Ver todos os recursos](https://canvaswp.com/pt-br/features/) [Ler a documentação](https://docs.canvaswp.com/)

Atualizado em 5 de novembro de 2026

A arquitetura

## Um tema de bloco, editado onde o WordPress o mantém

O tema traz os modelos, as partes de modelo e as variações de estilo; o plugin traz a biblioteca de blocos, os construtores, os formulários, as camadas de SEO e desempenho e o importador de demos. Modelos e estilos globais ficam no Editor do site, então nada sobre o site fica escondido dentro de um painel de configurações nosso.

- 173 modelos de bloco e 5 partes de modelo, todos editáveis no Editor do site
- 4 variações de estilo, incluindo escuro e meia-noite, alternadas no Editor do site
- Cores e tipografia passam pelo theme.json, então o editor mostra a mesma tipografia do front-end
- 183 padrões de bloco, inseridos como uma cópia única da marcação
- Uma página abre com todo o modelo renderizado ao redor do conteúdo que você está editando

[Dentro do editor e do Editor do site](https://canvaswp.com/pt-br/editor/)

Modelos, partes do modelo e estilos globais ficam no Editor do site, onde o WordPress os mantém.

O conteúdo

## O que fica no banco de dados é marcação de blocos

O motivo para preferir um tema de blocos não é uma lista de recursos. É o que sobra nas suas mãos daqui a cinco anos.

### Nenhum formato proprietário

O Canvas edita blocos padrão do WordPress, sem formato próprio, então posts e páginas mantêm o conteúdo caso o tema seja trocado algum dia. Não há shortcodes para memorizar nem modo de código para abrir.

### Configurações, não trechos de código

Tudo o que o visitante vê pode ser acessado pelo painel de configurações de um bloco. Quando uma demo precisava de algo que um bloco não conseguia expressar, o bloco recebeu a configuração, e a página nunca recebeu HTML bruto.

### Painel avançado em todos os blocos

Animação, condições de exibição, classes personalizadas, atributos personalizados e CSS personalizado por bloco são adicionados a todos os blocos do editor, incluindo os blocos nativos e os de terceiros.

### Os recursos seguem a página

A página carrega apenas o CSS e o JavaScript dos blocos que ela contém, então uma página de preços nunca carrega o script do slider. 35 otimizações adicionais são opções de ativação, sem plugin para instalar.

Vindo de outro tema? Elementor e Divi criam páginas em editores próprios, então o layout vai embora junto com o construtor: veja [o que um site Elementor mantém ao migrar](https://canvaswp.com/pt-br/compare/elementor/) e [como o Divi Builder se compara](https://canvaswp.com/pt-br/compare/divi/). Kadence e GeneratePress também criam conteúdo no editor de blocos, com os blocos em plugins gratuitos ([Canvas versus Kadence](https://canvaswp.com/pt-br/compare/kadence/), [Canvas versus GeneratePress](https://canvaswp.com/pt-br/compare/generatepress/)), e [o Blocksy mantém o construtor de cabeçalho no Personalizador](https://canvaswp.com/pt-br/compare/blocksy/).

[Tema de blocos versus construtor de páginas, comparados](https://canvaswp.com/pt-br/guides/block-theme-vs-page-builder/)

Elementos estruturais do site

## Os construtores de cabeçalho e rodapé são renderizados como partes de modelo

Cabeçalhos, rodapés, barras superiores, mega menus, painéis laterais e títulos da página são registros montados a partir de blocos, e chegam ao front-end pelas partes de modelo próprias do tema. A parte Header exibe o cabeçalho atribuído à página; a parte Footer exibe o registro de rodapé atribuído. Isso mantém o Editor do site capaz de vê-los e mantém as configurações dos blocos idênticas às de todo o resto.

- 22 blocos de cabeçalho e 94 opções de cabeçalho por trás do construtor de cabeçalho
- Atribua um cabeçalho globalmente ou substitua-o em uma página específica, e faça o mesmo para rodapés, barras superiores, mega menus, painéis laterais e títulos da página
- Heroes e sliders também são registros, posicionados por um bloco de slot que fica no modelo
- Os dois blocos de slot são exibidos na área de edição, então a página abre com a seção que o visitante vê

[Como funciona o construtor de cabeçalho](https://canvaswp.com/pt-br/header-builder/)

Um cabeçalho é um registro criado a partir de blocos e renderizado pela parte de modelo Header.

WooCommerce

## 24 blocos de loja e 18 modelos de loja

O WooCommerce é opcional e, quando instalado, funciona com blocos e modelos, sem substituições de modelo para manter sincronizadas.

24

### Blocos de loja

Blocos para a página de produto, a grade da loja, o carrinho e a finalização de compra, além de amostras de cor e adicionar ao carrinho sem recarregar a página.

18

### Modelos de loja

Modelos para as telas de loja, produto, carrinho, finalização de compra e conta, editados no Editor do site como qualquer outro modelo.

21

### Lojas demo

21 dos 88 sites de demonstração são importados como lojas completas, com produtos, categorias, atributos e checkout já configurados.

Duas das 21 lojas demo rodando sobre os blocos e modelos de loja.

[Os blocos do WooCommerce](https://canvaswp.com/pt-br/woocommerce/)

Extensibilidade

## O assistente de configuração cria um tema filho, se você quiser

Crie o tema filho somente se você pretende editar diretamente os arquivos de template do Canvas, porque isso é o que mantém essas edições seguras em uma atualização. O assistente de configuração oferece essa opção em uma etapa própria antes da importação do demo, grava o tema filho na sua pasta de temas e o ativa, e o seu site continua com a mesma aparência depois. A maioria dos sites nunca precisa dele, porque os motivos mais comuns hoje são configurações.

- CSS personalizado para todo o site, além de JavaScript personalizado para o head e para o rodapé, na seção Diversos das Opções do tema
- CSS personalizado por bloco, escrito em pares de propriedade e valor, sem seletor em volta
- Atributos personalizados por bloco, um por linha como chave e valor, aceitando atributos data e aria
- Regras de tipografia personalizadas para qualquer seletor que você indicar, na seção Tipografia
- Registre um pacote de ícones próprio pela mesma interface que os 4 pacotes integrados usam
- Exportar uma configuração completa de Opções do tema como arquivo e importá-la no próximo site

[Cada seção das Opções do tema](https://canvaswp.com/pt-br/theme-options/)

O painel avançado aparece em todos os blocos, inclusive nos blocos nativos e nos blocos de outros plugins.

O ambiente

## O que o Canvas precisa e o que ele faz logo na entrada

Os requisitos mínimos são reais, não sugestões. O próprio Canvas verifica esses requisitos no seu servidor de hospedagem, então uma importação com falha nunca é a primeira coisa que você fica sabendo sobre o problema.

WordPress 7.1 ou mais recente
 PHP 7.4 ou mais recente
 Testado até o WordPress 7.1
 O editor de blocos e o Editor do site que o WordPress inclui
 WooCommerce opcional

- O Canvas Core nunca é um download separado: ele é instalado pelo próprio WordPress assim que a licença estiver ativa, então não há compatibilidade de versões para gerenciar
- As atualizações chegam na tela de atualizações do WordPress, com modo de manutenção, um backup temporário e uma reversão feita pelo próprio WordPress
- As atualizações automáticas cobrem apenas versões de correção, vêm ativadas por padrão com uma opção para desligá-las, e, quando uma versão altera um modelo que você personalizou, ela o cita pelo nome.

- Uma tela Health Check verifica os requisitos do servidor no seu host real e aponta o que precisa de atenção, e as mesmas verificações aparecem em Saúde do site do WordPress
- Todo texto é traduzível, com modelos de tradução do tema e do plugin regenerados a cada versão, e um arquivo de configuração do WPML incluído no plugin
- SEO técnico, um sitemap XML e 16 tipos de schema são gerados a partir do seu conteúdo no momento da renderização

[388 artigos de documentação, gerados a partir do código enviado](https://docs.canvaswp.com/)

Perguntas

## As perguntas técnicas, respondidas

Cinco coisas que um desenvolvedor verifica antes de colocar um projeto no ar, incluindo a que o Canvas não faz.

**O Canvas é um tema de blocos ou um tema de construtor de páginas?**

O Canvas é um tema do WordPress feito inteiramente de blocos, o que o WordPress chama de tema de blocos. Os modelos são modelos de bloco do WordPress, as partes de modelo são partes de modelo, cores e tipografia fluem pelo theme.json, e tudo é editado no editor de blocos e no Editor do site que acompanham o WordPress. Não há um construtor separado para instalar, nenhum segundo editor para aprender e nenhuma assinatura de construtor para renovar.

**O que acontece com a marcação se o site mudar de tema no futuro?**

Ele continua sendo a marcação padrão de blocos do WordPress, porque é isso que o Canvas salva. Um bloco do Canvas que outro tema não reconhece deixa de exibir o seu design, mas títulos, parágrafos, imagens e listas são blocos nativos e são lidos normalmente em qualquer lugar. Nada é salvo como shortcode nem em um formato de layout proprietário.

**Onde cabeçalhos e rodapés são realmente exibidos?**

Pelas partes de template que o Canvas registra, em um total de 5 partes: Header, Footer, Page Title, Sidebar e Sidebar Alt. A parte Header renderiza o registro de cabeçalho atribuído à página, a parte Footer renderiza o registro de rodapé atribuído, e a parte Page Title renderiza o que as configurações de título da página resolverem. As partes são a base técnica; o design é o registro que você monta com 22 blocos de cabeçalho.

**Preciso de um tema filho?**

Só se você pretende editar diretamente os arquivos de modelo do Canvas, que é o que um tema filho protege das atualizações. O assistente de configuração cria um para você na etapa opcional Tema filho e troca o site para ele, ou você mesmo pode copiar a pasta do tema filho que acompanha o Canvas para a sua pasta de temas. A maioria dos sites nunca precisa disso: as Opções do tema cuidam das configurações do site inteiro, os Custom CSS e Custom Attributes de cada bloco cobrem o nível do bloco, e os campos de Custom CSS e JavaScript do site inteiro ficam na seção Misc das Opções do tema.

**O Canvas é um tema com layout da direita para a esquerda?**

Sim, toda folha de estilo do Canvas tem uma versão espelhada para idiomas da direita para a esquerda, e o WordPress a carrega automaticamente quando o site está em árabe, hebraico, persa ou qualquer outro idioma da direita para a esquerda. 88 dos 88 demos foram verificados em layout da direita para a esquerda antes do lançamento, para que menus, grades e formulários fiquem do lado correto. A tradução é um assunto à parte e também está completa: as duas partes do produto trazem modelos de tradução, e um arquivo de configuração do WPML acompanha o plugin.

## Continue explorando

### [Preços](https://canvaswp.com/pt-br/pricing/)

Dois planos, todos os blocos e todas as demos nos dois, além do que conta como um site e do que muda com o vencimento.

### [Termos da licença](https://canvaswp.com/pt-br/license/)

O código é GPL v2 ou posterior; a chave de licença rege o serviço em torno dele. Sites, staging, sites de clientes e expiração, detalhados a seguir.

### [Todos os setores](https://canvaswp.com/pt-br/wordpress-themes/)

Todos os 88 sites demo, agrupados pelo tipo de negócio para o qual cada um foi criado.