Recursos

Recursos do Canvas: tudo o que vem no Canvas

O Canvas é um tema WordPress com um plugin complementar. Esta página lista todas as famílias de recursos, o que cada uma faz e onde ler os detalhes. Todos os planos incluem tudo isso.

Atualizado em

Comece aqui

Seis lugares por onde a maioria das pessoas começa

Cada um tem uma página própria, com capturas de tela e os detalhes por trás do resumo.

Construtor de cabeçalho e rodapé

Cabeçalhos, rodapés, barras superiores, mega menus, painéis laterais e títulos da página são registros que você cria com blocos e atribui ao site ou a uma única página.

O editor

As páginas abrem com o modelo completo renderizado na área de edição. Padrões de bloco, estilos globais de blocos e um painel avançado ficam em todos os blocos, inclusive nos blocos nativos do WordPress.

Blocos e padrões

314 blocos em 10 categorias e 183 padrões. Uma página carrega apenas o CSS e o JavaScript dos blocos que ela contém.

Demos de sites

88 sites completos em 16 categorias, cada um chegando com suas páginas e posts, seus menus, seus formulários e seus tipos de conteúdo. Toda importação pode ser revertida.

WooCommerce

24 blocos de loja para páginas de produto, a grade da loja, carrinho e checkout, além de amostras de cores e 18 modelos de loja.

Canvas AI

Gere ou melhore qualquer campo de texto e crie imagens diretamente na biblioteca de mídia, usando a descrição do negócio, o tom e o público que você definiu uma única vez.

Ir para um recurso

Assistente de configuração

Da ativação a um site pronto em 9 passos

Ative o Canvas e o assistente de configuração é aberto. Ele cuida da licença, importa o demo que você escolher, instala o que esse demo precisa e configura o básico de SEO antes de você escrever uma palavra.

Percorra todas as 9 etapas

Assistente de configuração do Canvas, etapa de boas-vindas

1 Boas-vindas

O assistente de configuração abre na primeira vez que você ativar o Canvas e mostra as próximas etapas.

Assistente de configuração do Canvas, etapa de licença

2 Licenças

Ative este site com sua chave de licença. O Canvas continua funcionando por 14 dias se uma verificação não conseguir acessar nossos servidores.

Assistente de configuração do Canvas, etapa do tema filho

3 Temas filhos

Opcional. O Canvas cria um tema filho vazio e o ativa, para que seus estilos e edições de modelo continuem seguros durante as atualizações.

Etapa de demo do Assistente de configuração do Canvas

4 Demos

Escolha um dos 88 sites de demonstração. Cada um lista as páginas, os posts e os tipos de conteúdo que traz.

Assistente de configuração do Canvas, etapa de plugins

5 Plugins

O Canvas instala e ativa os plugins de que a demo escolhida precisa, como o WooCommerce para uma loja.

Assistente de configuração do Canvas, etapa recomendada

6 Recomendados

Complementos opcionais que o demo não exige. Marque os que quiser e eles chegam junto com o restante.

Assistente de configuração do Canvas, etapa de importação

7 Importações

O demo é importado passo a passo. Cada post, termo, anexo e menu criado é registrado para que a importação possa ser desfeita.

Assistente de configuração do Canvas, etapa de SEO

8 SEO

Defina o título e a descrição do site. A partir daí, o Canvas gera títulos, descrições e dados estruturados com base no seu conteúdo.

Assistente de configuração do Canvas, etapa concluída

9 Concluído

Você chega a um site parecido com a prévia que escolheu, com conteúdo real pronto para ser editado.

Veja o que cada demo traz consigo

Opções do tema

533 opções distribuídas em 24 seções

Tudo o que um Demo configura para você pode ser alterado. Exporte uma configuração completa como arquivo e importe-a no próximo site que você criar.

Cada seção das Opções do tema

Seção de cabeçalho nas Opções do tema do Canvas
Cabeçalho. A maior seção do produto, com 94 campos.
Opções do tema do Canvas, seção de blog
Blog. 33 campos para arquivos, posts individuais e metadados de post.
Opções do tema Canvas, seção de portfólio
Portfólio. 20 campos para o arquivo do portfólio, categorias e layouts individuais.
Opções do tema Canvas, seção da loja
Loja. 22 campos para a loja WooCommerce, páginas de produto, carrinho e finalização da compra.
Seção de cores em Opções do tema do Canvas
Cores. 8 campos, incluindo o esquema de cores que acompanha o sistema operacional.
Tela de importação e exportação das Opções do tema do Canvas
Importação e exportação. Mova uma configuração completa entre sites como um arquivo.

As seções cobrem o cabeçalho, o rodapé, os títulos das páginas, blog, portfólio, eventos, loja, formulários, widgets, cores, tipografia, painéis laterais, transições de página, a página 404, GDPR, IA, chaves de API, blocos, perfis sociais, configurações gerais, a tela de importação e exportação e uma seção de diversos para tudo o mais. Uma importação de demo em todo o site adota toda a configuração do demo, então você começa com um conjunto de opções que já combina com o design escolhido.

  • Cada opção está documentada nos artigos de referência
  • Exporte as configurações de um site e importe-as no próximo
  • Só o cabeçalho concentra 94 campos de um total de 533 campos
388 artigos de documentação
Formulários

Um construtor de formulários que mantém seus próprios envios

Um formulário é um registro que você monta com blocos, e os envios ficam no seu próprio banco de dados, e não na caixa de entrada de outra pessoa.

Cinco blocos montam o formulário

Form guarda os campos, Form Field define cada um, Form Submit Button envia o formulário e Form Embed insere o formulário pronto em qualquer página. Quick Contact é um formulário de contato compacto para uma barra lateral ou um rodapé.

  • Envios armazenados em uma tabela própria, listados na área administrativa
  • Envio de arquivos com as regras que você definir
  • Limpeza de privacidade programada remove registros antigos
  • Formulários de login e cadastro como blocos para sites com membros
  • 22 padrões de formulário e 26 campos de Opções do tema

83 dos 88 demos incluem pelo menos um formulário funcional, então o primeiro formulário do seu site costuma ser um que você herda e edita. Navegue pelos demos.

Opções do tema Canvas, seção de formulários
Opções do tema, Formulários. 26 campos para padrões, armazenamento, notificações e privacidade.
Tipos de conteúdo

Portfólio, eventos e blog bem desenvolvidos

Não são três shortcodes. Cada um tem seus próprios blocos, seus próprios modelos individuais, suas próprias categorias e sua própria seção de opções.

Portfólio

8 blocos, 57 modelos individuais, um arquivo, categorias e 20 opções. Grades de filtro, layouts em masonry, trabalhos relacionados e estudos de caso em largura total.

Eventos

16 blocos incluindo um calendário, 7 modelos individuais, um arquivo, categorias e 15 opções. Programações, palestrantes, ingressos e contagens regressivas.

Blog

O blog usa posts comuns do WordPress, com 31 blocos de post, 14 modelos de post individuais e 33 opções por cima deles.

Opções do tema do Canvas, seção de portfólio, mostrando a chave de ativação, o layout do arquivo, as colunas, o filtro de categoria, a barra lateral, o tamanho da imagem, os itens por página e o tipo de paginação
Opções do tema, Portfólio. Arquivo e post individual ficam em abas separadas, com a barra de filtros, as colunas da grade e o estilo de paginação definidos aqui.
Opções do tema Canvas, seção de eventos, mostrando o layout de eventos, o filtro de próximos, passados ou todos, a barra lateral e sua posição, o tamanho da imagem, eventos por página e o tipo de paginação
Opções do tema, Eventos. Mesma estrutura de novo: uma aba de arquivo, uma aba de item único e um filtro padrão que define se os visitantes veem primeiro os eventos futuros ou os passados.

Demos também trazem seus próprios tipos de conteúdo: 44 ao todo no catálogo, como itens de cardápio para um restaurante, tratamentos para um spa, quartos para um hotel, imóveis para uma imobiliária e médicos para uma clínica. Eles chegam com seu demo, com seus modelos e seus conteúdos de exemplo. Veja qual demo traz cada um.

Tipografia

1.923 fontes do Google, Adobe Fonts e seus próprios arquivos

Escolha uma família tipográfica para os títulos e outra para o texto corrido, e a escolha vai para o theme.json para que o editor mostre a mesma tipografia do front end.

  • 1.923 famílias do Google com suas faixas de peso reais
  • Adobe Fonts pela sua própria URL de kit
  • Envie arquivos woff2 e woff, e o Canvas gera as regras de @font-face
  • Regras de tipografia personalizadas para qualquer seletor que você indicar
  • Pilhas de fontes do sistema, para quando você não quiser carregar nada
Como os estilos chegam a todas as páginas
Opções do tema Canvas, seção de tipografia com o seletor de fontes
Opções do tema, Tipografia. O seletor agrupa fontes do sistema, fontes do Google, Adobe Fonts e seus arquivos enviados.
Ícones

5.711 ícones em 4 pacotes

Os campos de ícone em toda a biblioteca de blocos abrem o mesmo seletor. Cada pacote tem seu próprio interruptor, e você pode registrar um pacote próprio.

1,951

Font Awesome 6 Free

506

Font Awesome Brands

2,050

Bootstrap Icons

1,204

Unicons

Desative os pacotes que um site não usa, e as entradas deles no seletor são removidas junto. Pacotes personalizados são registrados pela mesma interface usada pelos quatro pacotes integrados.

SEO

SEO técnico derivado do seu conteúdo

O Canvas cria títulos, descrições, cards para redes sociais e dados estruturados a partir do que está na página no momento da renderização, então você não precisa manter uma segunda cópia do seu próprio conteúdo.

  • Títulos e descrições gerados para cada página, com substituições individuais por post
  • Open Graph e cards do Twitter
  • Um sitemap XML e regras do robots
  • Analytics sem um segundo plugin
  • 16 tipos de schema, de Organization e Breadcrumbs a Product, Offer, Review e horários de funcionamento
Desempenho
Tela de Opções do tema do Canvas, esquema de SEO
Pop-ups e sobreposições

Pop-ups, modais, painéis off-canvas e avisos

Um popup é um registro criado a partir de blocos, como qualquer outro elemento de interface. Projete-o uma vez e depois defina onde ele aparece.

  • Registros de pop-up com seus próprios blocos e configurações
  • Blocos Modal, Off Canvas, Overlay Content e Overlay Item
  • Blocos Notification e Alert para mensagens dentro da página
  • 4 padrões de pop-up, e 4 demos que trazem um deles para você abrir e editar
Veja os blocos interativos
Títulos da página

4 estilos de título da página e 57 opções

A faixa abaixo do cabeçalho é uma superfície de design própria: Default, Mini, um layout de modelo com nome ou um estilo personalizado que você monta com blocos.

  • Page Title, Heading, Subtitle, Breadcrumbs and Buttons blocks
  • Um padrão para o site inteiro que qualquer página pode substituir
  • Plano de fundo, altura e alinhamento, com breadcrumbs em uma chave própria
Títulos da página no construtor
Opções do tema do Canvas, seção do título da página, mostrando a escolha de estilo Default, Mini, Template e Custom acima dos campos de alinhamento, fundo, esquema de cores, subtítulo e preenchimento vertical
Opções do tema, Título da página. Estilo, alinhamento e fundo são campos, e o preenchimento também. Personalizado entrega a faixa inteira ao editor de blocos.
Heroes e sliders

Registros inseridos por um bloco de slot

Heroes e sliders são registros próprios. Um bloco de slot no modelo puxa o que estiver atribuído à página, então o mesmo modelo atende todas as páginas com aberturas diferentes.

  • Registros de Hero e de Slider, ambos criados a partir de blocos
  • Os blocos Hero Slot e Slider Slot ficam no modelo de bloco
  • Ambos aparecem na área de edição antes de você publicar
  • 12 das 88 demos incluem um slider que você pode editar
Heroes no construtor
Modo escuro

Um esquema de cores que acompanha o sistema operacional

Ative o esquema de cores adaptativo e os visitantes que pedirem o modo escuro ao dispositivo verão a sua paleta escura, sem precisar criar um alternador nem manter uma segunda folha de estilos.

  • O esquema adaptativo lê a preferência do próprio visitante
  • As variações de estilo dark e midnight vêm incluídas no tema
  • 4 variações de estilo no total, alternadas no Editor do site
Variações de estilo no Editor do site
Opções do tema do Canvas, seção de esquema de cores, com a chave de esquema adaptativo acima dos campos de cor primária, secundária, de destaque, de texto e de fundo
Opções do tema, Esquema de cores. Uma chave no topo da paleta, e as cinco cores abaixo dela são as mesmas amostras que um autor vê no editor de blocos.
Da direita para a esquerda

O tema inteiro se espelha para idiomas escritos da direita para a esquerda

Mude o WordPress para árabe, hebraico ou persa e o layout acompanha: menus, grades, formulários e os Demos passam a ser exibidos da direita para a esquerda.

  • Cada folha de estilo do Canvas tem uma versão espelhada que o WordPress carrega para você
  • 88 Demos verificados no sentido direita para esquerda antes do lançamento
  • Todo texto é traduzível, e isso é outra questão.
Tradução
White Label

Coloque sua própria marca na área administrativa do WordPress

Um complemento no nível da conta, por US$ 99 ao ano, que funciona com qualquer um dos planos. Ele muda o que o cliente vê, nunca o que o site faz.

  • Sua marca e logotipo no lugar dos do Canvas
  • Ocultar dos clientes a tela de licença e a tela de Demos
  • Aponte o link de suporte para a sua própria central de ajuda
  • Somente exibição, então nada no comportamento do site muda
Complemento White Label
Atualizações

Na tela onde todas as outras atualizações aparecem

Sua licença dá direito ao download, e o WordPress faz o resto. As atualizações aparecem em Painel e Atualizações, junto com os demais temas e plugins.

  • Modo de manutenção, reversão em caso de falha e e-mails de resultado vêm do próprio WordPress
  • As versões de correção são instaladas automaticamente por padrão; as versões com novos recursos aguardam a sua confirmação
  • Se uma atualização alterar um modelo que você personalizou, o Canvas informa o nome dele
  • Uma licença expirada interrompe as atualizações, mas nunca a renderização
O que a licença cobre
Tradução

Todo texto é traduzível

O Canvas inclui modelos de tradução para as duas partes do produto, para que um tradutor possa começar sem mexer em nenhum código.

  • 13.090 textos traduzíveis no plugin
  • 1.983 textos traduzíveis no tema
  • Um arquivo de configuração do WPML vem com o plugin
  • Os dois modelos são regenerados a cada lançamento
O que vem em uma versão
Roteiro

Novos demos a cada duas semanas, e você define a ordem

Um novo demo é lançado a cada duas semanas, cada um com os recursos de que precisa, e um compositor avançado de blocos e páginas com IA está chegando em breve. Conte para nós o que você está construindo e o que está faltando.

Solicitar um recurso ou uma demonstração

Publique no fórum de suporte. As solicitações com mais votos são desenvolvidas primeiro, e cada nota de versão informa quais solicitações ela fecha.

Crie seu próximo site com o Canvas

Iniciante, freelancer ou agência, você recebe os mesmos blocos e os mesmos Demos. Comece com um site e crie quantos precisar com a mesma licença.