Advanced Custom Fields

Old wooden card catalogue with one opened drawer

Plugin Advanced Custom Fields

Créez vos masque de saisie pour l’ensemble de vos contenus au sein de WordPress.

Ecrit le 29 septembre 2011
20 commentaires

Article(s) lié(s)

Créer des options pour vos slider jQuery

Créer un masque de saisie pour n’importe quel type d’article ou pour Custom post type, voilà ce que vous permet de réaliser Advanced Custom Fields. Le tout, sans difficultés majeurs.

Faire de WordPress un CMS pose parfois quelques soucis. Un blog est une chose, un CMS est en une autre. Il est parfois utile, voir obligatoire, d’avoir recours à des types de champs personnalisés.

WordPress permet cette manipulation, mais si vous n’aimez pas plonger dans le code, alors il vous vous faut passer par un plugin. Pour cela, Advanced Custom Field est une petite merveille.

ACF vient se substituer au panneau de rédaction classique

Vous allez pouvoir créer autant de groupes contenant tous les champs dont vous avez besoin en un temps record ! De plus, vous allez pouvoir complètement modifier la page de saisie d’article de WordPress, selon vos goûts, ou vos besoins (voir un extrait ci-dessus).

ACF (pour Advanced Custom Fields) est compatible nativement avec les Custom Post Type, ce qui le rend encore plus redoutable dans son utilisation.

Vous pouvez donc créer un Post de type « Film », et créer les champs qui s’y rattache avec ACF, ceux-ci venant se substituer à l’éditeur classique de WordPress, comme sur l’image ci-dessus.

ACF s’installe comme tout plugin, par le dépôt officiel. Il est donc gratuit, ce qui ne gâche rien, vous en conviendrez. On accède à son panneau via le menu « Reglages > Advanced custom fields ».

Création d'un groupe de champs

Depuis l’écran principal, il suffit de cliquez sur le bouton « Add New » pour avoir accès au panel de création de Groupe et champs.

On crée d’abord notre groupe, puis, il suffit d’y ajouter un par un l’ensemble des champs dont nous avons besoin. Les groupes sont très utiles pour subdiviser notre masque de saisie.

Pour un film, on peut créer un groupe « Acteurs », un groupe « Production/Réalisation », un groupe « Synopsis », et ainsi de suite.

Redéfinissez la page de saisie

Une fonction puissante d’ACF réside dans la possibilité de rattacher un groupe à un ou plusieurs type de post.

Par exemple, j’ai un custom post type pour les Acteurs et un autres pour les films. Je vais créer un groupe « Acteurs », contenant un champ « Nom », un champ « Prénom, un champ « Filmographie », et un champ « Portait » (une photo).

Je vais attacher ce groupe de champ à mon custom post type « Acteurs » ET à mon custom post type « Films ».

ACF va aussi plus loin en vous permettant de masquer les metabox par défaut de WordPress ! Ainsi, votre masque de saisie prend définitivement toute la place sur votre page (comme dans la première image).

Création d'un champ au sein d'un groupe

Côté code

Forcément, toutes ces modifications vont avoir un petite revers. Le code que vous allez devoir ajouter dans votre site. Maine paniquer pas ! Cela se fait très simplement avec un petit bout de code en php.

<?php the_field(nom_du_champ);?>

Placez ce bout de code là ou vous souhaitez voir apparaitre le contenu du champ, tout en restant dans la boucle. Il vous suffit ensuite de remplacer « nom_du_champ » par le nom de votre champ, et c’est tout.

Si vous souhaitez utiliser le champ « Repeater », je vous conseil la lecture de la documentation qui est plutôt pas mal.