WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Galleries

UberGrid - responsive grid builder for WordPress

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


UberGrid - responsive grid builder for WordPress - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

UberGrid é um poderoso responsivo grid / galeria construtor para WordPress que pode construir paredes agradáveis ​​à procura de itens quadrados definidas manualmente ou automaticamente puxados usando seus posts WordPress WooCommerce includi produtos e tipos de pós personalizado criado por plugins de terceiros ou temas. Você pode usar UberGrid para apresentar sua carteira, equipe, produtos, fotos, posts de blogs, ou qualquer outra coisa que possa ser apresentado com células quadradas. Sua única customisability adotará a quase todas as necessidades.

VÍDEOS

Características

  • Responsive. Ele tem configurações separadas para telas pequenas (abaixo de 768 pixels de largura e abaixo 440pixels ampla), mais uma opção para ajustar o tamanho das células na mosca.
  • Você pode construir uma grade usando automaticamente as mensagens existentes (incluindo tipos personalizados e produtos WooCommerce). Escolha o tipo de post, aplicar filtros, e construir a rede em cada carregamento da página (ou uma vez e modificá-lo manualmente).
  • Células altamente personalizável - 12 layouts celulares com largura de 2x e / ou apoio altura, diferentes layouts de título, etiquetas abaixo células, etc - por favor, veja o demo.
  • Lightbox embutido em Nice e poderoso, com muitas opções.
  • Novo em 2,0 Você pode abrir a grade em uma mesa de luz.
  • Retina e outros dpi telas hi são suportados.
  • Filtering para representar departamentos, tipos de trabalho, categorias de produtos, etc.
  • Poderoso ágil lightbox built-in com a imagem, o Google Maps, YouTube, Vimeo e apoio texto.
  • 5 outras mesas de luz apoiar incluindo PrettyPhoto, JetPack Gallery, Swipebox e iLightbox premium, FooBox.
  • Customizáveis ​​... tudo - espaçamento, borda, tamanho do bloco, nome da fonte e tamanho, imagens, cores. Você nome dele - vou acrescentar faltando queridos. Ver anotada tela de construtor
  • Descrições customizáveis ​​em-foco, com o apoio de animação.
  • Animações e efeitos rápidos CSS3 (quando suportado pelo navegador).
  • 600 + fontes usando fontes do Google
  • Sem necessidade de codificação.
  • Novo em 1,4 Widget disponível.
  • Novo na versão 1.6 suporte a paginação.
  • Novo em 1,8 apoio links profundos.
  • Apoio JetpackPhoton permite que você salve sua largura de banda local quando servir imagens.
  • Built-in recurso de suporte ajuda quando o problema atinge.

\\

Eu estive precisando de algo como este por mais de uma década (literalmente) - muito obrigado!
chipperson, o primeiro comentarista

Fluxo de Trabalho

UberGrid uso é simples:
  1. Clique em "Adicionar novo UberGrid"
  2. Construir uma rede manualmente ou usando mensagens existentes, páginas, produtos ou tipos de pós personalizado.
  3. Salvar a grade construído e copiar o código abreviado gerado para páginas e posts que você deseja.

\\

Características técnicas

  • HTML gerado pode ser armazenado em cache para fazer UberGrid foguete rápido se você tem um site ocupado ou lento hospedagem caco.
  • CSS pode ser carregado como uma folha de estilo separada não sobrecarregar seu HTML com tags de estilo.
  • Últimas biblioteca timthumb é utilizado para processamento de imagem.
  • Auto-diagnóstico disponíveis na página de configurações.
  • WordPress 3.5 necessária (porque UberGrid usa um novo seletor de imagem disponível a partir de 3,5)
  • 1.7.2 jQuery necessária. UberGrid tem um builtin jQuery para usar em vez de mais velho fornecido pelo tema um

"As imagens não mostrando" problema

A partir da versão 1.7, UberGrid usa um script timthumb que leva problemas que mostram imagens das células principais em alguns ambientes. Se você tem um problema semelhante - por favor me mande uma mensagem privada, eu vou ser feliz para ajudar, leva minutos normalmente. Eu também estou trabalhando em um problema solucionador automatizado atualmente para se livrar deste problema completamente.

\\

Instalação e uso

Instalação, forma recomendada:
  1. Baixar um arquivo plugin do CodeCanyon
  2. Faça login na sua área de administração do WordPress
  3. Vá em "Plugins", clique no link "Adicionar novo" no topo
  4. Clique em "upload", escolha um arquivo baixado na área de seleção de arquivos e enviar o formulário
  5. Clique em "ativar"
  6. altamente recomendado Vá para o painel admin, clicl "Atualizações" sob o link painel no menu à esquerda. Atualizar para a versão mais recente UberGrid escolhendo Ubergrid entre as atualizações disponíveis.
  7. É altamente recomendável desabilitar plugins de cache enquanto a construção de suas grades UberGrid funciona bem com eles, mas até que você é feito com a edição - de problemas de sincronização pode ser uma grande dor.
Instalação, segunda maneira:
  1. Baixar um arquivo plugin do CodeCanyon
  2. Descompacte o arquivo de plug-in
  3. Abra seu cliente FTP da escolha, fazer o upload da pasta descompactada para a pasta wp-content / plugins de sua instalação do WordPress. Certifique-se de que você não adicionar uma hierarquia de pastas extra e do plugin.php arquivos estão à direita na pasta wp-content / plugins / uber-grid
  4. Entrar na área de administração do WordPress, vá em "Plugins", encontrar "UberGrid", clique em "ativar"
  5. altamente recomendado Vá para o painel admin, clicl "Atualizações" sob o link painel no menu à esquerda. Atualizar para a versão mais recente UberGrid escolhendo Ubergrid entre as atualizações disponíveis.
  6. É altamente recomendável desabilitar plugins de cache enquanto a construção de suas grades para evitar problemas de "out-of-sync" UberGrid funciona bem com eles, mas até que você é feito com a edição -. De problemas de sincronização pode ser uma grande dor.

Uso

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

Uso avançado

Você pode mostrar UberGrid criado por meio de programação, copiando o seu ID da tela de construtor e adicionar <?php echo ubergrid($your_grid_id)?> Em seu modelo. Não se esqueça de substituir $ your_grid_id com valor real.

Atualizando 1,8-2,0

Para atualizar 1,8-2,0 você só precisa desinstalar o plug-in antigo e instale um novo. Como formatos de armazenamento são diferentes, pode haver alguns pequenos problemas após a atualização - neste caso, o uso recurso built-in suporte para relatar um problema, atualizar para a versão mais recente e clique em "carregamento de dados de 1,8" para voltar a importar dados antigos para o novo formato.

Histórico de lançamento

    2.0
  • Grande reescrita de código baseado em Backbone, UberBox é uma mesa de luz padrão agora
  • 1.8.3.1, 1.8.3.2
  • Melhorias de compatibilidade tema.
  • 1.8.3
  • Pequenas correções de bugs.
  • 1.8.2
  • Melhoradas animações filtragem celular.
  • Pequenas correções de bugs.
  • 1.8
  • O suporte a múltiplos lightbox acrescentado - agora Magnific Popup, Swipebox, PrettyPhoto, JetPack carrossel, iLightbox e FooBox são suportados.
  • Apoio deeplinking adicionado (mesmo para aqueles de luz não suportam nativamente deeplinks).
  • Correções de inicialização relacionados com o Android.
  • Desempenho melhorado em modo automático.
  • Integração Jetpack Photon acrescentou.
  • Built-in "Imagens não mostrando" solucionador de problemas acrescentou.
  • As versões mais antigas:
  • 1.7.4.1-1.7.4.3 - correções de compatibilidade Minor
  • 1.7.4 - Modo Melhoria "Automatic" (pode buscar Post Tags agora, mais a opção de múltiplos layouts de pilha). Algumas correções de compatibilidade tema.
  • 1.7.3 - Admin UI atualizado para coincidir com WordPress 3.8, manipulação de cache timthumb mais inteligente deve diminuir um número de "imagem não mostra" problemas.
  • Atualização de compatibilidade Theme - 1.7.2
  • 1.7.1 - Adicionado uma nova opção "Dimensionamento automático" para permitir grade para preencher todo o espaço disponível, sem lacunas; ligeiramente melhorada a compatibilidade com servidores não definir DOCUMENT_ROOT
  • 1.7 - Comutado para timthumb para processamento de imagens. Melhor capacidade de resposta (células são redimensionadas para se ajustar totalmente a área disponível). Apoio Retina.
  • 1.6.8 - processo de salvar um formulário alterado, não mais "max_input_vars" problemas de definição.
  • 1.6.7.3 - melhorias de compatibilidade (separado jQuery pode ser usado para temas não seguem as melhores práticas), apoio data para a geração automática
  • 1.6.4, 1.6.5, 1.6.6 - opção melhorias de compatibilidade, filtros de triagem acrescentado
  • 1.6.2, 1.6.3 - inúmeras melhorias de compatibilidade.
  • 1.6.1 - problema de compatibilidade JS fixo.
  • 1.6 - várias melhorias de compatibilidade, grade clonagem e recursos de paginação acrescentou, sem margem à esquerda e à direita da grade se você tem "gap célula" definido como valor diferente de zero
  • 1.5.1 - processamento shortcode fixo para uma mesa de luz
  • 1.5 - Optimized (mais uma vez) a poupança grid. Melhor compatibilidade tema. Uma opção para usar jQuery 1.9.1 builtin Se você estiver fazendo upgrade da versão anterior -. Volte a guardar as suas redes para manter as proporções da imagem.
  • 1.4 - tamanhos de células ajustáveis ​​para largura da tela abaixo de 768 e 440 pixels. Melhor compatibilidade com editor de plugins de terceiros. Widget WordPress para UberGrid
  • 1.3.6 - Faster poupança grade na área de administração, compatibilidade CSS, bugfix personalização filtro
  • 1.3.5 - O ponto clonagem fixo (não preservar layouts de células)
  • 1.3.2, 1.3.3
  • - Melhorias de compatibilidade (css, WooCommerce).
  • 1.3.1
  • - Filtragem celular baseada em tags definidos, a poupança de rede muito mais rápido, correções de compatibilidade CSS.
  • 1.2 - Grelha de auto-geração de postos de trabalho, melhores auto-diagnóstico, correções lightbox.
  • 1.1.3 - melhor compatibilidade, desempenho JavaScript editor melhorou dramaticamente.
  • 1.1.1 - acrescentou opção de compatibilidade para temas acrescentando que "p" tags de forma demasiado agressiva
  • 1.1 - conteúdo Popup caiu, adicionou suporte lightbox, ícones social, auto-diagnóstico expandido e um monte de correções de compatibilidade CSS
  • 1.0.1 - Preview fixo
  • 1.0 - Versão inicial

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
1 13 de junho

Última atualização:
26 de 15 de agosto

Alta resolução:
Sim

Navegadores compatíveis:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Compatível com:
WooCommerce 2.0.x, 1.6.x WooCommerce, WooCommerce 1.6.5.1, WooCommerce 1.6, 1.5 WooCommerce, WooCommerce 1.4.2, 1.4.1 WooCommerce, WooCommerce 1.4, WooCommerce 1.3.2.1

Arquivos incluídos:
JS JavaScript, HTML, CSS, PHP

Versão do software:
WordPress 4.3, WordPress 4.2, WordPress 4.1, WordPress 4.0

Palavras-chave

eCommerce, eCommerce, Todos os itens, construtor, css3, galeria, grade, html5, imagens, mí, nimo, produtos, responsivo, retina, mostruá, rio, equipe, wordpress