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.
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:
Construtor de grade WP Demonstração de comércio eletrônico
Ou isto:
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.
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:
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:
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
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.
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:
Em seguida, ative o WP Grid Builder:
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.
Depois disso, digite seu e-mail e chave de licença e clique no ícone AtivarPlugar botão:
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:
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:
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:
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.
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:
Na 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:
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
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
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
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
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
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.
07.06.2020
A melhor revisão do GridBuilderWP: grades e filtros flexíveis
Jeffrey Wilson Avaliações
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:
Construtor de grade WP Demonstração de comércio eletrônico
Ou isto:
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.
Contents
O que é o Gridbuilder WP?
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:
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:
Até Chris Lema, um dos maiores nomes dos círculos do WordPress, não tem nada além de elogios ao WP Grid Builder:
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
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:
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.
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:
Em seguida, ative o WP Grid Builder:
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.
Depois disso, digite seu e-mail e chave de licença e clique no ícone Ativar Plugar botão:
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:
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:
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:
Na tela acima, você pode:
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.
Como mostrado acima, você tem três tipos de fontes em Tipo de fonte:
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:
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:
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
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
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
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
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:
Outro construtor de grade WP Definições
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:
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.