Os plug-ins de grade permitem que você exiba seus diferentes tipos de conteúdo da Web sem esforço em layouts de grade ou alvenaria. Com eles, você pode exibir suas imagens, portfólios, postagens de blog, produtos e muito mais de forma organizada.
Isso não apenas aprimora a estética de um site, mas também facilita a navegação e a exploração de suas ofertas pelos usuários. Este artigo apresentará a você alguns dos melhores plug-ins de grade do WordPress que você deve conhecer.
Vamos em frente!
Plug-in |
Tipo |
Classificações |
Mais detalhes |
|---|---|---|---|
Grade essencial |
Galeria de grades |
||
Grade de mídia |
Grade de conteúdo |
||
Tableberg |
Tabela |
||
FancyPost |
Grade de postagem |
||
Blocos definitivos |
Grade de postagem |
||
Portfólio de caixas de mídia |
Galeria de grades |
||
Bloco de grade de layout |
Grade |
||
A grade |
Grade |
1. Grade essencial
O Essential Grid é um plugin versátil de criação de grades. Com ele, você pode exibir diferentes arquivos de mídia, como imagens, vídeos e áudio, incluindo posts e páginas. Você pode adicionar linhas, colunas, espaçamento e vários tipos de animação ajustáveis.
O Essential Grid oferece suporte ao recurso "fonte de conteúdo". Você só precisa selecionar o tipo de conteúdo e o local nesse recurso. O plug-in buscará automaticamente o conteúdo do seu banco de dados do WordPress e o exibirá no formato de grade definido no front-end.
Principais recursos do plug-in Essential Grid:
- Mais de 50 modelos de grade para iniciantes
- Funciona com YouTube, Vimeo, iFrame e vídeos auto-hospedados
- Suporta posts, páginas, posts personalizados, WooCommerce e galeria
- Possui opções de navegação, filtragem e classificação
- Mais de 6 tipos de pele para os visuais da galeria
- Grades fáceis de importar/exportar com skin e metadados
- Oferece ampla documentação e vídeos tutoriais
2. Grade de mídia
O Media Grid fornece um construtor de grade visual por meio do qual você pode criar layouts de grade ilimitados apenas adicionando itens, classificando-os e configurando seus tamanhos. Quando a grade estiver pronta, basta otimizá-la para dispositivos móveis.
Com a autoridade ideal, você pode tornar sua grade exclusiva. O Media Grid também suporta a criação de grades dinâmicas. Primeiro, crie o layout da grade e, em seguida, selecione o tipo de conteúdo desejado. O elemento selecionado preencherá automaticamente a grade.
Principais recursos do plug-in Media Grid:
- Suporta todos os tipos de arquivos de mídia
- Vem com lightbox AJAX, compatível com HTML e códigos de acesso
- Inclui mais de 10 pré-estilos para que você possa começar rapidamente
- A poderosa opção de filtro ajuda você a encontrar itens em tempo real
- Mais de 670 ícones para embelezar os filtros e a personalização
- Tem uma integração com o WooCommerce
- 100% multilíngue, com suporte para WPML e Polylang
3. Tableberg
O Tableberg não é um plug-in de grade tradicional. Trata-se de um plug-in de criação de tabelas. Ao contrário do bloco de tabela do Gutenberg, você pode adicionar vários tipos de conteúdo (listas, imagens, textos e botões) às células da tabela com o plug-in.
O motivo para mencionar o TableBerg aqui é que você pode criar layouts semelhantes a grades com suas linhas e colunas. Em seguida, é possível exibir as imagens dos seus produtos com conteúdo relevante nas respectivas células para que os usuários sejam acionados para comprá-los.
Principais recursos do plug-in Tableberg:
- Vem com um bloco do Gutenberg chamado TableBerg
- Funciona perfeitamente com o editor Gutenberg
- Quatro blocos estão na versão gratuita, e sua versão profissional será lançada em breve
- Oferece personalização robusta em termos de cor e tipografia
- Altamente responsivo em todos os dispositivos
- Criado com velocidade, SEO e desempenho em mente
4. FancyPost
O plug-in FancyPost aprimora os sites do WordPress com grades de postagens, controles deslizantes e layouts personalizáveis, simplificando a criação de designs profissionais sem codificação. Seu design responsivo garante uma experiência perfeita em todos os dispositivos, enquanto recursos como a filtragem avançada de postagens melhoram a organização do conteúdo.
Com mais de 25 modelos predefinidos e recursos como controles deslizantes dinâmicos de postagens, o FancyPost economiza tempo e aumenta o desempenho do site. Ideal para blogs e revistas, ele oferece velocidades de carregamento rápidas, otimização de SEO e uma interface fácil de usar para exibir o conteúdo de forma atraente.
Principais recursos do plug-in FancyPost:
- Mais de 25 padrões pré-desenhados de blocos postais
- Layouts de coluna responsivos
- Filtragem avançada de postagens sem recarga de página
- Tipografia personalizável com integração com o Google Fonts
- Controles deslizantes e carrosséis dinâmicos de postagens
- Conversão de Gutenberg para código curto
- Otimizado para velocidade e SEO
- Modelos pré-projetados de postagem única
- Layouts híbridos Group e Trisect
- Suporte ao cliente 24 horas por dia, 7 dias por semana
5. Blocos definitivos
O Ultimate Blocks é um conhecido plugin de blocos do Gutenberg com mais de 25 blocos personalizados interessantes. Com eles, você pode criar conteúdo versátil para uso multiuso e simplificar seu esforço de marketing de conteúdo.
Os Ultimate Blocks incluem um bloco Post Grid. Se você tiver um site de blog, poderá exibir suas postagens em um layout de grade ou lista usando esse bloco. Você também pode optar por exibir imagens de destaque, trechos e opções com eles.
Principais recursos do bloco Post Grid do Ultimate Blocks:
- Permite mostrar autores, tags e categorias com as postagens
- Você pode personalizar a largura da imagem em destaque
- Funciona com tipos de post personalizados
- Fácil de exibir e ocultar a cinta em diferentes dispositivos
- Permite definir a coluna e o número de postagens por página
- Possui opções robustas de personalização para estilização
6. Portfólio de caixas de mídia
Você pode usar o plug-in Media Boxes Portfolio para exibir imagens, galerias, portfólios, blogs, produtos, serviços, vídeos, membros da equipe e qualquer coisa que possa imaginar no formato de grade.
Você pode exibi-los com um sistema avançado de filtro, classificação e pesquisa para que os usuários possam explorar e encontrar rapidamente o conteúdo desejado. As grades de portfólio do Media Boxes são perfeitamente responsivas para diferentes dispositivos. Você não precisa fazer nada manualmente.
Principais recursos do plug-in Media Boxes Portfolio:
- Diferentes opções de configuração com base em arquivos de mídia
- Inclui lightboxes/popups atraentes
- Oferece um painel de administração fácil de usar
- Possui um editor de pele WYSIWYG
- Vem com documentação completa e tutoriais do YouTube
7. Bloco de grade de layout
O plug-in Layout Grid Block ajuda você a criar layouts baseados em colunas, personalizando as larguras e as posições das colunas. Você pode alinhar o conteúdo a uma grade de layout global em posts e páginas.
O plug-in também vem com um bloco do Gutenberg chamado "grade de layout". Você pode personalizar os layouts específicos com base nos pontos de interrupção de celulares e tablets para que os layouts sejam exibidos com precisão em todos os tamanhos de tela.
Principais recursos do plug-in Layout Grid Block:
- Funciona perfeitamente com outros plug-ins de blocos do Gutenberg
- Permite adicionar quatro tipos de colunas
- Adicionar outros blocos dentro das colunas
- Fácil de mudar o tamanho da calha
- Adicionar ou remover calhas finais
8. A grade
O plug-in Gird inclui um dos mais avançados criadores de skins com um editor de arrastar e soltar. Você pode criar skins de grade incríveis com o plug-in, configurando uma precisão perfeita de pixels.
Com o plug-in, você pode criar grades responsivas para seus posts, páginas e tipos de post personalizados. Ele também é compatível com Instagram, YouTube, Vimeo, Facebook, Twitter, Flickr, RSS Feed e outros.
Principais recursos do plug-in The Grid:
- Possui um controle deslizante de toque real
- Oferece infinitas possibilidades de layout
- Funciona perfeitamente com o WooCommerce
- Mais de 30 skins predefinidas e exclusivas
- Também possui uma interface amigável para o desenvolvedor
Nota de acabamento
Agora, você tem uma lista das melhores ferramentas para criar grades versáteis em sites do WordPress. Mas, antes de terminar, gostaríamos de lembrá-lo de selecionar o tipo de grade que deseja usar com base no seu tipo de conteúdo.
Por exemplo, você não pode selecionar a grade de postagem para exibir seus arquivos de mídia. Além disso, você precisa manter a consistência em termos de cor, espaço e tipografia para que suas grades tenham uma boa aparência e sejam agradáveis aos olhos.
Leia também:
