hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Comment créer des champs personnalisés WordPress

WordPress fournit les champs essentiels qui nous permettent de publier des articles et des pages. Certains de ces champs incluent l' éditeur de contenu, les options de catégorie, les balises et l' image en vedette .

Ces champs, cependant, ne sont pas suffisants pour accommoder certains cas. Imaginons que vous construisiez un site d'inscription de livres qui affichera l'auteur du livre, le numéro ISBN et l'éditeur. Vous aurez besoin de champs supplémentaires pour entrer les informations supplémentaires .

Heureusement, WordPress est maintenant assez complet, il donne aux développeurs la possibilité de créer des champs personnalisés pour répondre à tous les besoins du site . Ces champs personnalisés peuvent être une entrée de texte générale, une zone de texte, une option de liste déroulante, un sélecteur de couleurs, un calendrier et même un téléchargeur d'image. Dans ce tutoriel, nous vous montrons comment créer facilement des champs personnalisés WordPress . Commençons.

Champs personnalisés avancés

Pour vous donner un exemple concret, essayons de construire un site d'inscription de livres. Pour créer facilement nos champs personnalisés, nous utiliserons un plugin appelé Advanced Custom Fields par Elliot Condon. Avec cela, nous n'aurons pas besoin de toucher le code trop pour créer les champs personnalisés. Cependant, certaines modifications au niveau du code dans les fichiers de thème sont nécessaires pour afficher les données que nous avons entrées dans les champs.

Une fois installé, il ajoute un nouveau menu latéral appelé Custom Fields . Allez dans ce menu, cliquez sur le bouton Ajouter nouveau et nommez le groupe de champs. Par exemple, "Paramètres personnalisés" (voir photo).

Cliquez sur le champ + Ajouter un champ pour créer un nouveau champ personnalisé, et nous nommons l'étiquette du champ comme auteur . Au-dessous, définissez le nom du champ simplement comme book_author, que nous utiliserons pour afficher ou afficher les données de l'auteur du livre. Vous pouvez également définir l' instruction de champ et le texte d'espace réservé, mais ceux-ci sont facultatifs.

Ensuite, nous pouvons créer un ensemble d'autres champs comme la longueur de page, l'éditeur et la langue du livre comme ça.

Ensuite, nous devons assigner le groupe de champs pour l'afficher dans un type de poste particulier. Vous pouvez l'assigner à un article, une page, un modèle de page, une pièce jointe ou définir des règles qui impliquent plusieurs types de publication. Dans l'exemple suivant, je souhaite afficher les champs dans Book Post Type, que vous pouvez facilement créer vous-même avec cet outil pratique, GenerateWP.

Ensuite, nous nous dirigeons vers notre écran d'édition du type de livre, et le remplissons.

Afficher les données

Avant de continuer, puisque nous avons assigné les champs à Custom Post Type, nous devons créer un nouveau fichier pour afficher le contenu appelé single-book.php (consultez cette page pour référence). Nous allons également mettre nos codes dans ce fichier.

Une fois que tous nos champs personnalisés ont été remplis, nous les afficherons dans la partie frontale en utilisant la fonction the_field() suivie du nom du champ. Par exemple, ce code ci-dessous affiche les données du champ Livre d'auteurs que nous avons créé ci-dessus.

 the_field ('book_author') 

C'est vraiment facile. En outre, si vous voulez vous assurer qu'il ne doit être affiché que lorsque les données sont présentes, vous pouvez envelopper le code avec une instruction conditionnelle. Par exemple:

 if (! empty (the_field ('book_author'))): the_field ('book_author'); fin si; 

Et ci-dessous vous trouverez tous les codes que nous mettons dans single-book.php pour afficher notre livre.

'; the_post_thumbnail ('livre-vignette'); } écho ' '; ?>

Détails du livre

  • Auteur:
  • Éditeur:
  • Longueur:
  • La langue:
  • ISBN / ASIN:

Avec un peu de style avec CSS, nous pouvons obtenir le résultat net et subtil suivant.

Pensée finale

Dans ce tutoriel, nous vous avons montré l'exemple très basique de l'utilisation du plugin Advanced Custom Fields pour créer votre propre jeu de nouveaux champs Text et les affecter à un Custom Post Type facilement.

En dehors de cela, ce plugin fournit un certain nombre de champs personnalisés pour améliorer notre site Web, y compris l' éditeur WYSIWYG, TextArea, Dropdown, Options de la liste des utilisateurs, Google Maps, et bien d'autres. Vous pouvez explorer le plugin plus loin et voir quelles sont les choses cool que vous pouvez trouver.

Samsung révèle la cause de la note 7 Explosions

Samsung révèle la cause de la note 7 Explosions

Après des mois de spéculation sur la raison de la tendance à la combustion spontanée de la Note 7, Samsung a finalement conclu son enquête sur le sujet. Sur la base des résultats obtenus par Samsung, la société coréenne confirme officiellement que les problèmes de batterie sont la raison pour laquelle le lot initial et le lot de remplacement des smartphones ont mal fonctionné comme ils l'ont fait .Avec le lo

(Conseils techniques et de conception)

9 femmes qui ont changé notre façon d'utiliser Internet

9 femmes qui ont changé notre façon d'utiliser Internet

La diversité dans les entreprises technologiques est l'un des sujets les plus en vogue dans le cyberespace et ne montre aucun signe de déclin. Ceci est principalement motivé par les plus grandes entreprises technologiques comme Facebook, Twitter et Google qui publient leurs données sur la diversité des travailleurs, suscitant un nouveau débat sur les raisons pour lesquelles il n'y a plus de femmes travaillant dans le domaine de la technologie. Il a

(Conseils techniques et de conception)