A. Les objectifs. B. La gestion des champs personnalisés. v Toujours en tant qu'administrateur, téléchargez, installez et activez ce plugin.

Transcription

1 Chapitre :. Les... champs personnalisés A. Les objectifs Chapitre 5 : Les champs personnalisés WordPress - Site multi-utilisateur : workflow et contenus personnalisés L'objectif de ce chapitre est de créer des champs personnalisés pour nos contenus personnalisés. WordPress, comme la plupart des CMS ne propose que deux champs de saisie pour alimenter les contenus : le titre et le texte principal. Là encore, si cela peut suffire dans de nombreux cas, c'est notoirement insuffisant lorsque nous devons créer un site web parfaitement structuré. Si vous prenez pour exemple des grands sites d'information, vous aurez très souvent un titre, un soustitre, une image d'illustration, un chapô, un contenu, une signature, des sources et des liens complémentaires. Tous ces éléments ne sont pas gérés dans le seul champ de saisie qu'est le contenu, mais bien dans des champs séparés. Cela permet une structuration, une gestion et un affichage plus rigoureux du contenu. B. La gestion des champs personnalisés 1. Le plugin Nous allons maintenant créer des champs personnalisés spécifiquement dédiés à notre nouveau type de contenu personnalisé créé dans le chapitre précédent Les types de contenus personnalisés, les Voyages. Pour ce faire nous allons utiliser le plugin Advanced Custom Fields. Voici son URL sur le site des plugins de WordPress : Editions ENI - All rights reserved v Toujours en tant qu'administrateur, téléchargez, installez et activez ce plugin.

2 WordPress - Site multi-utilisateur : workflow et contenus personnalisés La création des champs personnalisés va se faire dans le menu ACF qui vient de se créer, suite à l'activation du plugin. 2. Créer le groupe de champs personnalisés Nous allons maintenant créer un groupe de champs personnalisés de différents types pour nos voyages. v Cliquez sur le menu ACF. v Cliquez sur le bouton Ajouter. v Dans le premier champ de saisie, indiquez le nom du groupe de champs.

3 Chapitre :. Les... champs personnalisés Nous allons maintenant indiquer que ce groupe de champs doit être associé au nouveau type de contenu personnalisé Voyages. v Dans le module Assigner ce groupe de champs, dans la liste déroulante Montrer ce champ quand, choisissez Type de publication. v Dans la liste déroulante suivante, laissez est égal à. v Dans la dernière liste déroulante, choisissez voyage, qui est le nom de notre nouveau type de contenu personnalisé. Nous allons maintenant définir les options d'affichage pour ce groupe de champ. v Dans le module Options, dans le champ Numéro d'ordre, laissez 0. Ce groupe sera le premier affiché. v Dans la liste déroulante Position, laissez Normal (après le contenu). Ce groupe de champs personnalisés sera affiché après le champ de saisie du contenu principal. v Dans la liste déroulante Style, vous pouvez choisir d'afficher le groupe dans un module classique avec le choix Standard (WP metabox), ou pas avec le choix Seamless (no metabox). v Dans la zone Ne pas afficher, cochez les modules que vous ne souhaitez pas afficher pour la saisie d'un nouveau voyage. Editions ENI - All rights reserved

4 WordPress - Site multi-utilisateur : workflow et contenus personnalisés Le groupe de champ est créé, nous allons maintenant créer les champs voulus. 3. Les champs personnalisés disponibles Voici la liste des champs personnalisés qui sont à votre disposition avec le plugin ACF. Les champs sont classés par catégorie. Les copies d'écran des champs personnalisés sont celles qui seront affichées dans l'interface de saisie des voyages. La première catégorie est celle des Champs basiques. - Texte : affiche un champ de texte simple, sur une seule ligne.

5 Chapitre :. Les... champs personnalisés Zone de texte : affiche un champ de texte multilignes. - Nombre : affiche un champ de saisie avec la possibilité d'utiliser deux curseurs pour incrémenter la valeur. - Mail : affiche un champ de saisie de formulaire de type . - Mot de passe : affiche un champ de saisie de formulaire de type password. Editions ENI - All rights reserved

6 WordPress - Site multi-utilisateur : workflow et contenus personnalisés La deuxième catégorie est nommée Contenu. - Éditeur WYSIWYG : insère un champ de saisie avec l'éditeur de texte. - Image : insère un sélecteur d'image. - Fichier : insère un sélecteur de fichier. - Liste de choix : affiche une liste déroulante pour choisir une valeur.