Modern Fields • Champs personnalisés pour Gutenberg

Description

Modern Fields apporte un constructeur de champs visuels à l’éditeur de blocs WordPress sans compromettre la flexibilité.

Créez des groupes de champs réutilisables, assignez-les à des articles, des pages, des types de publications personnalisés ou des écrans d’options, et affichez-les à l’aide de blocs Gutenberg et des blocs bindings.

Aucun code n’est nécessaire ! Tout est construit à l’aide des API natives de WordPress, ce qui garantit une intégration optimale dans votre interface d’administration et une performance optimale.

Points forts

  • Construisez des groupes de champs de manière visuelle à l’aide des composants natifs de l’interface utilisateur/utilisatrice WordPress.
  • Choisissez parmi une bibliothèque croissante de blocs de champ : texte, zone de texte, bascule, nombre, plage, groupe de boutons, image, sélecteur de couleurs, et bien plus encore.
  • Associez des groupes de champs à des types de publications, des modèles de page ou des écrans d’options à l’aide de règles de localisation précises.
  • Gérez les droits à l’aide de contrôles basés sur les rôles pour déterminer qui peut modifier ou gérer les groupes de champs.
  • Afficher les données de champ dans des modèles avec un bloc de liaisons méta spécifique.

Quels sont les avantages à utiliser Modern Fields plutôt que Advanced Custom Fields (ACF) ?

✔ Commandes natives de l’éditeur de blocs pour une expérience améliorée
✔ Conception visuelle des groupes de champs dans l’éditeur de blocs
✔ Configuration plus rapide de vos champs
✔ Plus d’emplacements pour afficher les groupes de champs (modale, panneau)
✔ Compositions prêtes à l’emploi pour des pages d’options attrayantes
✔ Affichage des champs dans votre modèle sans code grâce au bloc Field Value, aucun codage nécessaire
✔ Utilisation du bloc de requête pour filtrer les résultats par méta
✔ Et bien plus encore dans la version premium

Captures d’écrans

  • Le constructeur de groupes de champs avec plusieurs types de blocs.
  • Une page d’options optimisée par Modern Fields.
  • La page de la liste des groupes de champs
  • L’éditeur de blocs affichant les blocs de champs contextuels à côté du contenu.

Blocs

Cette extension fournit 21 blocs.

  • Time A time input field.
  • Checkboxes A checkboxes field for multiple boolean input.
  • Field value Display any value from a meta field. Brought to you by Modern Fields.
  • Multi token A mutli-value input field.
  • Range A range input field.
  • Button Group A button group field with multiple choices.
  • Rich text A rich text input field with formatting options.
  • Toggle A toggle On/Off field for boolean input.
  • Email A simple email input field.
  • Spacing Select spacing values for the selected sides.
  • Text A simple text input field.
  • Unit Select a value with a unit.
  • Color picker A custom color picker.
  • Radio Buttons A radio buttons field with multiple choices.
  • Color palette A color palette from the theme.
  • Image Import or select an image from the media library.
  • Border Configure border values.
  • Textarea A textarea field for longer text input.
  • Select A select dropdown field with key/value options.
  • Number A simple number input field.
  • Date A date / time input field.

Installation

  1. Téléverser les fichiers de l’extension dans le répertoire /wp-content/plugins/modern-fieldsr ou installez directement l’extension via l’écran des extensions WordPress.
  2. Activer l’extension depuis le menu Extensions de WordPress.
  3. Veuillez vous rendre dans Groupes de champs Modern Fields pour créer votre premier groupe et commencer à ajouter des blocs de champs.
  4. Assigner votre groupe de champs à l’emplacement souhaité et le publier.
  5. Modifier une publication ou une page qui correspond à vos règles pour commencer à remplir les champs.
  6. Utiliser le bloc Valeur du champ pour afficher une méta dans votre contenu ou un modèle.

FAQ

Est-ce que Modern Fields fonctionne avec l’éditeur classique ?

Modern Fields est spécialement conçu pour Gutenberg et s’appuie sur les API de l’éditeur de blocs. L’éditeur classique n’est pas pris en charge.

Comment puis-je afficher les valeurs des champs sur l’interface publique ?

Utiliser le bloc « Valeur du champ » pour afficher n’importe quelle valeur provenant des champs de la publication actuelle, de l’auteur/autrice de la publication ou des pages d’options. Aucun code n’est nécessaire. Il liera automatiquement les données à vos modèles. Vous pouvez également utiliser ces fonctions dans vos blocs personnalisés ou vos modèles : the_field() ou get_field().

Puis-je restreindre l’accès à la gestion des groupes de champs ?

Oui. Les droits s’intègrent aux rôles et permissions WordPress. Seuls les utilisateurs/utilisatrices disposant des permissions appropriées peuvent créer ou modifier des groupes de champs.

Avis

23 février 2026
I’ve been searching for an alternative to ACF that integrates more natively with the Gutenberg editor for a while, and after using one on my first project I can say I’m pleasantly surprised. The workflow feels much more seamless, the editor experience is smoother, and building custom layouts with blocks is a lot more intuitive. Looking forward to testing it on more websites!
9 février 2026
I’ve been looking for an alternative to ACF that integrates more natively with the Gutenberg editor for some time now, and I wasn’t disappointed with my first project.It’s looking good.
Lire les 8 avis

Contributeurs/contributrices & développeurs/développeuses

« Modern Fields • Champs personnalisés pour Gutenberg » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Modern Fields • Champs personnalisés pour Gutenberg” a été traduit dans 1 locale. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Modern Fields • Champs personnalisés pour Gutenberg » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

0.7

  • new image field option: compact UI
  • fixed color picker when there are custom colors set in appearance
  • fixed missing translations in JavaScript

0.6

  • Nouveaux champs : case à cocher, boutons radio, liste déroulante/zone de sélection, jetons multiples et e-mail
  • More reliable field data structure

0.5.5

  • Correctif : Déploiement avec dépendances PHP

0.5.2

  • Ajouté : ressources wp.org

0.5.1

  • Premier déploiement

0.5.0

  • Version beta initiale.