Sélectionner une page


Le plugin ACF (Advanced Custom Fields) est commercialisé sous le nom de « WordPress Developer Content Editor » et semble intimidant pour certains qui ne connaissent pas les fonctions du plugin. Ne manquez pas ces mots à la mode, car personne devrait utiliser des champs personnalisés avancés car c’est l’un des meilleurs gains de temps pour le développement Web. C’est pourquoi nous avons mis au point un didacticiel avancé sur les champs personnalisés pour tout vous montrer.

Oui, le plugin Advanced Custom Fields est déroutant pour les débutants. Mais la courbe d’apprentissage n’est pas mauvaise et les avantages d’utiliser ce plugin régulièrement feront de vous un croyant.

Important: Bien que nous couvrions certaines méthodes non codées pour afficher vos champs personnalisés sur votre site Web, vous aurez peut-être besoin de l’aide d’un développeur si ces solutions sans code ne sont pas assez flexibles pour vous.

Que fait le plugin Advanced Custom Fields?

Avec Advanced Custom Fields, vous pouvez collecter des informations supplémentaires sur votre contenu dans l’éditeur WordPress.

WordPress est une plate-forme open source flexible, vous devriez donc être en mesure de créer n’importe quel site Web de votre choix avec différentes fonctions pour Des choses comme le commerce électronique, au blog, Événements et plus.

L’éditeur visuel de WordPress dispose d’excellents outils, de l’édition de contenu volumineux au formatage des médias.

Cependant, un développeur peut parfois le rendre plus intuitif pour certains cas d’utilisation.

Le problème est que la personnalisation de l’éditeur de contenu WordPress nécessite généralement un formatage soigné et une éventuelle modification du code.

Les champs personnalisés avancés facilitent ce processus en vous permettant de modifier l’éditeur de contenu et de standardiser la manière dont vous collectez et affichez certaines informations.

Facilitez la mise à jour du contenu conçu

Une fois votre site Web développé et prêt à être utilisé, de petits détails doivent être modifiés dans une grande partie de votre processus d’administration.

Par exemple, une personnalisation courante pour les entreprises consiste à modifier l’en-tête ou l’arrière-plan de la page d’accueil pour les nouvelles ventes et annonces. La modification du texte dans cette zone d’en-tête est également courante.

Image de héros d'en-tête

Parfois, c’est tout ce qu’un propriétaire d’entreprise fait régulièrement avec un site Web!

Et c’est parfaitement bien, mais lorsque vous travaillez avec WordPress, vous remarquerez à quel point l’éditeur visuel est sensible. Une mauvaise touche de retour arrière et vous pouvez supprimer la mise en forme du texte. Une mauvaise image a été téléchargée et vous pourriez faire en sorte que toute la page d’accueil ressemble à une corbeille.

Standardiser l’affichage du contenu répété

Des actions répétées justifient également l’utilisation d’ACF.

Un exemple serait un blog de critique de film.

Par exemple, supposons que chacun de vos avis vous oblige à saisir la société de production, l’année de sortie et la classification du film.

Ou peut-être avez-vous une évaluation simple du film et une description de votre échelle de notation.

Critique du film

Cela pourrait être fait dans l’éditeur WordPress, mais ce serait bien de garder le même formatage pour tous les articles. L’utilisation des mêmes champs pour personnaliser réduira le processus à quelques clics au lieu de tout saisir.

Didacticiel avancé sur les champs personnalisés

La première chose à faire est de télécharger le plugin de champs personnalisés avancés. Découvrez le nôtre Instructions pour l’installation et l’activation des plugins WordPress Si vous avez besoin d’aide.

Nous pourrions créer un didacticiel avancé sur les champs personnalisés avec des milliers d’exemples. C’est tellement polyvalent.

Cependant, nous utiliserons l’exemple d’un site Web de critiques de films.

Pour chaque nouvel avis, nous souhaitons afficher les données suivantes:

  • L’année de publication
  • Le studio
  • La critique du film

Lisez la suite pour voir comment cela fonctionne.

Étape 1: créer un nouveau groupe de champs

Un groupe de champs est une collection de champs personnalisés.

Tous les champs que je souhaite sur mon site de critique de films appartiennent à la même catégorie. Il est donc judicieux de les affecter au même groupe de champs.

Pour créer un nouveau groupe de champs, accédez à Les champs personnalisés dans WordPress.

Les champs personnalisés

Sur le nouvel écran, cliquez sur Ajouter un nouveau Bouton.

Ajouter un nouveau

L’écran suivant peut sembler intimidant, mais il n’y a généralement que quelques éléments à modifier. Vous pouvez également les tester pour voir comment ils fonctionnent sur votre site Web.

Ajouter un groupe de champs

Pour l’instant, nommez votre groupe de champs quelque chose comme Movie Review Data.

Étape 2: ajoutez des champs à votre groupe

Il est maintenant temps d’ajouter des champs personnalisés individuels.

Cliquez sur le bleu Ajouter le champ Bouton.

Ajouter un champ - Didacticiel sur les champs personnalisés avancés

Cela ouvre une autre forme longue qui est un peu déroutante mais facile à comprendre après une ou deux applications.

Commencer à écrire Nom de domaine. Pour ce tutoriel, nous utiliserons l’année de publication.

premier champ

Le Nom de domaine sera alors renseigné automatiquement. Il est utilisé pour placer les résultats dans des modèles et pour le codage. Votre développeur l’utilisera.

Choisi ton Type de champ également. Dans ce cas, nous allons choisir un type de zone de texte, mais vous avez des dizaines d’options, des images aux cases à cocher en passant par les accordéons.

Tous les types de champ ont des options différentes, mais voici quelques-uns des éléments que vous pourriez éventuellement remplir pour le type de champ de texte:

  • Déclarations sur le terrain – Vous pouvez rappeler à vos auteurs de ne saisir que quatre chiffres.
  • Obligatoire – Vous pouvez faire de ce champ une exigence avant la publication.
  • valeur par défaut – Ceci est utile si une valeur doit toujours être affichée, même si elle reste vide.
  • Texte d’espace réservé – Ceci est affiché dans les champs de saisie si un écrivain est dans l’éditeur.
  • Limite de caractères – Il est possible que vous ne souhaitiez pas que les auteurs dépassent un certain nombre de caractères.

Tous les champs ne sont pas là, mais aucun d’entre eux n’est obligatoire. Par conséquent, il est préférable de les tester par vous-même. En outre, vous pouvez voir d’autres options en fonction de la Type de champ.

Étape 3: Ajouter plus de champs au groupe

Après avoir enregistré le premier champ, il est temps d’ajouter le studio et nos champs d’évaluation de films.

Heureusement, c’est le même processus!

Revenez simplement au groupe de champs et cliquez sur Ajouter le champpuis nommez-les différentes choses.

Options de champ

Le domaine de la société de production n’a rien de spécial, mais nous pouvons utiliser des outils de classement de films.

Nom de domaine

Ce Type de champ est un nombre.

Nous pouvons également indiquer dans les instructions de terrain que «la qualité de ce film doit être notée de un à dix.

Ensuite, nous marquerions la valeur minimale comme 1, la valeur maximale comme 10 et la taille du pas comme 1.

valeurs

La taille du pas indique les incréments disponibles.

Étape 4: Déterminez les positions sur le terrain

Vous devez maintenant configurer où et comment les champs apparaîtront sur le site Web.

Aller à lieu Panneau.

location - Didacticiel sur les champs personnalisés avancés

Les règles d’affichage des champs sont interrogées ici. Dans cet exemple, il est judicieux d’afficher le groupe de champs si « Type de publication est égal à poste », car cela signifie chaque publication.

Si vous utilisez des types de publication personnalisés, vous pouvez également mapper votre groupe de champs personnalisé à un type de publication personnalisé.

Sous les paramètresVous avez la possibilité de personnaliser l’affichage des champs dans votre éditeur WordPress.

Paramètres - Didacticiel sur les champs personnalisés avancés

Essentiellement, cette section vous permet de personnaliser la surface de conception en fonction de vos propres besoins.

Par exemple:

  • N ° de commande. – Vous permet d’organiser la liste des champs dans un groupe.
  • positionner – Contient des options pour afficher les champs au-dessus ou en dessous de l’éditeur.
  • style – Pensez à placer les champs dans une métabox.
  • Cacher à l’écran – Retirez tous les panneaux inutiles.
Backend terminé

Étape 5: Affichez les informations de champ personnalisé dans le front-end de votre site

Après avoir ajouté des données de champ personnalisées dans l’éditeur WordPress, vous devez pouvoir afficher ces informations dans le front-end de votre site.

Comme mentionné précédemment, vous devrez peut-être embaucher un développeur pour obtenir les résultats de vos champs personnalisés dans le front-end. Cependant, certaines solutions adaptées aux débutants doivent être envisagées en premier!

  • Utilisez des codes courts pour afficher les champs ACF dans l’éditeur.
  • Trouvez-en un Plug-in Page Builder avec prise en charge de l’affichage des champs ACF.
  • Mettez un shortcode pour le champ dans un groupe de blocs réutilisables.

La première option comprend Utilisation du shortcode ACF. Le plugin n’a pas de constructeur de shortcode, vous devrez donc utiliser le format suivant:

[acf field="field_name"]

Cela ne fonctionne que pour les champs textuels et vous devrez les remplacer field_name avec le nom de votre champ.

Par exemple, vous pouvez trouver les noms de champs dans votre liste de champs.

Il ne faut alors qu’un instant pour ajouter les noms de champs à ces shortcodes dans l’éditeur.

Assurez-vous que les détails de votre champ sont renseignés pour le poste.

Cliquez dessus Publier Bouton pour afficher les résultats dans le frontend!

Vous pouvez également trouver un générateur de page qui vous permet d’afficher les champs ACF dans l’éditeur. Par exemple, Elementor Pro ((notre note), Deux, Bâtisseur de castor + Beaver Themeret quelques autres options le permettent.

Une autre excellente solution consiste à créer Un bloc Dans l’éditeur, entrez le shortcode et enregistrez-le en tant que bloc réutilisable pour une utilisation future.

Étape 6: Si tout échoue, envoyez-le à votre développeur pour l’afficher sur votre site Web

Interface du didacticiel sur les champs personnalisés avancés

Si les méthodes sans code ci-dessus ne le font pas pour vous, la prochaine chose que vous pouvez faire est de l’envoyer à un développeur WordPress, ce qui ne devrait pas prendre longtemps et devrait être bon marché.

Essentiellement, le développeur ajoute simplement un peu de code à votre fichier de modèle ou à un seul fichier de publication.

Par conséquent, nous Suggérer de trouver un développeur réputé pour vous aider.

Tutoriel avancé sur les champs personnalisés: Amusez-vous à rendre votre éditeur WordPress plus convivial!

Avec des champs personnalisés avancés, vous pouvez utiliser WordPress de manière nouvelle et intéressante. Si vous souhaitez continuer à développer votre site Web, vous pouvez Apprenez à créer des types de publication personnalisés Ajoutez ensuite des champs personnalisés à ces nouveaux types de publication.

Si vous avez des questions sur notre didacticiel sur les champs personnalisés avancés, faites-le nous savoir dans les commentaires ci-dessous!

Tutoriel gratuit

5 conseils importants pour accélérer
Votre site WordPress

Réduisez votre temps de chargement de 50 à 80%
simplement en suivant des conseils simples.

* Cet article contient des liens d’affiliation. Donc, si vous cliquez sur l’un des liens du produit puis achetez le produit, nous recevrons une commission. Ne vous inquiétez pas, vous paierez toujours le montant standard, vous n’aurez donc rien à payer.



Source link

Recent Posts