UberGrid – Responsive grid builder for WordPress

O UberGrid é um poderoso criador de grade / galeria responsivo para o WordPress que pode criar paredes com aparência agradável de itens quadrados definidos manualmente ou puxados automaticamente usando seus posts do WordPress, incluindo produtos WooCommerce e tipos de post personalizados criados por plugins ou temas de terceiros. Você pode usar o UberGrid para apresentar seu portfólio , equipe , produtos , fotos , postagens de blog ou qualquer outra coisa que possa ser apresentada com células quadradas. Sua customização única adotará quase todas as necessidades.

Características

• Responsivo. Ele possui configurações separadas para telas pequenas (abaixo de 768 pixels de largura e abaixo de 440 pixels de largura), além de uma opção para ajustar o tamanho das células rapidamente.
• Você pode construir uma grade automaticamente usando postagens existentes (incluindo tipos personalizados e produtos WooCommerce ). Escolha o tipo de postagem, aplique filtros e crie a grade em cada carregamento de página (ou uma vez e modifique-a manualmente).
• Células altamente personalizáveis ​​- 12 layouts de células com suporte a 2x de largura e / ou altura, diferentes layouts de títulos, rótulos abaixo das células, etc. – veja a demonstração.
• Uma bela e poderosa caixa de luz incorporada, com quase todos os recursos que qualquer outra lightbox oferece.
• Novo em 2.0 Você pode abrir a grade em um lightbox.
• Retina e outras telas de alta resolução são suportadas.
• Filtragem para representar departamentos, tipos de trabalho, categorias de produtos, etc.
• Mesa de luz embutida responsiva poderosa com apoio de imagem, google maps, youtube, vimeo e texto.
• Novidades em 2.9 Dark and light lightbox themes
• Personalizável… tudo – espaçamento, borda, tamanho de bloco, nome e tamanho da fonte, imagens, cores. Você nomeia isso – adicionarei os que faltam.
• Descrições personalizáveis ​​com o apoio de animação.
• Animações e efeitos rápidos de CSS3 (quando suportados pelo navegador).
• Mais de 600 fontes usando fontes do Google
• Nenhuma codificação é necessária.
• Novo em 1.4 Widget disponível.
• Novo no suporte de paginação 1.6 .
• Novidade no suporte 1.8 Deeplinking.
• O recurso de suporte integrado ajuda quando o problema ocorre.

Eu tenho precisado de algo assim por mais de uma década (literalmente) – obrigado! 
chipperson , o primeiro comentador

Fluxo de trabalho

O uso do UberGrid é simples:

1. Clique em “Adicionar novo UberGrid”
2. Construa uma grade manualmente ou usando postagens, páginas, produtos ou tipos de postagem personalizados existentes.
3. Salve a grade construída e copie o shortcode gerado para as páginas e posts que você deseja.

Características técnicas

• A mesa de som integrada suporta vídeos Vimeo e Youtube.
• Não há bibliotecas de timthumb, Jetpack ou similares.
• Autodiagnóstico disponível na página de configurações.
• Nenhuma dependência ou conflito de JS

Instalação e uso

Instalação, maneira recomendada :

1. Baixe um arquivo de plugin do CodeCanyon
2. Faça o login na sua área de administração do WordPress
3. Vá para “Plugins”, clique em “Adicionar novo” link no topo
4. Clique em “upload”, escolha um arquivo baixado no campo seletor de arquivos e envie o formulário
5. Clique em “ativar”
6. altamente recomendado Vá até o painel de administração, clique em “Atualizações” no link do painel no menu à esquerda. Atualize para a versão mais recente do UberGrid escolhendo Ubergrid entre as atualizações disponíveis.
7. É altamente recomendado desabilitar os plugins de cache durante a criação de suas grades. O UberGrid funciona bem com eles, mas até que você tenha terminado a edição – problemas fora de sincronia podem ser um grande problema.

Instalação, segunda maneira:

1. Baixe um arquivo de plugin do CodeCanyon
2. Descompacte o arquivo do plugin
3. Abra o seu cliente de FTP de escolha, faça o upload da pasta descompactada para a pasta wp-content / plugins da sua instalação do WordPress. Certifique-se de que você não adicionou uma hierarquia de pastas extra e os arquivos .php do plugin estão à direita na pasta wp-content / plugins / uber-grid
4. Entre na área de administração do WordPress, vá em “Plugins”, encontre “UberGrid”, clique em “activate”
5. altamente recomendado Vá até o painel de administração, clique em “Atualizações” no link do painel no menu à esquerda. Atualize para a versão mais recente do UberGrid escolhendo Ubergrid entre as atualizações disponíveis.
6. É altamente recomendável desativar os plug-ins de armazenamento em cache ao criar suas grades para evitar problemas “fora de sincronia”. O UberGrid funciona bem com eles, mas até terminar a edição – problemas fora de sincronia podem ser um grande problema.

Uso

1. Na área de administração do WordPress, vá para “UberGrid”, clique em “adicionar novo”
2. Dê sua grade algum título
3. Adicione algumas células clicando no botão “Adicionar célula”. Atribua imagens, opções de layout e texto de acordo com suas necessidades.
4. Ajuste o estilo e o layout de acordo com o design do site.
5. Clique em “Criar” ou “Salvar”.
6. Copie um shortcode gerado abaixo do título.
7. Inseri-lo em suas páginas ou posts onde você precisa que o UberGrid apareça
8. Aproveite e sinta-se à vontade para pedir novos recursos ou suporte!

Uso avançado

Você pode mostrar o UberGrid criado programaticamente copiando seu ID da tela do construtor e incluindo <?php echo ubergrid($your_grid_id) ?>em seu modelo. Não se esqueça de substituir $ your_grid_id pelo valor real.

Atualizando de 1,8 para 2,0

Para atualizar de 1,8 para 2,0 você só precisa desinstalar o plugin antigo e instalar um novo. Como os formatos de armazenamento são diferentes, pode haver alguns problemas menores após a atualização – nesse caso, use o recurso de suporte integrado para relatar um problema, atualize para a versão mais recente e clique em “carregar dados 1.8” para reimportar dados antigos para o novo formato.

Compatibilidade

• WordPress – versões mais recentes são sempre suportadas. As atualizações são lançadas dentro de alguns dias após o lançamento do novo WP.
• WP Super Cache + Melhor WP Minify – Configuração recomendada de armazenamento em cache / minificação. Rápido, suave, fácil de configurar.
• W3 Total Cache, WPRocket – pode causar problemas quando a minificação de script está ativada.
• WPEngine, SiteGround, BlueHost, ASmallOrange – sem problemas de compatibilidade. O WPEngine e o SiteGround são recomendados.