UberGrid est un puissant générateur de grille / galerie réactif pour WordPress qui peut créer de jolis murs d’éléments carrés définis manuellement ou tirés automatiquement à l’aide de vos publications WordPress, y compris WooCommerce produits et types de publications personnalisés créés par des plugins ou des thèmes tiers. Vous pouvez utiliser UberGrid pour présenter votre portefeuille, équipe, des produits, Photos, articles de blog, ou tout autre élément pouvant être présenté avec des cellules carrées. Sa personnalisation unique s’adaptera à presque tous les besoins.
Caractéristiques
- Sensible. Il a des paramètres séparés pour les petits écrans (moins de 768 pixels de large et moins de 440 pixels de large), ainsi qu’une option pour ajuster la taille des cellules à la volée.
- Vous pouvez créer une grille automatiquement en utilisant les publications existantes (y compris les types personnalisés et Produits WooCommerce). Choisissez le type de publication, appliquez des filtres et créez la grille à chaque chargement de page (ou une fois et modifiez-la manuellement).
- Cellules hautement personnalisables – 12 mises en page de cellules avec prise en charge de 2x largeur et / ou hauteur, différentes mises en page de titre, étiquettes sous les cellules, etc. – veuillez consulter la démo.
- Lightbox intégrée agréable et puissante ayant presque toutes les fonctionnalités offertes par les autres lightbox.
- Nouveau dans la version 2.0Vous pouvez ouvrir la grille dans une lightbox.
- Rétine et d’autres écrans haute résolution sont pris en charge.
- Filtrage pour représenter les départements, les types de travail, les catégories de produits, etc.
- Lightbox intégrée puissante et réactive avec prise en charge des images, des cartes Google, de YouTube, de Vimeo et du texte.
- Nouveau dans la 2.9Thèmes lightbox sombres et clairs
- Personnalisable… tout – espacement, bordure, taille de bloc, nom et taille de police, images, couleurs. Vous le nommez – j’ajouterai ceux qui manquent. Afficher la capture d’écran du générateur annoté
- Descriptions en survol personnalisables avec prise en charge de l’animation.
- Animations et effets CSS3 rapides (lorsqu’ils sont pris en charge par le navigateur).
- Plus de 600 polices utilisant les polices Google
- Aucun codage requis.
- Nouveau dans la 1.4 Widget disponible.
- Nouveau dans la 1.6 Prise en charge de la pagination.
- Nouveau dans la 1.8 Un soutien épuisant.
- La fonction d’assistance intégrée aide lorsque le problème survient.
J’avais besoin de quelque chose comme ça depuis plus d’une décennie (littéralement) – merci!
chipperson, le premier commentateur
Flux de travail
L’utilisation d’UberGrid est simple:
- Cliquez sur « Ajouter un nouveau UberGrid »
- Créez une grille manuellement ou en utilisant des publications, des pages, des produits ou des types de publication personnalisés existants.
- Enregistrez la grille créée et copiez le shortcode généré sur les pages et les publications de votre choix.
Caractéristiques techniques
- La lightbox intégrée prend en charge les vidéos Vimeo et Youtube.
- Plus de timthumb, Jetpack ou bibliothèques similaires.
- Autodiagnostics disponibles sur la page des paramètres.
- Pas de dépendances ou de conflits JS
Installation et utilisation
Installation, conseillé façon:
- Téléchargez un fichier de plugin depuis CodeCanyon
- Connectez-vous à votre zone d’administration WordPress
- Allez dans « Plugins », cliquez sur le lien « Ajouter un nouveau » en haut
- Cliquez sur «télécharger», choisissez un fichier téléchargé dans le champ de sélection de fichier et soumettez le formulaire
- Cliquez sur «activer»
- hautement recommandéAllez dans le tableau de bord d’administration, cliquez sur «Mises à jour» sous le lien du tableau de bord dans le menu de gauche. Mettez à jour vers la dernière version d’UberGrid en choisissant Ubergrid parmi les mises à jour disponibles.
- Il est fortement recommandé de désactiver les plugins de mise en cache lors de la construction de vos grilles UberGrid fonctionne bien avec eux, mais tant que vous n’avez pas terminé l’édition, les problèmes de désynchronisation peuvent être très pénibles.
Installation, deuxième façon:
- Téléchargez un fichier de plugin depuis CodeCanyon
- Décompressez l’archive du plugin
- Ouvrez votre client FTP de votre choix, téléchargez le dossier décompressé dans le dossier wp-content / plugins de votre installation WordPress. Assurez-vous que vous n’avez pas ajouté de hiérarchie de dossiers supplémentaire et que les fichiers .php du plugin se trouvent directement dans le dossier wp-content / plugins / uber-grid
- Connectez-vous à la zone d’administration de WordPress, allez dans «Plugins», trouvez «UberGrid», cliquez sur «activer»
- hautement recommandéAllez dans le tableau de bord d’administration, cliquez sur «Mises à jour» sous le lien du tableau de bord dans le menu de gauche. Mettez à jour vers la dernière version d’UberGrid en choisissant Ubergrid parmi les mises à jour disponibles.
- Il est fortement recommandé de désactiver les plugins de mise en cache lors de la création de vos grilles pour éviter les problèmes de «désynchronisation». UberGrid fonctionne bien avec eux, mais tant que vous n’avez pas terminé l’édition, les problèmes de désynchronisation peuvent être très pénibles.
Usage
- Dans la zone d’administration de WordPress, allez dans «UberGrid», cliquez sur «ajouter un nouveau»
- Donnez un titre à votre grille
- Ajoutez des cellules en cliquant sur le bouton «Ajouter une cellule». Attribuez-leur des images, des options de mise en page et du texte en fonction de vos besoins.
- Ajustez le style et la mise en page en fonction de la conception de votre site.
- Cliquez sur «Créer» ou «Enregistrer».
- Copiez un shortcode généré sous le titre.
- Insérez-le dans vos pages ou articles où vous voulez qu’UberGrid apparaisse
- Profitez-en et n’hésitez pas à demander de nouvelles fonctionnalités ou une assistance!
Utilisation avancée
Vous pouvez afficher UberGrid créé par programme en copiant son ID à partir de l’écran du constructeur et en ajoutant <?php echo ubergrid($your_grid_id) ?> dans votre modèle. N’oubliez pas de remplacer $ your_grid_id par la valeur réelle.
Mise à niveau de 1.8 à 2.0
Pour passer de la 1.8 à la 2.0, il vous suffit de désinstaller l’ancien plugin et d’en installer un nouveau. Comme les formats de stockage sont différents, il peut y avoir quelques problèmes mineurs après la mise à niveau – dans ce cas, utilisez la fonction de support intégrée pour signaler un problème, mettez à jour vers la dernière version et cliquez sur « charger 1.8 données » pour réimporter les anciennes données vers le nouveau format.
Compatibilité
- WordPress – les dernières versions sont toujours prises en charge. Les mises à jour sont publiées dans les quelques jours suivant la nouvelle version de WP.
- WP Super Cache + Meilleur WP Minify – Configuration de mise en cache / minification recommandée. Rapide, fluide et facile à installer.
- Cache total W3, WPRocket – peut causer des problèmes lorsque la minification de script est activée.
- WPEngine, SiteGround, BlueHost, ASmallOrange – pas de problèmes de compatibilité. WPEngine et SiteGround sont recommandés.
Historique des versions
- Pas de dépendances timthumb ou photon
- Aucune dépendance jQuery
- Interface basée sur React.js
- Correction d’un bug lié au toucher Android
- Correction d’un bug de réglage «post offset» en mode automatique.
- Prise en charge d’Android touch dans UberBox.
- Ajout du mode «Nombre de colonnes fixe».
- Réécriture majeure du code basée sur Backbone, UberBox est désormais une lightbox par défaut, intégration Magnific Popup supprimée
- Améliorations de la compatibilité des thèmes.
- Corrections de bugs mineurs.
- Amélioration des animations de filtrage des cellules.
- Corrections de bugs mineurs.
- Ajout de la prise en charge de plusieurs lightbox – maintenant Magnific Popup, Swipebox, PrettyPhoto, carrousel JetPack, iLightbox et FooBox sont pris en charge.
- Ajout de la prise en charge des liens profonds (même pour les lightbox, celles-ci ne prennent pas en charge les liens profonds de manière native).
- Correctifs d’initialisation liés à Android.
- Performances améliorées en mode automatique.
- Intégration Jetpack Photon ajoutée.
- Ajout de l’outil de dépannage intégré «Images non affichées».
- 1.7.4.1-1.7.4.3 – Corrections de bogues de compatibilité mineurs
- 1.7.4 – Amélioration du mode «Automatique» (peut récupérer les balises de publication maintenant, plus l’option de disposition de cellules multiples). Quelques correctifs de compatibilité de thème.
- 1.7.3 – Interface utilisateur d’administration mise à jour pour correspondre à WordPress 3.8, une gestion plus intelligente du cache timthumb devrait réduire un certain nombre de problèmes «d’image ne montrant pas».
- 1.7.2 – Mise à jour de la compatibilité des thèmes
- 1.7.1 – Ajout d’une nouvelle option «Autosize» pour permettre à la grille de remplir tout l’espace disponible sans lacunes; compatibilité légèrement améliorée avec les serveurs ne définissant pas DOCUMENT_ROOT
- 1.7 – Passé au timthumb pour le traitement de l’image. Meilleure réactivité (les cellules sont redimensionnées pour s’adapter parfaitement à la zone disponible). Prise en charge de la rétine.
- 1.6.8 – le processus d’enregistrement du formulaire a été modifié, plus de problèmes de paramétrage de «max_input_vars».
- 1.6.7.3 – améliorations de compatibilité (jQuery séparé peut être utilisé pour les thèmes ne suivant pas les meilleures pratiques), prise en charge de la date pour la génération automatique
- 1.6.4, 1.6.5, 1.6.6 – améliorations de compatibilité, option de tri des filtres ajoutée
- 1.6.2, 1.6.3 – nombreuses améliorations de compatibilité.
- 1.6.1 – Problème de compatibilité JS corrigé.
- 1.6 – améliorations de compatibilité multiples, fonctionnalités de clonage et de pagination de la grille ajoutées, pas de marge à gauche et à droite de la grille si vous avez défini un «espace de cellule» sur une valeur non nulle
- 1.5.1 – Traitement de shortcode fixe pour une lightbox
- 1.5 – Sauvegarde de grille optimisée (encore une fois). Meilleure compatibilité des thèmes. Une option pour utiliser jQuery 1.9.1 intégré. Si vous effectuez une mise à niveau à partir de la version précédente – veuillez réenregistrer vos grilles pour conserver les proportions de l’image.
- 1.4 – Tailles de cellule ajustables pour une largeur d’écran inférieure à 768 et 440 pixels. Meilleure compatibilité de l’éditeur avec les plugins tiers. Widget WordPress pour UberGrid
- 1.3.6 – Sauvegarde de grille plus rapide dans la zone d’administration, compatibilité CSS, correction de bogue de personnalisation de filtre
- 1.3.5 – Clonage des objets corrigé (il ne conservait pas la disposition des cellules)
- 1.3.2, 1.3.3
- 1.3.1
- 1.2 – Génération automatique de grille à partir de messages, meilleurs autodiagnostics, corrections de lightbox.
- 1.1.3 – meilleure compatibilité, performances de l’éditeur JavaScript considérablement améliorées.
- 1.1.1 – option de compatibilité ajoutée pour les thèmes ajoutant des balises «p» trop agressivement
- 1.1 – Le contenu des fenêtres publicitaires a été supprimé, la prise en charge de la lightbox a été ajoutée, des icônes sociales, des autodiagnostics étendus et de nombreux correctifs de compatibilité CSS
- 1.0.1 – Aperçu corrigé
- 1.0 – Version initiale
2,5
2.1.2
2.1.1
2,1
2.0
1.8.3.1, 1.8.3.2
1.8.3
1.8.2
1,8
Versions plus anciennes:
– améliorations de compatibilité (css, WooCommerce).
– Filtrage des cellules basé sur le jeu de balises, sauvegarde de la grille beaucoup plus rapide, corrections de compatibilité CSS.
