Getwid - blocos personalizáveis ​​do WordPress para Gutenberg

Gutenberg. A mera menção dessa palavra pode derreter o gelo. Geralmente, você pode ouvir um alfinete cair no silêncio que se segue após você gritar “GUTENBERG!” em alguns lugares. Talvez você não deva 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 para o WordPress, muitos usuários – iniciantes e desenvolvedores – ficaram céticos. Foi uma transição agonizante porque – mude. 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 modos antigos é difícil, e é por isso que Gutenberg enfrentou forte resistência no início. Mas as coisas mudaram tremendamente ao longo do tempo. Embora muitos usuários tenham ficado perplexos no começo, as pessoas adoram rapidamente o novo editor, especialmente quando é tão fácil de usar e, mais importante, se estende com plug-ins.

Graças a plugins como Getwid, o assunto da revisão de hoje, você pode sobrecarregar Gutenberg de maneiras que você nunca imaginou antes. E se o momento continuar (e continuará), Gutenberg tem um futuro muito brilhante. Na minha opinião, mais e 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, analisamos todos os recursos que tornam o Getwid um dos melhores plugins do Gutenberg que você já encontrará na web. Para mostrar o que você deve esperar, testamos o plug-in e analisamos brevemente mais de 30 blocos que o Getwid traz para um já poderoso editor do Gutenberg.

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

O que é Getwid?

Getwid - Blocos de Gutenberg

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

De acordo com Motopress, o desenvolvedor, Getwid, conecta-se 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 correr imediatamente.

Getwid segue o melhor Padrões de codificação do WordPress, oferecendo a solução perfeita para enriquecer seu conteúdo sem precisar digitar o 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 atraente que você deseja. Além disso, o Getwid vem com várias opções, permitindo que você estilize cada bloco para corresponder à 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 minificação CSS, para que você possa criar conteúdo fantástico sem se preocupar com a velocidade do site WordPress..

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

Lista Getwid de blocos de Gutenberg

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

  • Seção
  • Controle deslizante de mídia e texto
  • Controle deslizante de imagem
  • Ícone
  • Caixa de ícone
  • Banner (sim, completo com animações – woo hoo!)
  • Acordeões
  • Guias
  • 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
  • Depoimento
  • Person Box
  • Instagram
  • Barra de progresso
  • Barra de progresso circular
  • Contador
  • Caixa de preço
  • Formulário de Contato
  • Post Carrossel
  • Controle deslizante de postagem
  • Tipo de postagem personalizada
  • Lista de preços
  • MailChimp
  • Pop-up de vídeo
  • Ponto de acesso da 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 desejar.

Até aí tudo bem, o plug-in de blocos Getwid Gutenberg parece muito promissor.

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

Como instalar o plug-in Getwid Gutenberg Blocks

Como o Getwid está disponível no repositório oficial de plug-ins do WordPress, não perderemos tempo fazendo o download do plug-in no seu computador. Em vez disso, instalaremos o plug-in 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 como aponto no screengrab abaixo.

como instalar um novo plugin wordpress

No Adicionar plugins página, digite “Getwid” na caixa de pesquisa de palavras-chave e pressione o Instalar Agora como mostrado abaixo.

como instalar o plugin getwid gutenberg blocks para wordpress

Sem perder um segundo, clique no ícone Ativar como destaque abaixo para finalizar a instalação.

como ativar o plugin getwid wordpress

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

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

Adicionando uma nova página

Trabalharei com uma página apenas para fins ilustrativos. 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, 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ê deseja criar uma página de destino de largura total como a sua, selecione a opção em Atributos da página seção, como mostrado abaixo.

atributos de página no gutenberb

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

Adicionando blocos Getwid Gutenberg

Adicionar blocos Getwid é o mesmo que adicionar blocos típicos de Gutenberg. Clique no mais (+) botão, role para baixo Getwid Blocos, e escolha o bloco que você quer.

Bloco de Seção

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

bloco de seção getwid

Tão simples quanto A, B, C. Depois disso, você precisa projetar / estilizar sua seção conforme julgar adequado. O bloco de seção permite criar 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, verifique o seguinte demonstração da seção.

Como 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. Analisaremos brevemente as opções de cima para baixo.

  • Tamanho – Defina aqui as dimensões da seção. No momento da redação, você tem três opções de largura, a saber Em caixa, largura total,personalizadas. Além disso, você pode definir diferentes alturas de seção para computadores, tablets 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 computadores, tablets 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 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 plano de fundo à sua seção, em vez de usar cores.
  • Controle deslizante de fundo – Agora, você pode adicionar controles deslizantes de segundo plano às seções da sua página. Que doce?
  • Vídeo de fundo – Procurando enriquecer sua seção com um vídeo de fundo? Nesse caso, Getwid está de costas.
  • Primeiro plano – Adicione efeitos de primeiro plano à sua seção.
  • Divisores – Adicione divisórias entre suas seções
  • Animação de entrada – Graças ao Getwid, você pode animar seções diferentes 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 botão mais (+) ícone, role até Getwid Blocks e clique Controle deslizante de mídia e texto, como mostrado abaixo.

bloco de controle deslizante de mídia e texto getwid

Depois de adicionar o bloco, você pode enviar sua mídia e adicionar texto. Além disso, você pode personalizar o bloco na barra lateral direita, como mostra a imagem abaixo.

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

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

  • Definições – Na guia 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 no seu controle deslizante
  • Cor da sobreposição – Você pode definir a cor da sobreposição e especificar a opacidade da sobreposição
  • Preenchimento – Use essa opção para adicionar preenchimento facilmente aos controles deslizantes de mídia e texto
  • 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 controle deslizante Mídia e Texto, a Getwid oferece a você Controle deslizante de imagem bloquear também. Para fazer isso, navegue até Getwid Blocks e clique no Controle deslizante de imagem bloquear como eu detalhe na imagem 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, como mostrado abaixo.

configurações do controle deslizante de imagem getwid

Na barra lateral direita, você tem algumas opções, como a seguir:

  • Configurações de imagem – Nessa guia, você pode escolher o tamanho da imagem, cortar automaticamente as imagens e vincular cada imagem ao arquivo de mídia ou à página de anexo. Isso é especialmente benéfico se você é fotógrafo e usa controles deslizantes de imagem para exibir seu trabalho.
  • Configurações do controle deslizante – Aqui, você pode especificar o número de slides que pode exibir em vários dispositivos, como computador, 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 o seu prazer.

Bloco de faixa

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

bloco de banner getwid

Depois de adicionar o arquivo de mídia do banner, você obtém algumas opções, como mostra a 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, o alinhamento, as cores e as animações do banner..

Você tem muitas opções para criar banners atraentes para o seu site. Sinta-se livre para verificar estes demonstrações de banner para provar o que você pode criar.

Outros blocos de Getwid Gutenberg

Por mais tentador que seja, não posso cobrir mais 30 blocos do 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 para Getwid Blocks e clique no bloco que você deseja. Depois disso, adicione seu conteúdo e personalize o bloco na barra lateral direita, como fizemos nos outros blocos.

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


Getwid é um poderoso plugin Gutenberg com um adorável conjunto de blocos. Além disso, cada bloco vem com um conjunto exclusivo de opções que permitem criar conteúdo atraente rapidamente.

Além disso, o plug-in é 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 envolvimento no seu site.

O plug-in é 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. Caso contrário, expresse suas preocupações e sugestões na seção de comentários.

Fora isso, qual é o seu plug-in de blocos favorito do Gutenberg?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me