Então você já ouviu falar dessa coisa mágica chamada WordPress e quer saber do que se trata toda essa agitação. WordPress é uma ferramenta de construção de sites que permite que quase qualquer pessoa comece a criar páginas web altamente funcionais e bonitas.
Um ótimo lugar para começar seu conhecimento em WordPress é com o editor WordPress, então, bravo, você veio ao lugar certo.
Neste blog, abordaremos como usar o editor de blocos do WordPress. Certifique-se de ter uma conta no WordPress para poder acessar o editor de blocos para acompanhar.
Sem mais delongas, vamos começar.
O que é o Editor de Blocos do WordPress?
O editor de blocos do WordPress é uma ferramenta para editar e construir páginas da web. Pense no editor de blocos do WordPress como os blocos de construção da página da web. É altamente eficaz com uma experiência de usuário útil.
O editor de blocos do WordPress pode ser dividido em três partes: menu superior, menu de configurações e área de conteúdo principal. Cada segmento possui elementos que permitem a edição e construção de sites de diferentes maneiras. Cada elemento do site – como parágrafos, títulos, vídeos e botões – pode ser considerado um “bloqueio”. Enquadrar sua visão do editor em blocos de construção individuais facilita a construção.
Como funcionam os editores de blocos do WordPress?
Os editores de blocos do WordPress geralmente são adições de terceiros que usam o editor de blocos Gutenburg, aprimorando-o para ampliar ainda mais seus recursos.
Existem muitos blocos WordPress diferentes. Eles vêm em muitos tipos diferentes para ajudar a atender a qualquer necessidade que alguém tenha para criar um site deslumbrante.
Tipos de blocos WordPress
- Bloco de áudio
- Bloco de postagem do blog
- Bloco de botões
- Bloco de calendário
- Bloco de Galeria
- Bloco de arquivo
- Bloco de grupo
- Bloco de título
- Bloco de código
- Bloco HTML personalizado
Vejamos alguns exemplos de plug-ins populares de editores do WordPress.
WooCommerce
Os blocos WooCommerce ajudam você a adicionar produtos ao seu site. É fácil de usar e oferece uma interface amigável. É um ótimo complemento para o kit de ferramentas de qualquer desenvolvedor e economiza tempo no fluxo de trabalho. Se você administra um site de comércio eletrônico, o Woocommerce Gutenberg Blocks é obrigatório – e é grátis!
Kadence
Os blocos Kadence são extremamente úteis ao trabalhar com sites complexos com muito conteúdo. Kadence prioriza desempenho e funcionalidade ao construir sites impressionantes.
Como usar o editor de blocos WordPress
O uso dos editores de bloco do WordPress pode ser dividido em várias etapas, dependendo do que você deseja realizar. Abaixo, percorreremos as etapas básicas para encontrar e adicionar blocos ao seu site.
1. Clique no ícone de adição e selecione seu tipo de bloco
Quando estiver no editor de blocos do WordPress, normalmente o primeiro passo será encontrar o ícone de adição no canto superior esquerdo ou, se o cursor for clicado em uma determinada parte do seu site, um ícone de adição aparecerá no lado direito. .
Assim que o ícone de adição for clicado, um menu será aberto com diferentes opções de bloqueio. Conforme mencionado anteriormente, existem muitos blocos diferentes para atender a qualquer necessidade.
Nesta fase, talvez seja necessário procurar um bloco específico. Depois de encontrar o bloco certo, vá em frente e clique nele.
2. Coloque seu bloco
Agora é hora de mover seu bloco para onde você deseja na página. Se você usou o ícone de adição no canto superior esquerdo, talvez seja necessário mover o bloco para o local adequado.
Mover seu bloco pode ser feito usando as setas para cima e para baixo no menu pop-up do editor (mostrado abaixo). Outra opção para mover qualquer bloco seria clicar e arrastar no editor usando o ícone “arrastar”, que se parece com um conjunto de duas linhas de pontos paralelos entre si (mostrado abaixo).
3. Personalize seu bloco
Agora só falta personalizar o bloco para se adequar ao tema ou marca do seu site. Nesse caso, você pode personalizar um bloco de parágrafo alterando a cor do texto e o tamanho da fonte.
Você não só pode editar blocos usando a barra flutuante, mas também pode editar blocos usando o menu direito, também chamado de guias Configurações.
Vamos examinar algumas dessas opções de personalização na guia de configurações.
Cada guia suspensa de configurações ajuda a facilitar mais personalização em assuntos como tipografia, espaçamento, efeitos e até animação. A guia de configuração é onde a mágica acontece. Você gastará muito tempo ajustando seu design com perfeição nesta seção do editor de blocos do WordPress.
Dica profissional do editor de blocos WordPress
Fique de olho na visualização de lista, que pode ser aberta clicando no ícone de lista no canto superior direito. Isso ajudará a estruturar o site e torná-lo responsivo a diferentes tamanhos de tela. Design responsivo refere-se a como um site é projetado e estruturado para responder ao tamanho de qualquer tela.
Como desativar blocos do WordPress e outras opções
O WordPress permite desabilitar bloqueios, o que pode ser útil em muitos casos, como:
- Desativar blocos que você nunca usa para reduzir a desordem.
- Desative os bloqueios para impedir que um editor de terceiros em seu site use blocos específicos.
Você pode limitar o acesso a determinados blocos usando um plugin chamado Desativar blocos de Gutenberg. Usar Desativar blocos de Gutenberg para desativar blocos é muito fácil. Dividimos isso em etapas rápidas abaixo.
- Baixe e instale o plugin.
- Vá para as configurações e depois para a opção Desativar bloqueios.
- Passe o mouse sobre qualquer bloco e clique na opção para desativar.
Quando um bloco está desabilitado, ele ficará acinzentado indicando seu status. E é isso – é uma maneira muito rápida de desabilitar bloqueios.
O único problema é que esses bloqueios são desativados globalmente. Se você deseja desabilitar bloqueios apenas para editores específicos em seu site, certifique-se de usar um plugin chamado Advanced Gutenberg. Desabilitar blocos usando Advanced Gutenberg adiciona apenas duas etapas extras: criar um perfil e desabilitar blocos para cada usuário de acordo.
Se você tiver problemas sérios com os Blocos de Gutenberg, não se preocupe. Também existe uma maneira de desativá-lo e voltar ao editor clássico do WordPress.
Para desabilitar os blocos de Gutenburg, precisaremos de outro plugin: Classic Editor Plugin. Ele foi desenvolvido pelos principais contribuidores do WordPress e tornará o processo mais fácil. Funciona automaticamente após baixar e instalar o plugin.
O plugin do Editor Clássico também oferece a opção de trabalhar em ambas as versões do editor.
Para fazer isso, vá para a página de configurações e, em seguida, para a página Escrita enquanto estiver no administrador do WordPress. Você verá a opção chamada “configurações do editor clássico”. Não se esqueça de clicar em salvar.
Outra opção é desabilitar os Blocos de Gutenberg com o plugin mencionado acima, o Disable Gutenburg Plugin.
Agora você sabe
Agora você já sabe como usar os blocos do WordPress e o editor de blocos do WordPress. Esperamos que você tenha uma ideia melhor do que é o editor de blocos do WordPress e como começar. Entre e experimente você mesmo.
E se você está procurando alguém para hospedar seu site WordPress, considere a hospedagem WordPress totalmente gerenciada Hostinger.
A hospedagem gerenciada é fundamental para administrar um site a longo prazo – e torna tudo mais fácil para você. Deixe a Hostinger cuidar de manter seu site rápido, seguro e de alto desempenho.
Confira os planos de hospedagem WordPress totalmente gerenciados da Hostinger para começar hoje mesmo.
