Precisa descobrir como usar widgets/modelos Elementor como blocos de Gutenberg?
Com Elementor ou outros construtores de páginas em geral, você pode criar uma bela página em seu site WordPress sem ter que lidar com código CSS.
No entanto, é impossível criar todos conteúdo seu site da Web com Elementor. Especialmente se você dirige um site da Web dinâmico, como um blog ou um portal de notícias. Você ainda precisa do Gutenberg – o editor padrão do WordPress – para escrever posts.
Como você sabe, Elementor vem com muitos widgets exclusivos. A boa notícia é que você pode usar um widget Elementor no editor Gutenberg como um bloco. É ótimo se você quiser adicionar um conteúdo visual - como gráfico de pizza - ou outros tipos de conteúdo de uma forma única em seu artigo.
Além do widget, você também pode usar um modelo Elementor como um bloco Gutenberg.
Neste artigo, aprenda as etapas para usar um widget/modelo Elementor como um bloco Gutenberg.
Etapa 1: instale o plug-in Elementor Blocks para Gutenberg
Antes de poder usar um widget ou modelo Elementor como um bloco Gutenberg, você deve primeiro instalar o Elementor Blocks for Gutenberg. Este é um plug-in oficial desenvolvido pela equipe Elementor, que visa ajudá-lo a aproveitar ao máximo o Elementor em seu site WordPress.
Para instalar este plug-in, vá para Extensões – > Adicionar e encontre o plug-in na caixa de pesquisa. Clique no botão instalar agora para instalá-lo em seu WordPress e ativá-lo imediatamente após a instalação.
Passo 2: Criar widget/modelo global
Depois que o plug-in estiver instalado, você poderá começar a criar um widget ou modelo global que deseja usar como um bloco do Gutenberg. Observe que o widget global está disponível apenas no Elementor Pro.
Portanto, se você estiver usando a versão gratuita do Elementor, poderá usar apenas um modelo Elementor como um bloco Gutenberg.
- Criar um modelo Elementor
Para criar um novo modelo no Elementor, vá para Modelos – > Adicionar Novo.
Selecione o tipo de modelo que deseja criar e dê um nome a ele. Clique no botão CRIE UM MODELO para começar a criar.
Na próxima etapa, você pode optar por usar um modelo oferecido pela Elementor ou criar o modelo do zero. Quando o modelo estiver completo, clique no botão de seta ao lado do botão PUBLICAR na parte inferior do painel esquerdo e selecione Guardar como modelo.
Você será solicitado a dar um nome ao seu modelo novamente. Basta digitar seu nome preferido e clicar no botão REGISTRO.
- Criar widget global Elementor
No Elementor, um widget global é um widget que foi personalizado. Você pode usar um widget global sempre que quiser criar uma nova página com Elementor. O widget global é ótimo se você quiser usar os mesmos widgets personalizados para páginas diferentes porque não precisa fazer nenhuma configuração desde o início.
Para criar um widget global, você pode criar uma nova página (Páginas – > Adicionar ) e edite-o com Elementor. Ou você também pode editar uma página existente. No editor Elementor, adicione um widget que você deseja que seja um widget global.
Personalize seu widget. Quando terminar, clique com o botão direito do mouse no widget do navegador e selecione Salvar como global.
Na próxima etapa, você será solicitado a nomear seu widget global. Digite seu nome preferido e clique no botão REGISTRO.
Você pode ver os widgets globais que criou na guia Global no painel esquerdo do editor Elementor.
Alternativamente, você pode ir para Modelos – > Modelos salvos. Clique na guia Global widget para ver seus widgets globais.
Passo 3: Use o widget/modelo global Elementor no Gutenberg
Uma vez feito o widget ou modelo global, você pode começar a usá-lo no editor Gutenberg. Para fazer isso, crie uma postagem ou página regular no WordPress (Itens – > Adicionar). Adicione um novo bloco clicando no botão de adição e selecione Biblioteca Elementor.
Selecione o widget/modelo global que deseja usar no menu suspenso. Aguarde um pouco até que o Elementor termine de carregar o widget/modelo global e ele será adicionado à sua postagem ou página.
Está feito, basta usar widgets ou modelos Elementor como blocos Gutenberg.
Obtenha o Elementor Pro agora !!!
Conclusão
Então ! É isso para este artigo que mostra como usar widgets/modelos Elementor como blocos Gutenberg. Se você tiver alguma dúvida sobre como chegar lá, informe-os no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...