Revisão extensa dos blocos Getwid Gutenberg

Acho que você vai concordar comigo que construir um site com WordPress não é fácil, principalmente para quem não é técnico. Hoje, vamos descobrir o plugin de blocos Getwid Gutenberg.

O editor Gutenberg, um codinome para a nova era na edição do WordPress, abriu muito mais oportunidades de personalização e , ao mesmo tempo, trouxe novos problemas para lidar .

Mas não nos assustamos facilmente.

Plugins proprietários do Gutenberg, como Getwid WordPress Blocks, que vamos revisar neste artigo, oferecem soluções para resolver esses problemas e enriquecem sua experiência de criação de conteúdo no WordPress.

Então, o que é Getwid? É uma biblioteca de blocos Gutenberg extras e modelos de design, cada um com sua própria cadeia de ferramentas para ajudá-lo a criar praticamente qualquer tipo de site que você deseja.

Vamos direto ao ponto e estruturar esta revisão de forma que você possa pular rapidamente para a peça necessária.

Os principais conceitos e recursos dos blocos Getwid Gutenberg

Aqui estão os principais recursos e princípios fundamentais que conseguimos definir:

• A maior coleção de blocos gratuitos para o Gutenberg WordPress Block Editor.

Até agora, o Getwid é considerado um dos plugins de bloco do Gutenberg que oferece a maior biblioteca dos blocos mais usados ​​e exclusivos .

Ele permite que você pare de pular plugins, economizando tempo e espaço de hospedagem, pois você não precisará instalar mais uma dúzia de plugins. Além disso, não há necessidade de esperar por atualizações de diferentes provedores de plugins e lidar com todos eles separadamente.

• Projetos Getwid pré-fabricados.

Além dos blocos, o Getwid também oferece uma biblioteca de ótimos padrões de design para as seções mais comuns do site – seções de heróis e sub-heróis, call-to-action, serviços, depoimentos etc. seu próprio. Os modelos são categorizados, permitindo que você encontre rapidamente o design necessário. Os designs também podem ser desativados nas configurações do Getwid.

• Paridade visual com o seu tema WordPress.

O Getwid é provavelmente um dos melhores plugins nesse aspecto, pois, comparado a muitos complementos semelhantes do Gutenberg; seus blocos herdam automaticamente estilos (design visual) do tema WordPress Gutenberg ativado em vez de adicionar seus próprios. Ele ajuda você a manter a consistência do design em todo o site com menos confusão e configuração.

Em palavras simples, os blocos têm seus próprios estilos, mas seu tema adiciona ou substitui esses estilos de bloco para tornar o conteúdo mais nativo do seu tema WordPress Gutenberg.

Recursos extras dos blocos Getwid Gutenberg

• A Getwid é arquitetada para atender aos benchmarks de desempenho.

Embora o desempenho total sempre varie de site para site e dependa de uma variedade de fatores, o plugin Getwid em si é super leve.

Isso é alcançado graças a uma distribuição inteligente de configurações (por exemplo, já que existe o bloco Advanced Heading que fornece tudo sobre tipografia e pode ser usado com quase qualquer outro bloco, Getwid não sobrecarrega outros blocos com os mesmos estilos de fonte pesados ​​e configurações de tipografia), interfaces Getwid nativas de Gutenberg sem decoração desnecessária, os arquivos CSS e JS inline reduzidos para não inchar seu site e muito mais. Além disso, você pode desativar os bloqueios que não precisa para deixar seu site ainda mais rápido.

Esse plug-in orientado ao desempenho não apenas melhorará o SEO do seu site e a experiência geral do usuário, mas também ajudará você a reduzir sua pegada de carbono digital e ajudar a salvar o meio ambiente (quanto menos recursos seu site exigir - mais eletricidade você economiza – a porcentagem menor de emissões de CO2 dos data centers que alimentam seu site).

• O plug-in possibilita a execução de versões de sites para dispositivos móveis e tablets de última geração.

Os desenvolvedores da Getwid fizeram um grande foco na capacidade de personalizar a aparência das páginas do seu site WordPress para diferentes dispositivos . Você pode ajustar as experiências da Web para dispositivos desktop, móveis e tablets seletivamente para vários blocos essenciais.

Mais funções

• Fácil integração com vários serviços populares de terceiros.

A biblioteca de blocos Getwid já oferece integração perfeita com Google Maps, Instagram e Mailchimp . Você pode implementá-los sem a necessidade de recorrer a plugins extras (mais uma coisa boa que torna todo o seu site mais leve!).

• Uma coleção dedicada de blocos para sites ricos em conteúdo.

Se você administra um blog, site de notícias ou revista, uma loja ou apenas deseja promover seu conteúdo já publicado, o plug-in Getwid abre mais oportunidades para apresentá-lo de maneira inspiradora. Graças ao suporte para tipos de postagem personalizados, você também pode criar controles deslizantes, grades e listas automaticamente provenientes de postagens do WordPress dos plugins de terceiros que você pode usar.

• Um tema WordPress gratuito para Gutenberg criado com Getwid a partir do zero.

O Getwid é gratuito, mas se você precisar de uma solução de tema pronta para uso, também há um modelo inicial de base Getwid gratuito. Isso ajudará você a projetar no Getwid com mais facilidade usando toneladas de peças de conteúdo prontas para uso que já estão ótimas.

• Escala do desenvolvedor: um clichê de design gratuito do Gutenberg.

Se você está procurando um complemento decente do Gutenberg para usar na construção de sites de clientes, o plug-in Getwid vem com outra vantagem para acelerar seu fluxo de trabalho. Existe um Getwid Style Kit gratuito que você pode baixar no GitHub, que contém um bom monte de arquivos CSS iniciais e snippets de suporte a temas para facilitar o estilo dos blocos Getwid e Gutenberg.

• Tutoriais em vídeo.

Se você quiser dar uma olhada no backend ou apenas precisar de ajuda com alguns blocos, uma coleção de tutoriais em vídeo do Getwid também está à sua disposição.

Vamos agora tentar dar uma olhada nos blocos Getwid e então prosseguir com os exemplos.

Uma lista de blocos gratuitos do Gutenberg disponíveis no plugin Getwid

O plugin oferece até 40 blocos WordPress até agora:

• Bloco de seção : um bloco de contêiner de nível superior para qualquer tipo de layout.
• Bloco de cabeçalho avançado : um painel de controle de tipografia completo.
• Bloco do Google Maps : bastante autoexplicativo, incorpore o Google Maps com marcadores personalizados.
• Bloco de ícones : ícones totalmente personalizáveis.
• Bloco de Caixa de Ícones : layouts pré-fabricados com contêineres de ícones.
• Bloco de caixa de imagem : layouts pré-fabricados com contêineres de imagem.
• Bloco de links sociais : um conjunto de ícones sociais.
• Banner Block : uma solução para banners promocionais impressionantes.
• Bloco de controle deslizante de imagem: controles deslizantes de imagem simples.
• Bloco deslizante de mídia e texto : controles deslizantes avançados.
• Bloco de grupo de botões: botões com estilos diferentes.
• Bloco de pessoas: vitrine dos membros da equipe e da equipe.
• Bloco de acordeão: guias de acordeão.
• Toggle Block : alterna para visualizar os dados.
• Bloco de abas : abas horizontais.
• Bloco de Galeria de Pilha de Imagens : galerias de imagens com sete padrões de design diferentes.
• Bloco de Depoimentos : um bloco de depoimentos tradicional.
• Bloco de Postagens Recentes : layouts de lista e grade para postagens recentes.
• Bloco Espaçador Avançado: espaços personalizados fáceis entre blocos de conteúdo.
• Bloco do Instagram : um feed ao vivo de suas fotos do Instagram no WordPress.

Pronto para mais?

• Counter Block : contadores animados.
• Price Box Block : tabelas de preços e comparação.
• Bloco da Barra de Progresso : barras de progresso horizontais.
• Bloco de formulário de contato : um formulário de contato simples com reCAPTCHA.
• Post Carousel Block : um controle deslizante de post carrossel.
• Bloco Lista de Preços : uma lista de alimentos e preços; opcionalmente um índice.
• Post Slider Block : sliders gerados automaticamente a partir de suas postagens.
• Bloco de tipo de postagem personalizado : grade, lista ou layout personalizado de qualquer tipo de postagem personalizada disponível em seu site.
• Bloco de Barra de Progresso Circular : exibe o progresso com barras animadas.
• Bloco de linha do tempo de conteúdo : as postagens são apresentadas cronologicamente.
• Bloco de contagem regressiva: temporizadores de contagem regressiva animados.
• Image Hotspot Block : ponteiros detalhados e animados colocados sobre as imagens.
• MailChimp Block : integração perfeita do Mailchimp.
• Bloco de pop-up de vídeo : vídeos auto-hospedados e externos em pop-ups.
• Bloco de biblioteca de modelos : até 40 modelos pré-fabricados (você deve tentar!)

Além disso, como a equipe MotoPress por trás do Getwid está sempre criando novos recursos, essa lista provavelmente será estendida no futuro.

Esta foi apenas uma visão geral, então vamos nos aprofundar nas definições de configuração e dar uma olhada nos bastidores para ilustrar os recursos do Getwid. Vamos usar diferentes temas WordPress gratuitos e premium prontos para Gutenberg.

Adaptar layouts de qualquer escala com o bloco de seção

Section é um contêiner de vários blocos que você pode preencher com qualquer bloco, inserir facilmente colunas Gutenberg e criar diferentes tipos de planos de fundo. Vejamos algumas de suas características:

• Ele permite que você comece com a largura de layout necessária (sinta-se à vontade para criar layouts de largura total atraentes e imersivos).
• Você pode empregar bordas de bloco arrastáveis ​​para alinhamentos e dimensionamento personalizados (margens e preenchimentos) - a edição visual ajudará você a ver as alterações instantâneas.
• Você pode criar uma imagem, gradiente, slider, vídeo e outros tipos de fundos com diferentes efeitos e formas de animação. O painel de configuração deste bloco permite ajustar o espaçamento manualmente, escolher uma largura de conteúdo padrão, etc.
  
• Margens, preenchimentos, alinhamentos e uma largura de seção padrão podem ser personalizados para diferentes viewports (computador, tablet, telefone).

Personalização dos Blocos Getwid Gutenberg

• Você também pode usar um plano de fundo de posição fixa para tornar a página inteira mais viva (para que a imagem permaneça intacta durante a rolagem de uma página). É provável que você aplique essa abordagem para layouts de largura total para criar experiências de navegação verdadeiramente imersivas.

• É muito fácil criar seções de herói atraentes de largura total e até páginas de destino inteiras, pois você pode colocar Seções dentro de Seções para dar uma aparência personalizada a cada parte do conteúdo.
• Aplique paletas de cores predefinidas para fundos de gradiente.

• Agrupe o conteúdo para construir uma hierarquia visual usando separadores exclusivos: configure seu tamanho e cores.

• Crie layouts de deslocamento sofisticados.

• Animar blocos ou seções inteiras.

Efeitos adicionais dos blocos Getwid Gutenberg

Existem vários efeitos de animação que você pode escolher:

• Aplique foregrounds profundamente personalizados para manter um design ainda mais peculiar (configure a cor do primeiro plano, gradiente, imagem, altere a opacidade e os modos de mesclagem).

• Para ir além da tipografia simples, você pode inserir o bloco Advanced Heading do Getwid que oferece configurações de tipografia profunda (permite trabalhar com várias configurações de fonte: estilos, peso, tamanho, família, espaçamento, cores etc.). Você pode usar este bloco com qualquer outro bloco Gutenberg ou Getwid.

• Adicione botões com o bloco Button Group que também herdará automaticamente estilos do seu tema WordPress pronto para Gutenberg. O tamanho, a largura, a direção e o alinhamento do botão podem ser alterados, para que você possa criar frases de chamariz profissionais em cliques!

Tecnicamente, o bloco Seção pode servir como base para qualquer outro bloco ou conjunto de blocos do Gutenberg WordPress, especialmente quando você deseja ter mais opções de personalização.

Mostrar serviços, ideias e recursos por meio de formulários mínimos

O plug-in de blocos Getwid Gutenberg é fornecido com vários blocos excelentes que permitem expressar coisas essenciais sobre seu projeto/negócio de maneira direta, legível e moderna.

Por exemplo, você pode comunicar muitas informações com muito mais facilidade por meio de ícones, imagens+ícones, gráficos, contadores e muito mais. Getwid tem todos eles.

Vamos dar uma olhada em alguns desses blocos e aprender mais sobre seus recursos.

• Coloque muitos ícones bonitos e leves em qualquer conteúdo desejável com um bloco de ícones simples. Para aprimorar o design consistente, você pode escolher entre estilos de ícones simples, de fundo e de contorno.

O plug-in Getwid usa ícones Font Awesome que herdam automaticamente o design (tamanho do estilo) de qualquer tema pronto para Gutenberg que você possa usar e, além disso, permite que você escolha a cor preferida de uma paleta de cores da marca do tema. Isso ajuda os ícones a se combinarem com o design geral do tema com muito mais facilidade.

No entanto, você é livre para implementar seu próprio conjunto de ícones, se necessário.

Configurações extras dos blocos Getwid Gutenberg

Para uma aparência e comportamento mais personalizados, existem configurações para alterar tamanhos de ícones, raio de borda, margens, aplicar efeitos de animação e vincular ícones a URLs externos. Graças a essas configurações, você pode usar ícones de várias formas: círculo, quadrado, retângulo e diagonais.

• Realize layouts baseados em ícones com os padrões pré-criados do bloco Icon Box da Getwid. É fornecido com quase a mesma cadeia de ferramentas que o Icon Block, mas também vem com os campos de texto extra organizados e permite que você crie conteúdo mais rapidamente.

Blocos animados de Getwid Gutenberg

• Visualize dados usando os blocos animados da Barra de Progresso e da Barra de Progresso Circular.

As configurações essenciais de ambas as barras são totalmente configuráveis.

Tabelas de preços

• Exiba tabelas de comparação e preços com a ajuda do bloco Price Box. O bloco vem com um layout pré-projetado, que você precisa simplesmente preencher com seus dados.

Como todo o conteúdo é editado inline (no Editor Gutenberg), você será rápido em atualizar os recursos/descrição, botões, etc. CSS personalizado também é suportado, então sinta-se à vontade para dar às tabelas uma aparência mais sofisticada.

Perguntas frequentes

• Os blocos Tabs, Toggle e Accordion, que no design moderno da web contribuem muito para melhorar a organização geral do conteúdo, são muito úteis para estruturar informações como FAQ, política da empresa, comodidades em um hotel, arquivos de música e qualquer outra informação.

Você pode ter uma guia ou alternância pré-selecionada para melhor usabilidade. Através do painel de configuração do bloco, você pode alterar ícones, layouts e tipos de títulos.

• Implemente ícones de mídia social com o bloco Social Links. Getwid permite que você implemente ícones obrigatórios sem problemas, pois eles herdarão a aparência do seu tema automaticamente. Você só precisa decidir sobre o estilo, tamanho, alinhamento e espaçamento.

• Mostrar contadores animados. Por exemplo, aqui está um bloco superior sem estilos e o mesmo contador colocado dentro do bloco Seção por blocos Getwid Gutenberg:

Você pode ir com as configurações mínimas ou avançadas:

O bloco suporta numerais árabes e farsi orientais.

• Apresenta uma gama diversificada de layouts cuidadosamente elaborados e robustos com imagens por meio do bloco Image Box.

• Crie menus de restaurante com um bloco de lista de preços dedicado. Você pode ir com ou sem imagens.

Como você deve ter notado, como todos os blocos do Getwid são muito nativos do Gutenberg, você tem inúmeras opções para criar um conteúdo bonito e manter uma melhor consistência visual com menos esforço.

Crie impressionantes galerias de mídia e sliders do Gutenberg

A Getwid oferece várias maneiras fáceis de apresentar conteúdo de mídia:

• Adicione um controle deslizante com o bloco Media and Text Slider, no qual você pode controlar e editar todos os elementos diretamente no Editor visual do Gutenberg.

Você ficará impressionado com o quão profundo você pode ir na configuração: defina todos os tamanhos preferidos, personalize textos e cores de sobreposição, adicione opcionalmente preenchimentos personalizados, selecione efeitos de animação para os slides e texto individualmente e muito mais. Claro, você pode optar por um layout de largura total ou ampla para seu controle deslizante. Se você precisar de uma solução ainda mais simples, há também o bloco Image Slider da Getwid que você pode empregar.

Você acha que precisará de outro plug-in deslizante do WordPress com o Getwid à mão?

• Integre uma galeria ao vivo do Instagram com facilidade, sem recorrer a plugins de terceiros.

• • • Crie galerias de imagens encantadoras com o bloco Image Stack Gallery.

• Para projetos criativos, você pode usar um bloco realmente raro, Image Hotspot, para tornar suas imagens/fotos/pinturas/plantas mais informativas. O bloco permite que você coloque dicas de ferramentas animadas em qualquer área personalizada de suas imagens para fornecer mais informações sobre partes específicas da imagem.

• Apresente vídeos de introdução ou produtos em pop-ups impressionantes (você pode usar suas imagens de capa, animar botões, adicionar legendas etc.)

Mostre sua equipe

Fale sobre pessoas que ajudam você a construir um negócio com o bloco Pessoa fácil de manter, que vem com itens essenciais como cargos, nomes, avatares e ícones sociais.

Além disso, você pode mostrar o histórico de sua empresa/projeto ou exibir quaisquer outros eventos em ordem cronológica usando o bloco Event Timeline

Crie Sliders de Post e Custom Post Type em Gutenberg

Se você deseja destacar postagens de blog ou outros tipos de postagem personalizados específicos (por exemplo, serviços, produtos WooCommerce ou outros tipos de conteúdo gerados pelos plug-ins que você usa), o plug-in de blocos Getwid Gutenberg vem com vários blocos dedicados para ajudá-lo a dar ênfase extra a esse conteúdo .

Você pode utilizar os blocos Post Carousel, Post Slider e Custom Post Type da Getwid para esta finalidade. Embora eles venham com o conjunto padrão de configurações, o Getwid foi além ao fornecer um criador de modelo personalizado, onde você pode construir visualmente um layout que será aplicado ao controle deslizante de dados de postagens dinâmicas.

Brincando com esses blocos, você pode criar:

• Impressionantes controles deslizantes de tipo de postagem / postagem personalizados de largura total.

• Um carrossel de colunas com diferentes elementos de design.

• Controles deslizantes de grade e lista.

Existem toneladas de opções e recursos desses blocos que exigiriam um artigo próprio!

Empregar banners animados para promover ofertas ou eventos

Você pode alcançar mais clientes potenciais com banners de call to action vívidos, que podem ser criados usando o bloco Getwid Banner. Alternativamente, você pode utilizar este bloco para qualquer outra finalidade quando for necessário enfatizar eventos ou produtos específicos.

O bloco permite controlar o layout, cores, efeitos de movimento e muitas outras configurações.

Considerações finais: O plugin Getwid WordPress Blocks é perfeito para blogs e sites de pequenas empresas

O Getwid é até agora a maior coleção de blocos gratuitos do Gutenberg, obviamente, com o objetivo de se tornar a solução mais completa possível para ajudá-lo a reduzir o número de plugins adicionais que você pode precisar usar.

Mas isso não significa quantidade sobre qualidade, pois a Getwid está fazendo um ótimo trabalho de design e desenvolvimento em vários aspectos. Aqui estão apenas alguns deles:

• Painéis de configuração extensivos implementam mais escalabilidade e flexibilidade para cada bloco.
• Projetos Gutenberg prontos para uso.
• Independentemente de um tema WordPress, o Getwid permite que você facilite as edições e mantenha uma melhor consistência visual quase automaticamente.
• Um clichê de design gratuito com os snippets de estilo de bloco.
• O plug-in oferece valor extra com vários serviços populares pré-instalados que normalmente exigem plug-ins extras.
• Getwid oferece alguns blocos realmente únicos, como Image Hotspot, Video Popup e Custom Post Type.
• O plugin Getwid adere às melhores práticas de design e desenvolvimento para Gutenberg e WordPress 5.0, o que contribuirá amplamente para uma abordagem voltada para o futuro na construção de sites.

Para resumir, os blocos Getwid Gutenberg ajudarão você a avançar em qualquer tipo de site que você esteja construindo. Você se beneficiará dele, independentemente de estar procurando uma biblioteca de blocos pronta para uso ou apenas um bloco específico. Portanto, não se esqueça de experimentar, o plugin é gratuito como na cerveja.