GenerateBlocks 1.7 et GenerateBlocks Pro 1.5 sont entrés dans leur première release candidate et seront bientôt disponibles pour une utilisation sur les sites de production.
Avec cette importante mise à jour du plugin, qui est né avec quatre blocs simples, en compte désormais huit avec l'ajout, entre autres, d'un bloc d'onglet et d'un bloc accordéon.
Mais cette mise à jour est bien plus, elle étend ses possibilités pour construire plus et mieux. Avec 220 modifications de fichiers et plus de 10 000 lignes de code mises à jour, l'éditeur GenerateBlocks est plus rationnel, plus modulaire et, au final, beaucoup plus performant. Plus de fonctionnalités sont ajoutées, plus rapidement et avec moins de code.
C'est la philosophie de son créateur, Tom Usborne:
"Tout ce que nous faisons a pour objectif la performance. Si nous ne pouvons pas faire quelque chose de manière simple/légère, nous ne le ferons tout simplement pas".
Je maintiens que ce jeu de blocs, s'il continue à évoluer comme il le fait, sera bientôt inégalé. Du moins en termes de performances et de flexibilité.
Et si vous avez des doutes sur la réactivité des nouveaux blocs GB, The Admin Bar a effectué une comparaison des performances avec les mêmes blocs Kadence, et les blocs GB sont toujours plus légers. À la fin de la comparaison, il y a un petit détail amusant sur le poids et le nombre exagéré de demandes qui sont ajoutées en utilisant un simple titre Elementor.
Au travail
Avec le nouveau bloc d'onglets, vous pouvez créer une galerie d'images simple et légère, comme le montre Mike Oliver. Comme je testais la version RC, j'en ai profité pour créer une galerie de test et laisser ici les notes du processus.
1 - Ouvrez l'éditeur et ajoutez un bloc d'onglets.
2 - Sélectionnez le modèle d'onglet que vous voulez.
3 - Ajoutez le nombre d'onglets dont vous avez besoin en cliquant sur +
4 - Faites défiler les onglets vers le bas ou vers le haut en fonction de l'endroit où vous souhaitez afficher les vignettes. Pour ce faire, sélectionnez "Éléments de l'onglet" et cliquez sur la flèche de défilement.
5 - Avec l'onglet Onglets sélectionné, nous allons dans la configuration des blocs sur le côté droit et dans TYPE DE BOUTON DE L'ONGLET, nous passons de "Bouton" à "Conteneur" car nous ne pouvons pas ajouter d'images à l'intérieur des boutons. Après avoir fait cela, nous verrons comment les boutons changent leur icône pour l'icône du conteneur.
6 - Supprimez les styles et les textes des onglets.
7 - Enfin, nous ajoutons les images aux conteneurs d'onglet et à leur boîte de contenu correspondante.
Bien que vous disposiez d'ajustements fins pour le bureau, la tablette et le mobile, sans toucher à rien, cette galerie semble parfaite dans sa version mobile.
À partir de là, nous pouvons composer la galerie à votre goût en ajoutant d'autres éléments, en appliquant des styles ou ce que vous voulez.
Vous pouvez également définir l'image du conteneur comme arrière-plan afin de pouvoir ajouter d'autres blocs par-dessus et afficher des titres, du texte ou d'autres boutons.
Bien que cela n'ait pas beaucoup de sens de créer un bloc réutilisable, nous pouvons toujours copier le code de la structure de base d'une galerie sans images pour le coller dans n'importe quel autre article ou page et ajouter les nouvelles images.
Certains liens dans ce post sont des liens affiliés
