Embora o Editor de Blocos do WordPress possua uma infinidade de modelos prontos, que podem ser encaixados de todas as formas possíveis, em alguns casos o usuário vai precisar criar seus próprios blocos personalizados.
Neste artigo vamos mostrar a melhor forma de criar um bloco customizável a partir do zero, de forma que este modelo atenda a todas as suas necessidades.
Seções desta página
O que são blocos do WordPress
Desde a inclusão do Gutenberg que os blocos do WordPress estão presentes em todas as instalações do gerenciador de conteúdo mais popular do planeta. Atualmente eles podem ser usados em todos os locais de um template e não apenas dentro de uma publicação de artigo ou página.
Com o Editor de Blocos é possível, inclusive, criar um template WordPress exclusivo, como se ele fosse um construtor de sites. Ainda mais que a versão atual conta dezenas e dezenas de opções e modelos prontos para uso.
Pense nos blocos como se fossem widgets, ou seja, cada um desses blocos pode fazer várias coisas, tais como incorporar conteúdo como imagens e vídeos externos, além de adicionar funcionalidades específicas em formatação predefinida.
Sem contar que praticamente todos os blocos do WordPress permitem a personalização e os ajustes internos.
Blocos mais comuns no WordPress
Assim como dissemos anteriormente, o WordPress já oferece uma quantidade gigantesca de modelos de blocos que podem ser acessados e usados de forma nativa.
Dentre os principais estão os blocos de inserção de texto, imagem, galeria de imagem, conteúdo incorporado de todos os tipos e até alguns modelos especiais, o que inclui blocos de colunas, botões, carrossel, código-fonte, etc.
- Como criar custom fields ou campos personalizados no WordPress
- Guia completo sobre o functions.php do WordPress
Como criar blocos personalizados no WordPress
Sem dúvidas a forma mais fácil e prática de criar um modelo de bloco personalizável para ser inserido no Editor de Blocos do WP é usando um plugin específico.
Genesis Custom Blocks
Por isso que o plugin Genesis Custom Blocks é o nosso favorito para que se possa criar e gerenciar blocos customizáveis de uma forma bastante prática, simples e fácil.
- A primeira coisa que você precisa fazer é instalar e ativar o plugin. Feito isso, localize o Genesis Custom Blocks na menu lateral do WordPress e clique em
Custom Blocks > Add new. - Agora basta começar a adicionar e configurar os campos de personalização que estarão disponíveis na tela do plugin. Assim como o Editor de Blocos do WordPress, o editor do Genesis Custom Blocks permite que você faça todos os ajustes e inserções possíveis.
- Em seguida, faça a personalização do HTML e CSS, caso estes sejam necessários. Desta forma o WordPress vai carregar o seu bloco personalizado seguindo todas as regras básicas que você criou.
- Depois de concluído, salvo e publicado, o seu bloco criado pelo Genesis Custom Blocks vai aparecer no Editor de Blocos do WordPress como se ele fosse nativo.
- Pronto! Agora é só começar a usar da forma que quiser.
Conclusão
Agora que você sabe que é possível criar blocos personalizados para serem usados no Editor de Blocos do WordPress sem conhecimentos avançados, aproveite para turbinar o template do seu site ou de sua loja virtual da forma que melhor lhe atende!
Fica a dica!
—
Foto: Xavi Cabrera via Unsplash.