L’intégration d’ACF (Advanced Custom Fields) avec le thème Divi sur WordPress permet de créer des sites web uniques, en ajoutant des champs personnalisés au sein de vos pages tout en profitant de la puissance et de la flexibilité de Divi. Dans cet article, nous explorerons comment réaliser cette fusion efficacement.
1. Présentation
ACF (Advanced Custom Fields) est un plugin WordPress qui offre la possibilité d’ajouter des champs personnalisés à vos articles, pages, types de contenus personnalisés et bien plus encore. Ces champs peuvent être des textes, des images, des sélections, etc. Si toutefois vous ne vous sentez pas à l’aise à l’idée de développer vous même de nouvelles fonctionnalités pour votre site, vous pouvez toujours faire appel à une agence wordpress, qui saura vous apporter l’assurance nécessaire pour mener à bien votre projet.
Divi, d’autre part, est l’un des thèmes WordPress les plus populaires, caractérisé par son constructeur de page visuel qui permet de créer des designs complexes sans avoir besoin de connaissances en codage.
2. Installation et Configuration d’ACF
Avant de coupler ACF avec Divi, il faut d’abord l’installer. Rendez-vous dans le tableau de bord WordPress, allez à Plugins > Ajouter et recherchez “Advanced Custom Fields”. Installez et activez le plugin.
Une fois activé, vous verrez une nouvelle option “Champs personnalisés” dans votre tableau de bord. C’est ici que vous allez créer et gérer vos champs personnalisés.
3. Intégrer ACF avec le constructeur Divi
Après avoir créé vos champs personnalisés via ACF, vous voudrez probablement les afficher dans vos pages ou articles conçus avec le constructeur Divi. Voici comment procéder:
- Module de texte: Ouvrez une page ou un article avec le constructeur Divi. Ajoutez un module de texte là où vous souhaitez afficher votre champ personnalisé.
- Dans le module de texte, entrez votre shortcode ACF. Par exemple, pour afficher un champ personnalisé nommé “mon_champ”, vous écrirez
[acf field="mon_champ"].
Il est également possible d’utiliser la fonction PHP get_field() pour les utilisateurs qui sont à l’aise avec le codage.
4. Styles et personnalisation
Une fois que vos champs personnalisés sont intégrés dans Divi, vous pouvez les styliser comme n’importe quel autre élément Divi. Utilisez les options de design du module pour ajuster la taille du texte, les couleurs, les marges, etc.
L’une des raisons pour lesquelles ACF est si prisé par les développeurs et designers WordPress est la vaste gamme de possibilités de personnalisation qu’il offre.
Avec ACF, vous pouvez non seulement créer des champs de texte simples, mais aussi des galeries d’images, des cartes, des sélecteurs de dates, des fichiers, des boîtes à cocher, et bien plus encore. Les champs relationnels permettent de lier des articles ou des pages spécifiques, offrant ainsi des options avancées de mise en relation de contenus.
De plus, avec l’extension ACF Pro, vous bénéficiez de champs supplémentaires comme les groupes de champs répétables, ce qui est idéal pour des sections comme les témoignages ou les portfolios où plusieurs entrées similaires sont nécessaires.
L’interface intuitive d’ACF permet de configurer des conditions d’affichage afin que certains champs n’apparaissent que lorsque certaines conditions sont remplies, donnant ainsi aux créateurs un contrôle précis sur où et quand les champs personnalisés doivent être affichés.
ACF transforme WordPress en un véritable système de gestion de contenu (CMS) flexible, capable de s’adapter à presque n’importe quel besoin de conception ou de fonctionnalité.
5. Extensions et ressources
Il existe des plugins et des extensions qui peuvent faciliter encore plus l’intégration, comme ACF Theme Code qui génère automatiquement le code nécessaire pour afficher vos champs personnalisés.
Pour conclure
La combinaison d’ACF et de Divi ouvre un monde de possibilités pour les concepteurs et les développeurs WordPress. Que vous souhaitiez afficher des témoignages personnalisés, des portfolios, des informations produit ou autre, ACF et Divi peuvent rendre cela possible avec une grande flexibilité et un contrôle de design inégalé.
