Edite o site inteiro no editor de blocos do WordPress
Nenhum construtor proprietário e nenhum shortcode. O Canvas coloca o cabeçalho, o hero, o título da página, o conteúdo e o rodapé na área de edição, e adiciona a cada bloco as configurações que um design real precisa, incluindo os blocos principais.
Atualizado em
Uma página abre com a aparência da página publicada
O Canvas configura o editor de blocos para renderizar o modelo inteiro. O cabeçalho e o hero, a área de título da página, o seu conteúdo, o rodapé: tudo aparece na área de edição, desenhado pelo mesmo código que desenha o front-end.
O que você edita é o que os visitantes veem
A maioria dos temas entrega ao editor uma caixa em branco e mantém o design apenas para o front-end. O Canvas renderiza o modelo em volta do seu conteúdo, então você escreve dentro da página, e não ao lado dela.
- Um único renderizador para o editor e para o front-end
- O modelo fica visível, mas não é editável a partir da página, então você não consegue quebrar a estrutura fixa do site por acidente
- O hero, o slider e o título da página atribuídos a esta página já estão lá antes de você publicar
- Larguras e espaçamentos vêm do modelo real, então uma seção de largura total aparece com largura total
Modelos e estilos onde o WordPress os mantém
O Canvas é construído sobre modelos de bloco do WordPress. Modelos são modelos de bloco, partes são partes de modelo, e as cores e a tipografia vêm do theme.json, então nada sobre o site fica escondido em um painel de configurações nosso.
173 modelos e 4 variações de estilo
Layouts individuais para posts, trabalhos de portfólio, eventos, produtos e todos os tipos de conteúdo que um demo traz, além de layouts de página para landing, splash, flush e full-bleed.
- 173 modelos de bloco editáveis no Editor do site
- 5 partes de modelo para o cabeçalho, o rodapé, o título da página e as barras laterais
- 4 variações de estilo, incluindo a escura e a meia-noite
- theme.json: cores e tipografia alimentam o editor e o front-end a partir de um só lugar
Tudo o que o visitante vê é uma configuração ao seu alcance
Texto e links, imagens e ícones, cor, tamanho, comportamento: se um bloco exibe algo, um controle na barra lateral o altera. Nada disso precisa do editor de código.
Configure uma vez, reutilize em qualquer lugar
Dois sistemas poupam você de repetir o mesmo trabalho, e eles resolvem problemas diferentes.
- Salvar como padrão. Configure um bloco do jeito que preferir e salve essa configuração como padrão para o tipo dele. O próximo que você inserir começa com ela. Configurações de identidade, como âncora e classes extras, nunca são copiadas.
- Estilos globais de blocos. Nomeie um conjunto de configurações como predefinição, aplique-o aos blocos de todo o site e, depois, altere a predefinição uma vez: todos os blocos que a usam acompanham a mudança.
Os mesmos 4 controles em todos os blocos, inclusive os nativos
O Canvas adiciona um painel avançado a cada tipo de bloco registrado no site, e não apenas aos seus próprios. Um parágrafo do núcleo recebe os mesmos controles de animação, CSS, atributos e visibilidade que um bloco do Canvas recebe.
Animação
Escolha uma animação de entrada, com velocidade e atraso próprios, e uma animação de saída, também com atraso próprio. Nada fica invisível esperando por um JavaScript que nunca chega.
CSS personalizado
Escreva CSS para este bloco. O Canvas limita o código apenas a este bloco e o processa pelo mesmo filtro que o WordPress usa para estilos inline.
Atributos personalizados
Adicione seus próprios atributos ao elemento raiz do bloco, para ganchos de análise, identificadores de teste ou um script de terceiros que os espere.
Condições de exibição
Mostre ou oculte um bloco por função de usuário ou por dispositivo, para que um painel exclusivo para membros ou um botão de ligação só para celular não precise de plugin.
Classes personalizadas e a âncora HTML ficam nos campos do WordPress que você já conhece, então nada do que você aprende aqui é específico do Canvas. Como são atributos de bloco comuns, um padrão ou um script pode defini-los tão bem quanto você.
183 padrões, organizados por categoria
Um padrão é inserido como blocos comuns que você pode reorganizar, reescrever e excluir. É um ponto de partida para uma seção, nunca um layout travado que você precise contornar.
- 40Cabeçalho
- 24Conteúdo
- 22Formulários
- 16Rodapé
- 14Blog
- 13Hero
- 12Galeria
- 12Chamadas para ação
- 9Preços
- 9Páginas
- 8Recursos
- 5Eventos
- 4Popups
- 3Social
- 2Depoimentos
- 2Portfólios
- 1FAQ
Um padrão pode estar em mais de uma categoria. Padrões de cabeçalho e rodapé são tratados na página do Construtor de cabeçalho, e cada padrão é construído com os blocos da biblioteca de blocos.
Seu conteúdo continua em markup de blocos
O ponto mais forte que o Canvas pode oferecer é que nada no seu conteúdo é proprietário. Os blocos do Canvas são salvos da mesma forma que os blocos do WordPress.
- Cada bloco do Canvas é um tipo de bloco registrado, com um painel de configurações de verdade, nunca um shortcode
- Os atributos são atributos de bloco simples, então padrões, a REST API e a linha de comando também podem defini-los
- Os blocos ficam no plugin Canvas, e não no tema, então trocar de tema não apaga suas páginas
- Os blocos principais continuam funcionando e ganham o mesmo painel avançado
209 blocos no inseridor que o WordPress oferece
Os blocos do Canvas ficam ao lado dos blocos nativos, agrupados em 10 categorias próprias. Mais 105 blocos são específicos de cada demo e aparecem junto com a demo que precisa deles.
Buscar um bloco pelo nome
- Pesquise por nome ou palavra-chave, e as categorias do Canvas vêm junto
- 183 padrões na mesma aba Padrões
- 228 dos 314 blocos são do nível gratuito; todos os planos incluem os demais
- Uma página carrega apenas o CSS e o JavaScript dos blocos que ela contém
Mais três coisas que você faz aqui
Cabeçalhos, Demos e textos não são aplicativos separados. Eles abrem no editor descrito nesta página, com a mesma área de edição e a mesma barra lateral.
Construir o cabeçalho
Um cabeçalho é um registro formado por blocos de cabeçalho, editado na área de edição com o modo de layout e as classes na barra lateral.
Construtor de cabeçalho
Importar um demo
Cada demo lista suas páginas, seu tamanho e sua categoria, é importada com um clique e pode ser revertida da mesma forma.
A biblioteca de Demos
Escreva o texto
A CanvasAI Engine escreve no campo que você selecionou, usando o perfil do site que você definiu uma vez, e mostra o uso de créditos conforme avança.
Canvas AIPreciso de um plugin de construtor de páginas?
Canvas needs no page builder plugin. It is a WordPress theme with a companion plugin, so every block, header, footer, hero and page title is edited in the block editor and the Site Editor that WordPress ships. There is no second editor to learn, no shortcodes to memorize and no builder license to renew alongside the theme.
Minhas páginas vão quebrar se eu trocar de tema?
Seu conteúdo é salvo como marcação padrão de blocos, não como shortcodes, então os blocos principais continuam sendo exibidos em qualquer tema. Os blocos do Canvas vêm do plugin Canvas e não do tema, então trocar de tema não os remove das suas posts e páginas.
Ainda posso editar modelos no Editor do site?
Sim, o Canvas inclui modelos de bloco, partes de modelo e variações de estilo, todos editáveis no Editor do site, onde o WordPress os mantém. Cores e tipografia vêm do theme.json, então uma mudança no painel Estilos chega a todas as páginas.
Quais são as opções avançadas dos blocos principais?
O Canvas oferece aos blocos nativos animação, CSS personalizado, atributos personalizados e condições de exibição. Ele adiciona o mesmo painel a todos os tipos de bloco registrados no site, inclusive blocos de outros plugins, para que você não precise escolher entre um bloco nativo e um bloco com as configurações de que precisa.
O que deixa de funcionar quando minha licença expira?
Quando uma licença Canvas expira, nada no front-end deixa de funcionar. Seu site continua sendo exibido exatamente como hoje, incluindo os blocos premium. O que é pausado são os serviços: atualizações, importações de demos, geração e edição de blocos premium com IA ficam suspensas até você renovar, com um período de carência de 14 dias caso a verificação da licença não consiga acessar nossos servidores.
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.