No início, os usuários do WordPress tinham uma relação doce e amarga com o gerador de blocos. Então, como descobrimos em nosso guia gutenberg, o novo editor vem com recursos incríveis que tornam a criação de um belo conteúdo fácil e divertida. Agora, alguns não podem mais ficar sem.
Gutenberg oferece recursos suficientes para criar ótimas páginas e artigos, sem escrever nenhum código. Não importa o conteúdo que você deseja adicionar, Gutenberg tem o bloco certo.
Você deseja modificar e personalizar cada bloco de conteúdo em profundidade? Gutenberg tem uma bateria de opções de personalização para isso.
Você quer ainda mais blocos do que o que está disponível no editor padrão? lá uma tonelada de plug-in WordPress para Gutenberg
É por isso que é triste que muitos usuários não conheçam o Blocos Reutilizáveis, uma das características brilhantes de Gutenberg. Se você não tem ideia do que estamos falando, os blocos reutilizáveis são apenas blocos conteúdo que você cria, salva e reutiliza à vontade.
Suponha que você queira adicionar um botão de apelo à ação chamado nota de agradecimento, assinatura, formulário ou qualquer outra coisa no final de cada postagem ou página.
No passado, você tinha que salvar o recurso em um arquivo de texto no computador. Quando necessário, você copia e cola em sua postagem ou página. Gutenberg reduziu esse problema. Agora você não precisa mais usar arquivos de texto ou criar os mesmos blocos do zero sempre.
Você pode criar um único bloco reutilizável e usá-lo não apenas em seus posts e páginas, mas também em outros sites WordPress.
Quer você crie muitos sites ou precise adicionar conteúdo especial a cada postagem / página, os blocos reutilizáveis de Gutenberg podem ajudá-lo a economizar muito tempo.
E no artigo de hoje, mostramos exatamente como criar e exportar blocos reutilizáveis de Gutenberg para WordPress. Nosso objetivo é ajudá-lo a mover e reutilizar facilmente blocos de conteúdo personalizado em vários posts / páginas / sites do WordPress.
Mas antes disso, se você nunca instalou o WordPress, vamos descobrir Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
Exceto : Se você criar um bloco usando um WordPress Plugin tal como descontrolado, por exemplo, você deve instalar este plugin nos outros sites WordPress onde deseja reutilizar o referido bloco. Observe também que seus blocos podem parecer um pouco diferentes de tema para tema, mas isso é bom porque Gutenberg oferece muito poder de personalização.
Primeiro de tudo, você precisa de blocos reutilizáveis
Infelizmente, você não pode exportar ou importar blocos regular. Para exportar e importar blocos de Gutenberg, você deve primeiro criar blocos reutilizável.
Para fins de ilustração, vamos criar um nota de agradecimento que gostaria de acrescentar no final de cada artigo que publicamos, sem ter que reescrever a nota toda vez que precisar adicioná-la a um artigo.
Ma nota de agradecimento fez nada complexo; apenas um bloco de parágrafo simples com links para Twitter e Facebook. Lembre-se de que seu bloqueio pode ser o que você quiser - um banner, vocêcontrole deslizante de imagem n, uma citação, uma lista, as últimas publicações, um formulário MailChimp, etc ...
Mais tarde, mostraremos como exportar este nota de agradecimento em um segundo site WordPress.
Como criar um bloco reutilizável
Criar um bloco reutilizável é incrivelmente fácil. Vamos para Artigos> Adicionar para lançar o editor Gutenberg:
Em seguida, clique no ícone Adicionar bloco (+) em seguida, escolha o seu bloco de conteúdo. Em nosso caso, adicionamos o bloco de parágrafo conforme mostrado na imagem a seguir.
Depois disso, personalize seu bloco de acordo com suas necessidades. Adicionamos texto, links para perfis de mídia social e cor de fundo. Este é o nome do nosso novo bloco de notas obrigado parece em nosso editor de Gutenberg:
Neste momento, a nota acima é um bloco regular. Temos que transformá-lo em um bloco réutilisable que podemos exportar e importar. Para fazer isso, clique no ícone Mais opções, em seguida adicionar blocos reutilizáveis, como mostrado abaixo.
Em seguida, dê um nome ao seu bloco reutilizável e pressione o botão Registro, como pode ser visto abaixo.
E é isso, você acabou de criar seu primeiro bloco reutilizável.
Como usar blocos reutilizáveis
Adicionar o bloco reutilizável que acabamos de criar às suas postagens ou páginas é extremamente fácil. Depois de adicionar o conteúdo necessário à sua postagem ou página, clique no ícone Adicione um bloco (+), rolar para a guia Blocos reutilizáveis e escolha o seu bloco (Obrigado nota em nosso caso), como mostrado abaixo.
Depois de adicionar o bloco reutilizável à sua postagem ou página, pressione o botão Antevisão / Publicação para exibir seus resultados no front-end. Aqui está o que temos:
A melhor parte é que podemos reutilizar nosso bloco nota de agradecimento a qualquer momento, sem ter que criá-lo do zero. também podemos adicioná-lo a qualquer tipo de postagem que suporte os blocos de Gutenberg.
Descubra também Como adicionar uma legenda a uma imagem no Gutenberg
Agora que você sabe como criar e usar blocos reutilizáveis, vamos aprender mais sobre como exportar esses blocos para outro site WordPress. Para evitar qualquer confusão, usaremos o mesmo bloco que acabamos de criar.
Como exportar blocos de Gutenberg para WordPress
Exportar um bloco de Gutenberg reutilizável é fácil, você fará isso em nenhum momento.
O que você faz?
Dentro do editor Gutenberg, clique o ícone Mais ferramentas e opções, depois gerenciar todos os blocos reutilizáveis, como destacamos a seguir:
Isso leva você para a tela blocos onde você pode visualizar e gerenciar todos os seus blocos reutilizáveis:
Só temos o bloco Nota de agradecimento, mas a tela acima será preenchida conforme você cria mais. Para exportar, passe o mouse sobre o título e clique no link Exportar para JSON exibido. Veja a imagem abaixo.
Em seguida, salve o arquivo JSON em seu computador:
Agora que temos o arquivo JSON em nosso computador, é hora de importar o bloco para nosso segundo site.
Como importar blocos de Gutenberg para o WordPress
Importar seus blocos reutilizáveis é tão fácil quanto A, B, C. Primeiro, abra o editor de Gutenberg. Segundo, clique o ícone Mais ferramentas e opções, em seguida gerenciar todos os blocos reutilizáveis, como mostrado abaixo.
Na tela blocos a seguir, clique Importar de JSON, escolha o arquivo baixado anteriormente e pressione o botão. importação nesta ordem :
E isso é tudo ! Assim, você importou com sucesso um bloco de Gutenberg reutilizável para o seu segundo site WordPress.
Ler também Como adicionar uma legenda a uma imagem no Gutenberg
Não foi fácil? Depois, você pode usar e reutilizar o seu bloco de Gutenberg no segundo site quantas vezes quiser.
Existe algum plug-in WordPress para exportar blocos Gutenberg?
Ah, sim, e encontrei um no ThemeIsle, um desenvolvedor WordPress respeitável. Este é um plugin gratuito conhecido como Blocos Exportar Importar. Essencialmente, o plugin permite que você ignore todo este tutorial. Sim, é verdade; você nem mesmo precisa criar blocos reutilizáveis.
Veja também nosso guia sobre Como adicionar um bloco animado ao seu artigo Gutenberg
Instale e ative o plugin e, em seguida, abra o editor Gutenberg. Projete seu bloco como quiser e clique em o ícone de mais opções. Então clique Exportar como JSON, como mostrado abaixo :
Isso baixa o arquivo JSON para o seu computador. Para importar o arquivo JSON usando o plugin, abra o editor Gutenberg. Em seguida, clique no ícone Adicione um bloco, depois importar blocos de JSON sob a guia Widgets :
Depois disso, clique em Escolher arquivo para selecionar o arquivo do seu computador e pressione o botão. Envio :
O único problema com o método do plugin é que seus blocos não serão salvos no seu site WordPress. Para salvar blocos em seu banco de dados WordPress, você precisa usar o método manual. Talvez isso mude no futuro.
Descubra também Como saber se o seu plugin é compatível com Gutenberg?
Infelizmente, não consegui encontrar outro plugin. Mesmo assim, o plug-in pode economizar muito tempo se você não se preocupar em salvar blocos reutilizáveis em seu site.
Os blocos reutilizáveis de Gutenberg salvam vidas. Eles permitem que você reproduza modelos rapidamente, já que você não está começando do zero. Se você criar muitas postagens / páginas e / ou sites, aprender como exportar blocos de Gutenberg será útil.
Descubra também alguns plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. Showcase da equipe
O Team Showcase é o complemento perfeito, projetado para exibir os membros de sua equipe em uma bela grade ou carrossel responsivo. Você terá a capacidade de gerenciar seus membros agrupando-os em equipes separadas. Para isso, basta selecionar as opções que deseja exibir, escolher um tema WordPress e aplique uma cor predefinida a ele.
Nenhuma linha de código será necessária para esta ação. Suas características são, entre outras: 10 temas especiais, 10 conjuntos de cores, 10 opções de exibição, Efeitos de animação CSS3, a possibilidade de ser inserido em uma página, um design totalmente responsivoEtc ...
Descarregar | Demo | hospedagem na web
2. ARPrice
ARPrice é o WordPress Plugin o prêmio mais flexível e completo na criação de grades de preços. Ele vem com mais de 300 modelos de grade de preços e fornece todas as ferramentas necessárias para criar grades de preços e tabelas de comparação exclusivas e responsivas. Você também poderá criar facilmente uma bela vitrine para sua equipe.
Este é um WordPress Plugin bonito, intuitivo e único, com seu editor visual impressionante, apresentando uma visualização em tempo real das personalizações.
Veja também Como carregar um serviço em seu blog?
Escolha um modelo e, em seguida, com simples cliques, arraste e solte as ferramentas para personalizar sua grade de preços, até os mínimos detalhes. Você poderá adicionar um número ilimitado de colunas, alterar cores, fontes, ícones e adicionar suas próprias imagens e fitas para anunciar um descontoPor exemplo.
Descarregar | Demo | hospedagem na web
3. Pacote Premium de SEO
O Premium SEO Pack é um plugin do WordPress que otimiza seu SEO e comprime CSS para melhorar a velocidade de carregamento do seu site. O plug-in também pode gerenciar o design do seu site em apenas alguns cliques.
Suas funcionalidades estão entre outras: compressão de CSS e JS, integração de mapa de site de vídeo e snippet, a formatação de arquivos HTLM e XML, redirecionamento de páginas 404 e 301, compartilhamento nas redes sociais, disponibilizando o rótulo ALT, layout altamente personalizável.
Descarregar | Demo | hospedagem na web
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- 7 WordPress plugins para incorporar um Google Maps no seu site
- Como adicionar um Beach Slider em um formulário WordPress?
- plugins 5 WordPress permitem aos usuários publicar conteúdo
- 6 plugins do WordPress para adicionar preenchimento automático aos seus formulários
Conclusão
Aqui ! Para este tutorial, esperamos que ele permita que você exporte e importe blocos de Gutenberg para o WordPress. Você ainda tem dúvidas ou sugestões sobre os blocos de Gutenberg? Por favor, deixe-nos saber dentro de Comentários abaixo.
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 em Criação de blog WordPress.
Não hesite em compartilhe com seus amigos em suas redes sociais favoritas.
...