Um tema de blocos do WordPress para desenvolvedores, criado com base no theme.json
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.
Atualizado em
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
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 e como o Divi Builder se compara. Kadence e GeneratePress também criam conteúdo no editor de blocos, com os blocos em plugins gratuitos (Canvas versus Kadence, Canvas versus GeneratePress), e o Blocksy mantém o construtor de cabeçalho no Personalizador.
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ê
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.
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.
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.
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.
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
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.
- 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
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.
Um tema de blocos que você pode entregar a qualquer pessoa
O Canvas se baseia no editor que o WordPress traz, salva marcação de blocos padrão e mantém os modelos no Editor do site. Está criando para clientes? Leia as páginas de agências e freelancers.