ACF et Flexbox pour WordPress

ACF et Flexbox, simplifier la gestion de contenu pour WordPress

— Contenu révisé le 20 juillet 2021 pour ACF et Flexbox, simplifier la gestion de contenu pour WordPress

Pour faciliter la vie des administrateurs WordPress, l’outil de champ personnalisé ACF (Advanced Custom Fields) fut ajouté dans un site préexistant afin de gérer la page de l’archive des publications. J’utilise les propriétés de mise en page Flexbox pour que cette page s’adapte aux appareils mobiles.

Des tableaux composaient cette page. Les publications comportent une image, un lien vers un PDF et du texte.

Le problème principal avec les tableaux, c’est que ça devient très difficile à manipuler une fois monté. Ça implique de fouiller directement dans le code de la page afin de les modifier correctement, et ça ne s’ajuste pas facilement aux appareils mobiles.

Exemple ACF et Flexbox

Voici les étapes de réalisation de ce projet qui utilise ACF et Flexbox

Espace de développement

  • Développer les champs qui vont recevoir les images, liens et PDF en remplacement des tableaux.
  • Créer le code pour afficher les champs ACF et les styles avec Flexbox.
  • Exporter le tout une fois terminé.

Pour le site en ligne

  • Réaliser une copie de sécurité du site.
  • Installer le plug-in ACF professionnel.
  • Importer les champs dans ACF.
  • Ajouter le code pour faire afficher les champs ACF dans le thème du site.
  • Intégrer les styles dans le thème du site.
  • Ajuster ACF pour que les champs apparaissent dans l’article choisit.
  • Vérifier que tout fonctionne.
  • Réaliser la copie de sécurité finale du site.

Pour un site déjà en ligne, créer le contenu dans un espace de développement afin de ne pas déranger les visiteurs et éviter les problèmes techniques est préférable et recommandé.

Dans ce cas précis, j’ai dû respecter l’apparence existante du site.

Les avantages de ACF et Flexbox

Pour les administrateurs du site

  • Ils n’ont plus à travailler dans le code du site.
  • L’ajout du contenu (image, lien au PDF, texte) se concrétise par le biais d’un formulaire.
  • Certains éléments deviennent « répétables », ce qui permet d’ajouter autant d’édition des publications que nécessaire.
  • Simplicité d’utilisation.

Pour les visiteurs du site

  • La page archive des publications est adaptée aux appareils mobiles

En conclusion pour ACF et Flexbox

Pour un site en ligne ou en développement, vous pouvez grâce à ces outils, demander l’ajout de mises en page précise selon les besoins du contenu que vous désirez présenter. Que ce soit pour une page ou l’ensemble du site, ACF et Flexbox vont enrichir et simplifier votre expérience en tant qu’administrateurs du site, et rendre plus agréable sa visite.

Partager