Blogue

Dans mon article précédent, j’expliquais comment mes outils et processus de construction de sites WordPress avaient changé depuis plus d’un an avec mon adoption du constructeur de page Etch ou ce qu’ils appellent un environnement de développement visuel.

Même si Etch est un très jeune produit dans l’écosystème WordPress, il évolue rapidement, mais il aura besoin de temps pour vraiment maturer comme tout produit similaire. Mais Etch a déjà un écosystème de produits de tierce partie absolument fantastique avec des extensions, composantes et services qui complètent et augmentent les capacités déjà très puissante de ce constructeur de pages de nouvelle génération. Dans cet article et des articles futurs, je vais parler de quelques-uns de ces produits que je trouve particulièrement utiles.

Comme Etch est un produit jeune et en pleine évolution, les fonctionnalités sur lesquelles leurs développeurs mettent la priorité ne sont peut-être pas celles que vous aimeriez ou elles ne satisfont peut-être pas vos besoins immédiats. C’est pourquoi cet écosystème de produit de tierces parties est si utile et continuera de l’être. Ils apportent une réelle valeur ajoutée et aident à améliorer l’expérience utilisateur pour travailler dans Etch et même dans l’éditeur de blocs Gutenberg.

SnippetNest

Le premier produit ou site duquel je veux parler est SnippetNest. C’est un site remplit de ressources non seulement pour Etch, mais aussi ACF, ACSS, Beaver Builder, Gutenberg, FluentForms et WordPresss lui-même (et plus). J’ai découvert SnippentNest parce que son créateur Zack Pyle est très présent dans le forum Circle de Etch. J’ai, bien sûr, cessé d’utiliser Beaver Builder il y a plusieurs années, mais Zack crée des extensions, composantes et extraits de code pour plusieurs autres produits et cas d’utilisation (use cases) incluant Etch et Gutenberg. De plus, ses prix sont très raisonnables et il offre plusieurs items gratuitement.

Dans cet article, je veux mettre l’emphase sur 2 de ses extensions pour Etch/Gutenberg soient, Enhanced Pattern Manager et WordPress Menu for Etch.

Enhanced Pattern Manager (extension)

La première extension est Enhanced Pattern Manager qui améliore l’expérience de gestion des motifs (patterns) et motifs synchronisés (synced patterns) dans Gutenberg ou des composantes dans Etch (ou plus généralement). Elle rend l’expérience beaucoup plus simple et claire et ajoute des fonctionnalités comme des descriptions, gestion des accès et permission, tri, présentation en grille, statistiques d’utilisation et plus.

Depuis que j’ai commencé à utiliser Etch, j’utilise les composantes (motifs et motifs synchronisés) de plus en plus et certainement plus souvent que lorsque je travaillais avec Bricks. Enhanced Pattern Manager simplifie de beaucoup ce processus, surtout pour les clients qui veulent gérer leurs contenus et pour qui la gestion des motifs en mode Édition complète du site (Full Site Editing ou FSE) est particulièrement ardue et complexe. Cette extension simplifie et clarifie l’interface non seulement pour modifier les composantes/motifs, mais aussi simplement pour les sélectionner et les ajouter au contenu dans l’éditeur de blocs. Avec cette extension, le processus est beaucoup plus transparent que lorsque j’utilisais Bricks.

WordPress Menu for Etch (extension)

Par défaut, Etch a sa propre méthode pour bâtir des menus de navigation complètement indépendamment de la fonctionnalité de menus native de WordPress. C’est OK quand les menus ne changent pas très souvent ou que vos clients n’y touchent jamais. De notre côté, nos clients vont de ceux qui ne touchent jamais à leurs sites et nous laissent le gérer pour eux à ceux qui tiennent à modifier ou ajouter du contenu eux-mêmes. Vous ne voulez surtout pas que vos clients utilisent Etch directement. Etch est conçu pour les utilisateurs professionnels du web, donc, l’extension WordPress Menu for Etch de SnippetNest est la solution parfaite.

Cette extension permet via une syntaxe similaire aux boucles dynamiques (loops) dans Etch d’utiliser tout menu enregistré dans WordPress. Elle ajoute aussi des variables dynamiques.

Ces variables peuvent être ensuite utilisées directement dans du code HTML dans Etch si vous voulez créer votre menu manuellement ou elles sont utilisées dans des composantes comme la composante officielle FlexNav ou bien le Menu Builder pour Etch de Nick Arce. Dans tous les cas, on peut créer le menu une seule fois dans Etch et convertir le menu ou toute l’entête en composante et ensuite gérer les menus dans l’interface standard de WordPress.

Si vous utilisez Etch tous les jours comme moi, cette extension ainsi que la précédente sont des must.

Autres outils

L’autre aspect de l’offre de SNippetNest est les composantes. La fenêtre modale, Image Hotspot, carte Google, table des matières et forme de séparation (shape divider) sont incontournables. D’autres développeurs dans l’écosystème de Etch offrent des alternatives, mais celles de SnippetNest sont parmi les mieux construites.

Couts de SnippetNest

La structure de prix de SnippetNest est très simple et flexible. En haut il y a l’abonnement annuel à un cout raisonnable de 99$ (USD) par année. Cet abonnement donne accès à tous les produits existants et futurs.

Ensuite, chaque produit peut être acheté individuellement pour un cout unique variable et recevoir des mises à jour à vie. De mon côté j’ai choisi l’abonnement pour encourager Zack à continuer à sortir de nouveaux outils et maintenir les outils existants.

En bref…

Je vais publier d’autres articles sur quelques autres produits et services dans l’écosystème de Etch qui, pour moi, ressortent du lot et sont vraiment utiles. J’ai choisi de commencer avec SnippetNest parce que ce produit est celui qui a le plus aidé mon processus de développement avec Etch avec celui dont je parlerai dans mon prochain article. Si vous avez déjà investi dans Etch et croyez à son futur comme moi, SnippetNest est un must…