SÓ HOJE 10% DE DESCONTO

USE O CUPOM: SEXTA.FULL

00
Horas
00
Minutos
00
Segundos

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Getwid – Blocos WordPress personalizáveis para Gutenberg

Você está em:

Getwid – Blocos WordPress personalizáveis para Gutenberg
Getwid - Blocos WordPress personalizáveis ​​para Gutenberg

Gutenberg. A mera menção dessa palavra pode derreter o gelo. Normalmente, você pode ouvir um alfinete cair no silêncio que se segue depois de gritar “GUTENBERG!” em alguns lugares. Talvez você não devesse gritar, mas esse não é o ponto. É um dia frio para o editor de Gutenberg, ou é?

Quando Gutenberg se tornou o editor de conteúdo padrão do WordPress, muitos usuários – iniciantes e desenvolvedores – ficaram céticos. Foi uma transição agonizante porque – mudar. O novo editor significava que os usuários tinham que aprender e se adaptar a uma nova maneira de criar conteúdo no WordPress.

É verdade que mudar os velhos hábitos é difícil, e talvez seja por isso que Gutenberg enfrentou forte resistência no início. Mas as coisas mudaram tremendamente ao longo do tempo. Enquanto muitos usuários ficaram perplexos no início, as pessoas rapidamente adoram o novo editor, especialmente quando é tão fácil de usar e, mais importante, estender com plugins.

Graças a plugins como Getwid , o assunto da análise de hoje, você pode sobrecarregar o Gutenberg de maneiras que nunca imaginou antes. E se o ímpeto continuar (e continuará), Gutenberg tem um futuro muito brilhante. Na minha opinião, cada vez mais usuários dificilmente precisarão de construtores de páginas do WordPress para criar páginas e postagens impressionantes.

Na análise de hoje, vamos dar uma olhada em todos os recursos que fazem do Getwid um dos melhores plugins Gutenberg que você encontrará na web. Para mostrar o que esperar, testamos o plug-in e percorremos brevemente mais de 30 blocos que o Getwid traz para um editor Gutenberg já poderoso.

Com esse preâmbulo, há uma tonelada para cobrir, então é melhor começarmos com isso. Veja o que eu fiz lá? Haha. Ok, vamos começar.

O que é Getwid?

Getwid – Blocos de Gutenberg

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Primeiras coisas primeiro, o que diabos é Getwid? Bem, Getwid é um plugin bacana que ajuda você a estender o editor Gutenberg em grande estilo. Muito simples? Em outras palavras, é uma bela coleção de 34 blocos que permitem criar conteúdo brilhante em Gutenberg.

De acordo com a Motopress , o desenvolvedor, o Getwid se conecta perfeitamente ao Gutenberg, “…tornando sua transição geral para o Gutenberg menos estressante”. Uma transição mais suave é especialmente importante para usuários iniciantes. A melhor parte é que o plugin é gratuito para download no WordPress.org, o que significa que você pode começar a trabalhar imediatamente.

Getwid segue os melhores padrões de codificação do WordPress , oferecendo a solução perfeita para enriquecer seu conteúdo sem cavar no código. Além disso, é totalmente compatível com todos os temas WordPress prontos para Gutenberg, o que significa que você não encontrará problemas de incompatibilidade.

Além disso, o Getwid é compatível com outros plugins Gutenberg de terceiros, que oferecem mais recursos para criar o conteúdo envolvente que você deseja. Além disso, o Getwid vem com várias opções, permitindo que você estilize cada bloco para combinar com sua marca e preferências.

Blocos Gutenberg fáceis de usar

Além disso, o complemento é incrivelmente fácil de configurar e usar, o que significa que você não precisa de um desenvolvedor para segurar sua mão. Você também não precisa de conhecimento de codificação. Além disso, o Getwid apresenta os mais recentes truques de desempenho, como a minificação de CSS, para que você possa criar conteúdo fantástico sem se preocupar com a velocidade do seu site WordPress .

Falando em conteúdo fantástico, o Getwid ajuda você a “… criar páginas de destino eficientes, exibir páginas de serviços vibrantes, criar portfólios atraentes”, adicionar belos controles deslizantes, implementar títulos fantásticos, exibir tabelas de preços e muito mais! Ele oferece todos os blocos necessários para sobrecarregar “… sites de negócios, startups, projetos criativos e uma diversidade de outros nichos”.

Lista Getwid de Blocos Gutenberg

Getwid vem com um bom número de blocos Gutenberg. Lembre-se, ele também funciona com os blocos principais do Gutenberg, o que significa que nada deve impedi-lo de criar conteúdo incrível que funcione para o seu site. Aqui está a lista de blocos Gutenberg disponíveis no Getwid (Aviso: é LOOONG) :

  • Seção
  • Controle deslizante de mídia e texto
  • Controle deslizante de imagem
  • Ícone
  • Caixa de ícones
  • Banner (sim, completo com animações – woo hoo!)
  • Acordeões
  • Abas
  • Alternancia
  • Galeria da pilha de imagens
  • Google Maps
  • Postagens recentes
  • Título Avançado
  • Caixa de Imagem
  • Espaçador Avançado
  • Links sociais
  • Grupo de botões
  • Testemunho
  • Caixa de Pessoa
  • Instagram
  • Barra de progresso
  • Barra de progresso circular
  • Contador
  • Caixa de preço
  • Formulário de Contato
  • Pós Carrossel
  • Controle deslizante de postagem
  • Tipo de postagem personalizada
  • Lista de preços
  • MailChimp
  • Vídeo pop-up
  • Ponto de acesso de imagem
  • Contagem regressiva
  • Linha do tempo do conteúdo

Ufa, que lista? E pensar que cada um dos blocos acima vem com muitas configurações, estilos e opções, para que você possa projetar seu conteúdo da maneira que quiser.

Até agora tudo bem, o plugin de blocos Getwid Gutenberg parece muito promissor.

Agora que você sabe com o que estamos trabalhando, vamos instalar o Getwid e percorrer os vários blocos. Espero que você goste da seção a seguir tanto quanto eu gostei ao testar o plugin.

Como instalar o plugin Getwid Gutenberg Blocks

Visto que o Getwid está disponível no repositório oficial de plugins do WordPress, não perderemos tempo baixando o plugin para o seu computador. Em vez disso, instalaremos o plugin diretamente de dentro do painel de administração do WordPress.

Sem mais delongas, faça login no painel de administração do WordPress e navegue até Plugins> Adicionar novo , conforme indico na captura de tela abaixo.

como instalar o novo plugin wordpress

Na página  Adicionar plug-ins , digite “Getwid” na caixa de pesquisa de palavra-chave e pressione o  botão Instalar  agora , conforme mostrado abaixo.

como instalar o plugin getwid gutenberg blocks para wordpress

Sem perder um segundo, clique no  botão Ativar , conforme destaco abaixo para finalizar a instalação.

como ativar o plugin wordpress getwid

E é isso; Eu não estava mentindo quando disse que configurar o Getwid é fácil

Agora, vamos ver o que o Getwid tem a oferecer dentro do editor Gutenberg. Para descobrir o que está reservado, precisamos criar uma nova página ou postagem. Trabalhe com o que você gosta.

Adicionando uma nova página

Vou trabalhar com uma página puramente para fins de ilustração. E também porque estou usando o reverenciado tema Total WordPress que vem com um modelo de página de destino

Até agora, você provavelmente já sabe como adicionar uma nova página no WordPress, mas se você é um iniciante absoluto, navegue até Páginas > Adicionar Novo, como visto abaixo.

adicionando uma nova página no wordpress

Adicione o título da página e escolha as configurações necessárias. Por exemplo, se você quiser criar uma página de destino de largura total como a sua, selecione a opção na  seção Atributos da página , conforme mostrado abaixo.

atributos de página em gutenberb

Observe que você pode ter opções diferentes na seção Atributos da página , dependendo do seu tema.

Adicionando Blocos Getwid Gutenberg

Adicionar blocos Getwid é o mesmo que adicionar blocos típicos do Gutenberg. Clique no botão de adição (+) , role para baixo  Getwid Blocks e escolha o bloco desejado.

Bloco de Seção

Para adicionar uma seção Getwid, por exemplo, basta adicionar o bloco Section , conforme mostrado abaixo.

bloco de seção getwid

Tão simples quanto A, B, C. Depois disso, você precisa projetar/estilizar sua seção como achar melhor. O bloco de seção permite que você crie belos layouts de página seção por seção sem codificação. Você pode adicionar controles deslizantes, imagens de fundo, vídeos, paralaxe, animações, formas, várias cores, etc. à sua seção facilmente. Para ver uma página criada usando blocos de seção, confira a demonstração da seção a seguir .

Conforme mostrado na imagem abaixo, você pode adicionar qualquer bloco dentro do bloco de seção. Além disso, você pode personalizar a seção como desejar.

configurações do bloco de seção getwid

À direita da página, você tem várias opções para personalizar a seção. Vamos examinar as opções brevemente de cima para baixo.

  • Tamanho – Defina as dimensões da sua seção aqui. No momento da escrita, você tem três opções de largura, ou seja , Boxed, Full Width e  Custom . Além disso, você pode definir diferentes alturas de seção para desktop, tablet e dispositivos móveis. Por fim, você tem a opção de especificar as lacunas entre os blocos de conteúdo dentro do bloco de seção.
  • Preenchimento – A opção permite definir o preenchimento em torno de sua seção para desktop, tablet e dispositivos móveis.
  • Margem – Adicione margens ao redor do seu bloco de seção para vários dispositivos.
  • Alinhamento – Aqui, você pode especificar a vertical e a horizontal da sua seção para vários dispositivos.
  • Cor de fundo – Você pode adicionar qualquer cor de fundo que desejar às seções.
  • Gradiente de fundo – Esta opção ajuda você a criar gradientes de fundo para sua seção. A opção é útil se você não quiser usar fundos de cores sólidas.
  • Imagem de fundo – Aqui, você pode adicionar uma imagem de fundo à sua seção, em vez de usar cores.
  • Controle deslizante de fundo – Agora, você pode adicionar controles deslizantes de fundo às seções de sua página. Que doce?
  • Vídeo de fundo – Procurando enriquecer sua seção com um vídeo de fundo? Se assim for, Getwid está de volta.
  • Primeiro plano – Adicione efeitos de primeiro plano à sua seção.
  • Divisores – Adicione divisores entre suas seções
  • Animação de entrada – Graças ao Getwid, você pode animar diferentes seções como quiser.
  • Avançado – Aqui, você pode adicionar uma âncora HTML e uma classe CSS

Bloco deslizante de mídia e texto

Para adicionar um bloco deslizante de mídia e texto, clique no  ícone de mais (+) , role até  Getwid Blocks e clique em  Media & Text Slider, conforme mostrado abaixo.

bloco deslizante de mídia e texto getwid

Depois de adicionar o bloco, você pode fazer upload de sua mídia e adicionar texto. Além disso, você pode personalizar o bloco na barra lateral direita, conforme mostrado na imagem abaixo.

configurações do bloco de controle deslizante de texto de mídia getwid

Aqui, algumas notas para as opções de mídia e bloco de texto na barra lateral direita, como mostrado acima:

  • Configurações – Na guia de configurações, você pode especificar o número de slides, tamanho da imagem, altura do controle deslizante, largura do conteúdo e alinhamento vertical/horizontal.
  • Cor do texto – A opção permite que você personalize a cor do texto em seu controle deslizante
  • Cor da sobreposição – Você pode definir a cor da sobreposição e especificar a opacidade da sobreposição
  • Preenchimento – Use esta opção para adicionar preenchimento em torno de seus controles deslizantes de mídia e texto facilmente
  • Configurações do controle deslizante – Aqui, você pode adicionar animação ao seu controle deslizante e ativar a apresentação de slides
  • Animação de texto – Animar o texto em seus controles deslizantes
  • Avançado – Adicione uma classe CSS personalizada para que você possa estilizar ainda mais seus controles deslizantes

Aqui está um excelente exemplo do bloco deslizante de mídia e texto em ação.

Controle deslizante de imagem

Além do Media & Text Slider, o Getwid também oferece o  bloco Image Slider . Para fazer isso, navegue até Getwid Blocks e clique no  bloco Image Slider conforme detalhamos na captura de tela abaixo.

controle deslizante de imagem getwid

Depois de carregar ou adicionar imagens da biblioteca de mídia, você pode personalizar o controle deslizante na barra lateral direita, conforme mostrado abaixo.

configurações do controle deslizante de imagem getwid

Na barra lateral direita, você tem algumas opções da seguinte forma:

  • Configurações de imagem – Nesta guia, você pode escolher o tamanho da imagem, cortar imagens automaticamente e vincular cada imagem ao arquivo de mídia ou à página de anexo. Isso é especialmente benéfico se você for um fotógrafo e usar controles deslizantes de imagem para exibir seu trabalho.
  • Configurações do Slider – Aqui, você pode especificar o número de slides que você pode exibir em vários dispositivos, ou seja, desktop, laptop, tablet e celular.
  • Configurações de controle – Nesta guia, você pode especificar onde exibir setas e pontos de navegação.
  • Avançado – Adicione uma classe CSS personalizada aqui

Para obter uma imagem melhor, aqui está uma demonstração do controle deslizante de imagem para seu prazer de visualização.

Bloco de banner

Um bloco de banner permite que você anuncie em seu site WordPress como um chefe. Adicionar um bloco de banner é igualmente simples. Navegue até  Getwid Blocks dentro do editor Gutenberg e clique no  bloco Banner , conforme mostrado abaixo.

bloco de banner getwid

Depois de adicionar seu arquivo de mídia de banner, você obtém algumas opções, conforme mostrado na imagem abaixo.

configurações do bloco de banner getwid

Como você pode ver na imagem acima, você pode facilmente adicionar um link ao seu banner e abrir o link em uma nova guia. Na barra lateral direita, você tem mais opções para personalizar seus banners. Aqui, você pode personalizar o tamanho do banner, alinhamento, cores e animações.

Você tem muitas opções para criar banners atraentes para o seu site. Sinta-se à vontade para conferir essas demonstrações de banner para ter uma ideia do que você pode criar.

Outros blocos Getwid Gutenberg

Não importa o quão tentador, eu não posso cobrir mais 30 blocos Getwid na revisão de hoje. Se fizermos isso, você ficará aqui o dia todo, pois o artigo ficará muito longo para ser lido.

Mesmo assim, espero que agora você possa adicionar e personalizar qualquer bloco Getwid Gutenberg que desejar. Tudo o que você precisa fazer é navegar até  Getwid Blocks e clicar no bloco desejado. Depois disso, adicione seu conteúdo e personalize o bloco na barra lateral direita, como fizemos para os outros blocos.

Para ver mais exemplos de blocos Getwid Gutenberg em ação, visite a página do plugin Getwid em MotoPress. Além disso, aqui está uma postagem do Meet Getwid que analisa mais detalhadamente o que o plug-in oferece.


Getwid é um poderoso plugin Gutenberg com um lindo conjunto de blocos. Além disso, cada bloco vem com um conjunto exclusivo de opções que permitem criar conteúdo atraente em pouco tempo.

Além disso, o plugin é incrivelmente fácil de configurar e usar. Você não precisa de conhecimento de codificação ou experiência anterior para aproveitar o poder do Getwid para impulsionar o engajamento em seu site.

O plugin é 100% gratuito e de código aberto, o que significa que você pode usá-lo e personalizá-lo extensivamente sem se preocupar com sua carteira ou licenciamento. É a ferramenta perfeita para ter em seu kit de ferramentas profissional do WordPress .

Espero que agora você possa usar o Getwid para dar vida às suas páginas e postagens do WordPress sem suar a camisa. Se não, por favor, expresse suas preocupações e sugestões na seção de comentários.

Fora isso, qual é o seu plugin de blocos Gutenberg favorito?

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.