ACF (Advanced Custom Fields) est un plugin incontournable pour ajouter des champs personnalisés sur WordPress. Il vous permet d’enrichir vos pages, articles et types de contenus avec des informations supplémentaires 📊✨.
Dans ce guide, vous allez apprendre comment utiliser ACF pour personnaliser vos contenus WordPress facilement 🚀.
📌 Pourquoi utiliser Advanced Custom Fields ?
Avec ACF, vous pouvez :
✅ Ajouter des champs personnalisés (texte, images, boutons, etc.) 🏗️
✅ Personnaliser facilement vos pages et articles 🎨
✅ Créer des sites dynamiques et interactifs 🔄
✅ Gagner du temps en évitant le code compliqué ⏳
Exemples d’utilisation :
📌 Ajouter un prix personnalisé sur un produit 🛍️
📌 Insérer une galerie d’images dans un article 🖼️
📌 Créer un champ de date pour des événements 📆
📌 Mettre en place un lien vers un PDF 📄
🛠️ Étape 1 : Installer et activer ACF
1️⃣ Allez dans votre tableau de bord WordPress
2️⃣ Rendez-vous dans « Extensions » → « Ajouter »
3️⃣ Recherchez « Advanced Custom Fields »
4️⃣ Installez et activez le plugin
🎉 Félicitations ! ACF est maintenant prêt à être utilisé !
🛠️ Étape 2 : Créer un groupe de champs personnalisés
1️⃣ Allez dans « ACF » → « Groupes de champs » → « Ajouter »
2️⃣ Donnez un nom à votre groupe de champs (ex. « Informations Produit »)
3️⃣ Ajoutez un ou plusieurs champs personnalisés
👀 Types de champs disponibles :
✔️ Texte (pour une courte description)
✔️ Zone de texte (pour un long paragraphe)
✔️ Image (pour ajouter une photo)
✔️ URL (pour insérer un lien externe)
✔️ Sélecteur de date (pour un événement)
✔️ Bouton radio (pour choisir une option)
4️⃣ Définissez où afficher ces champs (Articles, Pages, Produits WooCommerce, etc.)
5️⃣ Enregistrez votre groupe de champs ✅
🛠️ Étape 3 : Ajouter les champs personnalisés à vos articles et pages
📌 Une fois le groupe de champs créé, ouvrez un article ou une page.
📌 Vous verrez les nouveaux champs ajoutés dans l’éditeur !
✍️ Remplissez les champs et publiez votre contenu 🎯.
🛠️ Étape 4 : Afficher les champs personnalisés dans votre thème WordPress
🖥️ Pour afficher un champ personnalisé dans votre thème, utilisez cette fonction PHP :
phpCopierModifier<?php echo get_field('nom_du_champ'); ?>
📌 Exemple : Afficher un prix personnalisé
phpCopierModifier<p>Prix : <?php echo get_field('prix_du_produit'); ?> €</p>
📌 Exemple : Afficher une image personnalisée
phpCopierModifier<img src="<?php echo get_field('image_du_produit'); ?>" alt="Produit">
🎨 Bonus : Afficher les champs avec conditions
Afficher un champ seulement s’il est rempli :
phpCopierModifier<?php if( get_field('prix_du_produit') ): ?>
<p>Prix : <?php the_field('prix_du_produit'); ?> €</p>
<?php endif; ?>
🔹 Si le champ « prix_du_produit » est rempli, il s’affiche
🔹 Sinon, rien ne s’affiche
🎯 Conclusion
Grâce à Advanced Custom Fields (ACF), vous pouvez personnaliser vos pages et articles sans toucher au code compliqué de WordPress 🏗️.
✅ Facile à utiliser
✅ Personnalisation avancée sans coder
✅ Idéal pour les sites professionnels et e-commerce
Avez-vous déjà utilisé ACF ? Quelle est votre expérience ? 💬⬇️
