Je vous présente Modern Fields : ma nouvelle extension WordPress pour les custom fields

Imaginer le futur des champs custom dans WordPress

Il y a quelques mois, alors que je mettais à jour ma formation ACF, je me suis fait la remarque que, malgré la refonte de l’UI des groupes de champs de la V6, les champs eux-même n’avaient pas évolué en terme de rendu.

Et c’est dommage car de plus en plus de freelances et agences utilisent l’éditeur de blocs et le Full Site Editing.

À force d’y penser, je me suis également dit qu’ACF commençait à être de moins en moins adapté pour le nouveau WordPress : la création des champs est fastidieuse, pas visuelle, et le rendu des champs n’est pas harmonieux avec ceux de l’éditeur.

C’est là que j’ai commencé à imaginer à quoi pourraient ressembler des champs additionnels dans un site WordPress moderne !

L’éditeur fournit déjà un sacré nombre de champs natifs qu’on peut réutiliser dans nos blocs ou nos fonctionnalités sur mesure. On peut même les essayer dans le Storybook WordPress.

Il faut dire que lorsqu’on affiche des champs ACF dans l’éditeur, ça se voit ! C’est pas ultra propre.

Alors l’été dernier, je me suis dit que j’allais expérimenter et tenter de faire mon propre ACF mais avec les champs natifs, et voir ce que ça donnait. L’expérience a tellement été concluante que j’ai décidé d’aller au bout du projet, et de sortir une extension, que j’ai appelée Modern Fields !

Et voici la présentation en vidéo :

Le principe reste dans l’absolu le même qu’ACF :

1. On créé notre groupe de champs (texte, nombre, interrupteurs…) ;
2. On l’assigne à un emplacement de WordPress (articles, pages, options…) ;
3. On affiche les données dans le template.

Là où je me distingue, c’est que j’essaie d’aller plus loin sur chaque point :

1. On peut designer son groupe de champs grâce à l’éditeur de blocs, et présenter facilement les champs dans des colonnes, en rangé, en grille…
2. L’interface pour assigner les groupes se veut plus agile, on gagne du temps et en compréhension ;
3. Et enfin, pas besoin de coder pour afficher les données, grâce au bloc valeur, vous pourrez sélectionner d’un clic le champ à afficher, où vous le souhaitez directement depuis Gutenberg !

Et en bonus, comme j’utilise les champs natifs de Gutenberg, l’intégration dans l’interface de l’éditeur est parfaite !

Et pour réaliser une telle mise en page, c’est très facile puisque vous pouvez utiliser les blocs de design présents nativement dans WordPress  :

Ainsi, vous aurez un aperçu en temps réel 100% conforme à ce que vous voulez afficher.

Dans l’idéal, j’aimerai passer à temps plein sur ce projet. La version gratuite est presque opérationnelle, et je compte sortir la pro au début de l’été.

Découvrir Modern Fields

Vous pouvez télécharger gratuitement l’extension sur le répertoire officiel de WordPress, mais également lancer une démo depuis WordPress Playground sans rien installer !

J’ai besoin de vos retours ! Ensemble, on pourra créer l’extension parfaite des champs additionnels. si vous avez une suggestion, trouvé un bug, ou une question, contactez-moi !

Qu’attendre de la version premium ?

La version Pro contiendra pas moins de 9 fonctionnalités avancées comme :

• Les fameux champs répéteur et relationnel, très attendus ;
• La logique conditionnelle, qui sera rattachée à un bloc groupe plutôt que champ par champ, pour plus de simplicité ;
• Les pages d’options modernes que vous pourrez rendre hyper sexy grâce à l’éditeur, et qui se sauvegarderont sans rechargement de page ;
• Un bloc pour afficher vos champs dans n’importe quel modèle de page et sans écrire une ligne de code, le vrai game changer de mon extension !
• Des filtres qui s’ajoutent automatiquement au bloc « boucle de requête » en fonction de vos champs additionnels ;
• L’ajout de champs aux blocs existants, ce que ACF ne peut pas proposer en l’état ;
• Des blocs sur-mesure et leurs champs, rendus en PHP ;
• Des emplacements inédits pour vos champs, comme dans un panneau séparé ou une fenêtre modale :
• Des compositions sexy pour mettre en forme vos champs sans effort !

Bref, de quoi rendre vos champs encore plus efficaces au quotidien.

Si vous voulez être tenus au courant de l’avancée de la version pro, et de sa sortie (avec probablement une offre lifetime à la clé), inscrivez-vous à la newsletter Capitaine WP en pied de page !

En tous cas, je vais m’y mettre à fond pour la sortir très prochainement. Hâte de voir ce que vous allez pouvoir créer avec !

---

J’ai pris énormément de plaisir à développer ce projet. Et j’adorerai avoir vos retours. Alors n’hésitez pas à tester l’extension et dites-moi ce que vous en avez pensé via le formulaire de feedback.