Qu'est-ce que les (ACFAdvanced Custom Fields) WordPress et pourquoi en ai-je besoin ?

Michael Hörnlimann Dernière mise à jour le 21.10.2020
6 Min.
Advanced Custom Fields wordpress
Dernière mise à jour le 21.10.2020

"Vous ne savez Advanced Custom Fields pas ? Sans l'ACF, je n'en aurais WordPress certainement plus besoin". Un de mes collègues m'a envoyé ceci par l'intermédiaire Slack d'un site web il y a quelques semaines. Il est développeur, je suis designer. Mais au plus tard à ce moment-là, j'ai réalisé que je devrais (et voulais) m'en occuper.

Qu'est-ce que c'est Advanced Custom Fields?

WordPress en soi offre déjà un large éventail de fonctions. Vous Advanced Custom Fields pouvez ainsi étendre encore plus ces fonctions - dans la version standard gratuite. Ils vous permettent de contrôler entièrement le contenu de votre site web.

Par défaut, nous trouvons des champs typiques comme le titre, le contenu, la date et l'auteur dans le backend des articles et des pages. Advanced Custom FieldsLe backend, respectivement celui mentionné Pluginci-dessous, vous donne la possibilité d'WordPress étendre les pages et les articles individuellement et pratiquement à volonté.

WordPress Il est possible de tout faire ou presque - Advanced Custom Fields presque comme si l'on était à l'écoute de WordPress .

Advanced Custom Fields De quoi ai-je besoin ?

En bref : Vous devrez Advanced Custom Fields probablement utiliser les éléments du tableau de bord dans le WordPress backend si vous êtes bloqué. Vous êtes face à un défi qui ne peut pas ou ne peut que partiellement être réalisé à l'aide de pages ou de contributions.

Cela peut se faire relativement rapidement, en fonction des exigences du client. Si vous êtes vous-même un concepteur de sites web, cela peut également vous sembler familier.

Dans mon cas, par exemple, j'ai été autorisé à construire une recherche avec des critères de filtrage. Il ne s'agit pas d'une simple recherche textuelle, qui permet de rechercher un contenu approprié sur l'ensemble du site web, mais d'une recherche dans laquelle des données spécifiques peuvent être saisies via un formulaire. L'utilisateur dispose de différents critères de filtrage. Il s'agit entre autres de

  • Nom (champ de texte)
  • Code postal (champ de texte)
  • Pays (liste déroulante)
  • Certificats (case à cocher)

Plus d'informations à ce sujet plus tard. Ce cas d'utilisation m'a donné l'idée d'utiliser Advanced Custom Fields (ACF). Une telle recherche individuelle n'est tout simplement pas possible avec WordPress des éléments embarqués sans ACF.

Advanced Custom FieldsLa libre Plugin

Je cherchais donc une solution pour mettre en Advanced Custom Fields œuvre cette recherche de filtre avec l'aide de .

Celui qui porte le même Plugin nom dans l'Pluginannuaire officiel WordPress est d'Elliot Condon. L'Australien y travaille très activement et le développe constamment, de sorte que de nouvelles fonctions apparaissent sans cesse. Si vous voulez être très proche de l'action, vous pouvez Suivez le FAC sur Twitter.

Si vous avez déjà été courageux et que vous vous fiez entièrement à l'éditeur de blocs (Gutenberg) introduit dans la version WordPress 5.0, il existe également Advanced Custom Fields des blocs pour le nouvel éditeur.

Le FAC Plugin est actuellement actif sur plus d'un million de sites web. Il est testé de manière très intensive et fonctionne parfaitement avec la dernière WordPress version. Il est également impressionnant de constater qu'il a Plugin déjà reçu plus de 1 000 notes de 5 étoiles. En comparaison, il n'y a qu'une seule étoile pour 16 notes, probablement des utilisateurs qui ont abandonné après un (très) court laps de temps.

Avec l'une d'entre ellesPlugin , il est clair qu'il faut un certain temps et de la patience pour comprendre la demande. Bien sûr, moi aussi, je n'ai fait quAdvanced Custom Fields 'effleurer la surface. Je veux juste dire qu'il y en a d'autres Plugins que vous installez et qui travaillent confortablement en arrière-plan - c'est différent avec ACF. Vous devez concevoir et reconnaître activement la connexion globale entre la base de données, le backend et le frontend.

Ce qui est également indispensable dans ce Plugincas, qui est assez technique, c'est le soutien.

Je n'ai pas encore eu à le revendiquer moi-même. La raison en est très simple : La documentation de première classequi traite des types de champs, des fonctions, des filtres et de la FAQ.

Que sont les types de poste douanière ?

J'avais mentionné précédemment qu'une conception active est nécessaire. Cela signifie Advanced Custom Fields également que dans certains cas, ces seuls éléments ne vous seront pas d'une grande utilité. Ce n'est qu'en combinaison avec les types de poste douanière qu'il y a plus d'options.

La première question est la suivante : qu'est-ce qu'un type de poste (normal) ?

Les deux plus connus WordPress sont les Pages et les Blogs. Ainsi, pour chaque nouveau contenu à créer pour un site web, vous décidez du type d'affichage qui est le bon. Cela dépend de plusieurs facteurs, notamment de la manière dont les informations doivent être visibles et des champs dont vous avez besoin dans le back-end.

Toutefois, que faire si vous souhaitez fournir un contenu qui ne peut pas être couvert par une page ou un message normal ?

Vous l'avez peut-être déjà deviné : il vous faut un nouveau moyen d'ajouter du contenu au backend. Une sorte de masque de saisie avec exactement les champs dont vous avez besoin. C'est ce qu'ils peuvent vous Advanced Custom Fields offrir. Celui mentionné ci-dessus Plugin permet de définir et de créer ces champs confortablement dans le backend. Une fois cette structure mise en place, l'étape suivante vient.

advanced custom fields propres domaines
Dans l'arrière-plan de l'ACFPlugins , vous pouvez facilement définir des champs.

C'est alors que les types de poste douanière sont utilisés. Il est très important de créer votre propre type de poste personnalisé pour l'utilisation d'Advanced Custom Fields un poste personnalisé. Dans mon cas, j'appelle simplement les thérapeutes du Custom Post Type (CPT).

Bien entendu, vous pouvez également programmer vous-même le type de poste personnalisée. Mais j'ai utilisé pour cela le Plugin "Custom Post Type UI", que je vais expliquer dans la prochaine section.

création d'un type de poste personnalisé
Voici à quoi ressemble l'arrière-plan de l'assurance-chômage de type Plugins "poste douanière".

Assurance-chômage de type poste douanière : gratuitePlugin, la deuxième

Si la magie ne vous suffisait pas jusqu'à présent avec le Advanced Custom Fields (ACF), voici le meilleur : ACF en combinaison avec Custom Post Type UI, court CPT UI.

Cela vous permet d'afficher le contenu de la base de données directement dans le frontend comme vous le souhaitez. Dans mon cas, j'ai été confronté au défi d'essayer de construire un filtre de recherche avec différents champs. J'ai donc dû d'abord télécharger toutes les données vers le backend en utilisant une importation CSV.

Ensuite, j'ai utilisé le Custom Post Type ainsi que le Advanced Custom Fields filtre de recherche dans le frontend. Vous en saurez plus dans la section suivante.

combinaison de type de poste personnalisé acf
Par exemple, voici à quoi pourrait ressembler votre nouveau type de poste douanière.

Exemple pratique : Construire une recherche avec des critères de filtrage

Voilà pour l'arrière-plan pour l'instant. Maintenant, c'est au tour du front. Vous pouvez donc utiliser l'ensemble et utiliser les différents Advanced Custom Fields éléments pour votre dossier.

J'ai utilisé l'ACF pour construire une recherche individuelle avec des critères de filtrage. Mais comment est-il possible de présenter le contenu du backend de manière élégante dans le frontend afin que l'interaction avec l'utilisateur soit possible ?

Là encore, vous avez le choix entre le développer vous-même et un Plugin. Une fois de plus, j'ai cherché longtemps une bonne aide et j'ai finalement trouvé "Search & Filter Pro" (lien à la fin du texte).

Cela me donne un moyen ingénieux d'utiliser les données disponibles en arrière-plan pour l'affichage en avant-plan. Dans mon exemple, il s'agit de

  • Recherche (champ de recherche normal)
  • Post Meta (accès et recherche du champ personnalisé avancé respectif dans la base de données)
  • Bouton "Envoyer" (Bouton pour soumettre la requête ou le formulaire de recherche)

En arrière-plan, cela peut se présenter comme suit :

recherche et filtrage par backend
Avec le Plugin "Search & Filter Pro", vous pouvez créer une recherche individuelle avec des critères de filtrage.

Ensuite, vous pouvez utiliser un code court pour insérer le filtre de recherche qui vient d'être créé à n'importe quel endroit dans le backend (par exemple sur une page).

Vous verrez cependant que celui-ci sera un peu moins attrayant. Je l'ai amélioré avec quelques poignées CSS et je pense que le résultat dans le frontend est assez bon :

exemple pratique acf

Liens supplémentaires

Je suis curieux de voir ce que je pourrai encore mettre en Advanced Custom Fields œuvre à l'avenir. Vous avez des questions ou des commentaires sur cet article ? Alors je serais heureux de recevoir de nombreux commentaires.

Photo : Shane Aldendorff | Unsplash

Michael Hörnlimannné en 1991 à Zurich, aime la nature et la bonne nourriture. Depuis avril 2018, il travaille exclusivement de manière indépendante et crée WordPress des sites web pour le compte de clients. Depuis lors, il a combiné son travail avec sa grande passion, en voyageant dans des pays et des cultures étrangères. Il vit et travaille où il veut, parfois dans les montagnes, parfois au bord de la mer.

Articles connexes

Commentaires sur cet article

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .