A melhor revisão do GridBuilderWP: grades e filtros flexíveis

Quando você se senta para assistir a uma partida de futebol, pode facilmente ver as estrelas a uma milha de distância.


Seu jogo elegante e polido os diferencia e muitas vezes muda o resultado da partida. Os fãs e os gerentes os amam porque, quando jogam, estão no seu melhor absoluto.

O mesmo se aplica às superestrelas da indústria da música. Geralmente eles fazem o trabalho, fazem uma serenata com hits e ainda continuam. As estrelas são mestres em seu ofício e empurram nossa imaginação para os limites.

Você sabe, assim como Construtor de grade WP, o assunto da revisão de hoje.

Aqui está uma cartilha: Sabemos que criar layouts de grade não é para pessoas fracas, mais ainda para iniciantes. É uma tarefa desafiadora, mesmo para usuários razoavelmente experientes.

No entanto, os layouts de grade são uma maneira incrível de exibir e filtrar conteúdo no seu site WordPress. Algo assim:

demonstração de comércio eletrônico do gridbuilder

Construtor de grade WP Demonstração de comércio eletrônico

Ou isto:

demo do portfólio de plugins do gridbuilder WordPress

Construtor de grade WP Demonstração do portfólio

Infelizmente, criar layouts de grade para o seu site WordPress não é simples. Ou antes, era antes do advento dos plugins de grade do WordPress.

Para criar layouts de grade fantásticos sem suar a camisa, você precisa de um plugin de grade WordPress simples, mas poderoso.

Se você estiver procurando por um plugin desse tipo, o Gridbuilder WP se encaixa perfeitamente.

E no artigo de revisão / instruções de hoje, você descobre por que o Gridbuilder WP é o plug-in de grade e filtro de escolha para um número crescente de usuários do WordPress. Olhamos por baixo do capô e brincamos com o plug-in, então você já sabe que será divertido.

Sem mais delongas, vamos arregaçar as mangas e sujar.

O que é o Gridbuilder WP?

construtor de grade

Também conhecido como WP Grid Builder, Gridbuilder WP é um lindo plugin do WordPress que permite criar layouts avançados de grade rapidamente. Possui uma interface de usuário intuitiva que é bastante agradável de usar.

O plugin vem com um belo conjunto de recursos perfeito para iniciantes e desenvolvedores. Para o iniciante, o WP Grid Builder é uma solução completa para criar layouts de grade flexíveis e filtráveis ​​e filtrá-los sem conhecimento de codificação. Se você é um desenvolvedor, o criador de grade vem com muitas ações e funções para mantê-lo ocupado.

Ele funciona com todos os temas do WordPress e se integra perfeitamente à maioria das suas ferramentas favoritas. Além disso, o plug-in vem com complementos que sobrecarregam os layouts de grade e os filtros de pesquisa (conhecidos como facetas).

No momento da redação deste artigo, eles oferecem apenas uma versão premium do WP Grid Builder, mas isso pode mudar no futuro. Ou como Loic Blascos – o desenvolvedor – diz em um e-mail que ele enviou imediatamente após minha consulta:

email de suporte do construtor de grade wp

Mesmo assim, eles têm três planos que custam entre US $ 49 e US $ 249 por ano. Escolha o plano adequado às suas necessidades.

Se você não estiver satisfeito com sua compra, o WP Grid Builder oferece uma garantia de reembolso de 14 dias. Além disso, eles oferecem excelentes descontos em renovações (20% para o plano Básico, 30% para o plano Premium e 40% para o plano Ultimate) por uma boa medida.

Para adoçar o acordo, os especialistas em WordPress elogiam o WP Grid Builder. Aqui está um cliente satisfeito:

Fácil de usar e de desenvolver, o Gridbuilder® é um produto incrível e um novo paradigma para esse tipo de recurso. Bem integrado ao WordPress Core, ele fornece um agradável Admin UX e uma incrível experiência de front-end rápida. – Jb Audras, WordPress Core Developer.

Até Chris Lema, um dos maiores nomes dos círculos do WordPress, não tem nada além de elogios ao WP Grid Builder:

chris lema elogia gridbuilder wp

Além disso, você recebe rápido suporte de classe mundial e documentação detalhada para ajudá-lo a instalar e configurar extensivamente o WP Grid Builder.

Agora que sabemos com o que estamos trabalhando, vamos dar uma rápida olhada nos recursos do WP Grid Builder WP.

Construtor de grade WP Recursos

recursos do gridbuilder

O WP Grid Builder vem com todos os recursos necessários para criar layouts de grade como um profissional. Ao contrário dos concorrentes, o plug-in facilita a criação de layouts para sua loja de comércio eletrônico, site de portfólio, blog e diretório, entre outros.

Você pode esperar os seguintes recursos em sua cópia do WP Grid Builder:

  • Integração suave com WooCommerce, downloads digitais fáceis, SearchWP, Relevanssi, Polylang, WPML, campos personalizados avançados e Gutenberg
  • 100% responsivo e pronto para dispositivos móveis com suporte por toque para caixa de luz e carrossel
  • Fácil de SEO – o WP Grid Builder é compatível com W3C e usa as melhores práticas de SEO
  • Desempenho extremamente rápido graças aos pontos de extremidade AJAX personalizados
  • Um sistema de filtragem avançado que permite classificar o conteúdo do WordPress por termos de taxonomia (personalizados), campos de postagem ou campos personalizados com eficiência
  • Mais de 15 tipos de facetas, incluindo rádios, caixas de seleção, controles deslizantes, seleções, classificações, controles deslizantes, classificações, botões carregar mais, botões de redefinição e muito mais, o que permite que seus usuários reduzam os resultados da pesquisa
  • Funcionalidade de importação e exportação para que você possa mover facilmente as configurações do WP Grid Builder para outro site
  • Caixa de luz embutida
  • Construtor de grade de arrastar e soltar
  • Mais de 20 prontas e fáceis de personalizar cartões de grade. Além disso, você pode criar seus cartões do zero
  • Mais de 900 fontes do Google
  • Mais de 250 ícones SVG para decorar seus cartões de grade conforme desejado
  • Suporte para compartilhamento social, permitindo que você compartilhe conteúdo em redes sociais diretamente de suas redes
  • Suporte para imagem, vídeo (incluindo incorporações de sites como o YouTube), galeria e formatos de postagem de áudio
  • Mais de 3 layouts de grade, incluindo alvenaria, justificado e metrô
  • Carregamento lento, o que melhora a velocidade de carregamento da página
  • Mais de 20 animações de carregamento, o que reduz o tempo de carregamento percebido pelos usuários
  • 20+ animações reveladas
  • Suporte de RTL para idiomas escritos na direção da direita para a esquerda
  • Um painel de administração intuitivo
  • E muito mais configurações

Que lista impressionante de recursos? Agora, vamos instalar o WP Grid Builder e testar o que podemos alcançar com um construtor de grade como nenhum outro.

Como instalar o Gridbuilder WP

Agora a parte divertida

A instalação do WP Grid Builder é tão fácil quanto A, B, C. Se você sabe instalar um plug-in premium, não deve ter problemas ao instalar o WP Grid Builder. Após a compra do plug-in, você pode encontrar a pasta ZIP do WP Grid Builder em sua conta ou o e-mail de compra.

Primeiro, baixe o arquivo ZIP do WP Grid Builder para o seu computador. Em seguida, efetue login no painel de administração do WordPress e navegue até Plugins> Adicionar novo, como mostrado abaixo.

como instalar um novo plugin wordpress

Em seguida, clique no Carregar plug-in , escolha o arquivo ZIP do WP Grid Builder que você baixou e pressione a tecla instale agora botão para colocar as coisas em movimento. Aqui está uma captura de tela descrevendo o processo:

instalando o plugin do gridbuilder wordpress manualmente

Em seguida, ative o WP Grid Builder:

ativar o plugin gridbuilder wp

Ativar o plugin adiciona um Gridbuilder WP item ao seu menu de administração do WordPress. Em seguida, navegue até Construtor de grade WP > Painel, como detalhamos abaixo.

item de menu do construtor de grade wp

Depois disso, digite seu e-mail e chave de licença e clique no ícone Ativar Plugar botão:

ativação da licença do construtor de grade wp

Para se beneficiar das atualizações automáticas, você pode ativar sua licença, disponível no email de confirmação do pedido ou sua página da conta:

chave de licença

Agora que instalamos e ativamos o WP Grid Builder, podemos criar nosso primeiro layout de grade.

Como configurar o Gridbuilder WP

Na seção a seguir, você aprende como criar uma grade funcional. Farei o meu melhor para cobrir a maioria das configurações (se não todas). A excelente notícia é que os recursos do WP Grid Builder têm descrições claras na interface do administrador. Devemos começar nomeando nossa nova grade para referência futura.

Nomeando uma nova grade

Para criar um novo layout de grade, navegue até Construtor de grade WP > Todas as grades no seu menu de administração do WordPress:

Fazer isso leva você ao Todas as grades tela, que está vazia por enquanto. Em seguida, clique no Criar uma grade botão:

criar nova grade

Como alternativa, você pode importar as demos do wpgridbuilder.com. Observe, no entanto, as demos são apenas para fins de configurações de layout. O conteúdo exibido em suas grades depende de suas postagens, mídia, produtos etc..

Para nossos testes, fui com a primeira opção, criando uma nova grade do zero. o Criar uma grade O botão leva você à seguinte página:

nomeando uma nova grade no construtor de grade wp

Na tela acima, você pode:

  • Nomeie sua grade. Estou usando a “Galeria de teste” para o nosso exemplo
  • Adicione e gere uma classe CSS personalizada, para que você possa adicionar estilos personalizados à sua grade, se desejar
  • Defina as mensagens de erro que os usuários veem se não encontrarem resultados

Escolha a mídia a ser exibida em sua grade

É hora de escolher a mídia que você deseja exibir na sua grade. Para isso, navegue até a próxima seção, ou seja,., Configurações de grade> Conteúdo de origem, como mostrado abaixo.

configurações de conteúdo de origem

Como mostrado acima, você tem três tipos de fontes em Tipo de fonte:

  • Tipo de postagem – Você pode extrair conteúdo de suas postagens, páginas, biblioteca de mídia ou qualquer outro tipo de postagem personalizada
  • Prazo – Você pode adquirir material com base em categorias, tags ou outros termos de taxonomia personalizados.
  • Do utilizador – Esta opção permite que você obtenha conteúdo de usuários específicos do WordPress

Abaixo disso, você pode definir o número de itens por página. Use o valor “-1” para mostrar todas as postagens. O padrão zero (0) é o número de postagens por página nas configurações do WordPress.

Seção Postagens Consultadas

Abaixo disso, você tem Post (s) consultado (s) seção:

postagens consultadasNa tela acima, você pode fazer várias coisas da seguinte maneira:

  • Escolha seu (s) tipo (s) de postagem em Tipo (s) de postagem conforme marcado na imagem. Se você deseja criar uma grade para as postagens do seu blog, escolha Postagens. Se você estiver criando uma grade para sua mídia (por exemplo, deseja criar um portfólio visual), selecione meios de comunicação, como no nosso exemplo acima. O outro tipo de postagem disponível é Páginas.
  • Abaixo dos tipos de postagem, você pode escolher o status da postagem do conteúdo que deseja exibir em sua grade. Você tem algumas opções, mas eu recomendaria que você ficasse com Publicados. Além disso, você pode escolher autores de postagem, tipos MIME e incluir / excluir conteúdo específico da sua grade.
  • Conforme mostrado pelo item número três (3) na imagem acima, você pode incluir outras mídias diretamente, o que pode economizar muito tempo, especialmente quando você deseja implantar uma grade rapidamente.

Ao rolar para a parte inferior da tela, você observará opções que o ajudarão a ordenar o conteúdo da sua grade por valores, tags e campos personalizados. Você só precisará dessas opções ao ajustar sua grade:

A parte, de lado: Para evitar perder seu progresso acidentalmente, clique no Salvar alterações ao criar sua grade. Vamos configurar formatos de mídia.

Formatos de mídia

Navegar para Configurações de grade> Formatos de mídia:

formatos de mídia do gridbuilder

Você pode escolher os formatos de mídia que deseja usar em suas grades. O WP Grid Builder suporta galerias, vídeos e áudio. Na parte inferior da tela, você pode definir uma miniatura padrão em cada placa de grade (ou bloco), caso o conteúdo esteja ausente.

Na mesma tela, você pode escolher capturar a primeira mídia em suas postagens automaticamente (caso o conteúdo esteja faltando). Além disso, você pode ativar apresentações de slides da galeria dentro de placas de grade, usar pôsteres de vídeos incorporados e abrir vídeos em uma mesa de luz em vez da placa de grade.

Estilo da grade

Vamos para Configurações de grade> Estilo da grade para personalizar sua grade, como mostrado acima. Por padrão, você tem três estilos de grade: Alvenaria, Metrô e Justificado. Estou usando a Maçonaria para fins ilustrativos. Além disso, eu já havia publicado imagens na minha biblioteca de mídia. O WP Grid Builder adiciona as fotos à grade automaticamente.

Fora isso, você pode controlar outras opções, como comportamento da grade, substituir tamanhos de cartão e controlar a responsividade. Exceto na escolha de um estilo de grade e na substituição de tamanhos de cartão, você dificilmente tocará nas configurações. Escolha o seu estilo de grade e vamos para a próxima seção.

Layout da grade

layout da grade do construtor de grade wp

Não há muito para ver aqui. Você tem dois tipos de layouts para suas grades; o design vertical padrão e o layout do carrossel. Além disso, você pode deixar suas grades de largura total. Estou trabalhando com o design padrão e minha grade está em largura total.

Estamos seguindo em frente.

Compositor de grade

compositor de grade

O Grid Composer é útil quando você personaliza suas grades com facetas, por exemplo, um filtro, classificação, pesquisa, caixas de seleção, carrega mais, paginação e muito mais.

Na parte inferior da tela, você encontrará um construtor de layout de grade de arrastar e soltar. Por exemplo, abaixo, veja meu exemplo com três facetas: Filtrar por data, Procurar, e Carregue mais botão.

Se eu publicar minha grade neste momento, vejo a seguinte grade, completa com minhas três (3) facetas totalmente funcionais:

Nada mal. Nada mal. Espero que você esteja entendendo as coisas, exceto que não terminamos. Vamos voltar para a área administrativa do WP Grid Builder.

Estilos de cartão

A seção Estilo do cartão mostrada acima permite que você personalize seus cartões de grade. Os cartões de grade são simplesmente os ladrilhos retangulares ou quadrados que compõem a grade. Quando você começa a usar o WP Grid Builder, pode ser necessário importar as demos, conforme mostrado na imagem acima. Você pode, no entanto, crie suas cartas do zero, o que abre inúmeras possibilidades.

Então fui em frente e importei todos os cartões e designei um cartão padrão para minhas grades. Depois disso, selecionei um cartão para cada tipo de postagem, incluindo minha mídia. Estou a usar Berilo como meu cartão padrão. Aqui está minha grade de teste em ação agora:

Parece bastante confiável, este construtor de grade do WordPress me deixa impressionado. Em seguida, temos animações.

Animações

animações gridbbuilder

Novamente, não há muito o que ver aqui; apenas algumas animações para revelar cartões na grade quando um usuário rola ou clica no Carregue mais botão. O recurso é incrivelmente fácil de usar e produz belos efeitos que aumentam o envolvimento do usuário.

Carregando

Em seguida, você tem opções de carregamento, como detalhamos acima. Na tela, você pode alternar o carregamento lento para aumentar tremendamente a velocidade de suas grades. O carregamento lento apenas carrega mídia quando está na janela de visualização do usuário, o que pode reduzir o tempo que suas redes levam para carregar.

Por outro lado, uma barra ou ícone de carregamento reduz o tempo de carregamento percebido pelos usuários. O carregador aparece quando um usuário está carregando um conjunto de postagens. Aparece ao carregar a página da grade e quando o usuário filtra ou classifica uma grade. É uma maneira conveniente e fácil de manter os usuários em seu site.

Costumização

Lembra da classe CSS personalizada que adicionamos à nossa grade anteriormente? Bem, você usa a classe para modificar os estilos CSS do plug-in no Configurações de grade> Personalização janela. Se você não conhece o CSS, é melhor contratar ajuda externa, se necessário..

Construtor de grade WP Complementos

Complementos para o gridbuilder

Os complementos permitem que você estenda a funcionalidade de um plugin do WordPress. O WP Grid Builder vem com alguns complementos que você pode instalar facilmente navegando para Construtor de grade WP > Complementos. Atualmente, o WP Grid Builder vem com quatro complementos, a saber:

  • Faceta do mapa – permite adicionar mapas do Google Maps, Mapbox ou Leaflet e exibir marcadores
  • Armazenamento em cache – para acelerar grades armazenando em cache conteúdo e facetas
  • LearnDash – Exibir informações do curso em cartões
  • Multilíngue – Integre o WP Grid Builder ao Polylang e WPML

Outro construtor de grade WP Definições

configurações globais do gridbuilder wp

Para acessar as configurações gerais do WP Grid Builder, vá para Construtor de grade WP > Configurações. Na tela, você encontra opções como:

  • Permitir que o WP Grid Builder processe blocos em Gutenberg
  • Ativar suporte para formatos de postagem
  • Exibir opções de postagem e termo (formatos de postagem e cores dos termos)
  • Limpar cache e limpar folhas de estilo
  • Alterar cores globais
  • Configurar tamanhos de imagem adicionais
  • Configure seu plugin Lightbox
  • Redefinir as configurações globais do plug-in

Conclusão

O WP Grid Builder é um fabuloso plugin de grade e filtro para WordPress, adequado para iniciantes e desenvolvedores. Ele vem com uma extensa lista de recursos incríveis que facilitam a criação de layouts de grade responsivos. Além disso, eles oferecem uma estrutura de preços flexível e suporte rápido.

O que você acha do Gridbuilder WP? Perdemos alguma coisa? Informe-nos na seção de comentários abaixo.

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