Sites


Créer son site avec Drupal 8

Les champs avec Drupal

Lorsqu'un utilisateur souhaite ajouter un nouvel article, seuls quelques champs de formulaires lui sont présentés. Il est possible de personnaliser ces champs : en ajouter, en enlever, choisir des valeurs par défaut, etc. 

Afin de montrer comment tout cela est possible, nous allons tout d'abord créer un nouveau type de contenu. Ici, nous souhaitons que les utilisateurs ayant le rôle Guide puissent créer un nouveau contenu. Ce type de contenu servira à présenter le guide, nous le nommerons Guide. Devront y figurer : son nom et son âge et la/les langue(s) qu'il parle. Un champ facultatif sera également ajouté : la description du guide.

Rappel : Deux types de contenus existent déjà par défaut : Article et Page de base.

Créer un nouveau type de contenu

Pour créer un nouveau type de contenu, voici la marche à suivre :

  1. Se rendre dans le menu Structure puis dans Types de contenu.
  2. Cliquer sur Ajouter un type de contenu un formulaire se présente.
  3. Dans le champ Nom, il faut définir le nature du contenu. Celui-ci affichera une page de présentation d'un guide, appellons-le "Guide".
  4. Le champ Description est facultatif. C'est ce qui sera affiché sur la page Créer du contenu. Ici le nom du type de contenu est assez explicite, laissons la description vide.
  5. Sous le champ Description, différents onglets sont présentés. Le premier, intitulé Paramètres du formulaire de contribution, permet de configurer le titre du formulaire. La page créée présentera un guide. Il semble donc pertinent que le titre du contenu soit le nom du guide. Dans le champ Libellé du champ titre, entrer "Nom du guide". Laissons l'aperçu avant soumission facultatif. Il est également possible, dans le champ Explication ou directives pour la contribution, d'afficher une explication pour les guides qui souhaiteraient créer un nouveau contenu.
  6. Dans l'onglet Options de publication, les options par défaut permettent au contenu d'être immédiatement publié, et ce sans l'approbation d'un administrateur. Décocher l'option Publié pour annuler ce comportement. Une page de type Guide ne sera publiée qu'une fois validée par un administrateur.
  7. Dans l'onglet Paramètres d'affichage, une seule option nous est proposée : Afficher les informations sur l'auteur et la date. Ces informations ne semblent pas pertinentes pour ce type de contenu, décocher cette option.
  8. Cliquer sur Enregistrer et gérer les champs.

Gérer les champs

Le type de contenu Guide est maintenant créé. Il nous faut maintenant configurer les champs qui seront affichées dans le formulaire de création de ce type de contenu. Dès que nous avons enregistré les modifications précédentes, nous sommes redirigées dans l'onglet Gérer les champs.

Par défaut, nous remarquons qu'un seul champ est présent : Body. Ce champ nous sera utile par exemple pour la description de notre guide. Mais d'autres informations sont nécessaires : le nom du guide, son âge... Le nom du guide ne nécessite pas l'ajout d'un nouveau champ. En effet, c'est le titre du contenu qui renseignera le nom du guide.

Ajoutons donc de nouveaux champs à notre formulaire. Commençons par son âge. Pour ceci :

  1. Cliquer sur le bouton Ajouter un champ.
  2. Dans la liste déroulante ajouter un nouveau champ, selectionner l'option Nombre (entier).
  3. Un nouveau champ apparaît immédiatement : Étiquette. Entrer "Âge", puis appuyer sur le bouton Enregistrer et continuer.
  4. La page affichée demande le nombre de valeurs autorisées pour le champ Âge. Une personne ne peut avoir qu'un seul  âge. C'est la valeur par défaut, cliquer directement sur Enregistrer les paramètres du champ.

Le formulaire suivant demande plus de précisions quant aux champs que nous venons de créer.

  • Pour que le guide ait l'obligation de renseigner son âge, cocher l'option Champ requis.
  • Pour les valeurs minimum et maximum, nous pouvons imaginer que nos guides doivent être majeurs. Entrons respectivement les valeurs 18 et 100.
  • Les champs Préfixe et Suffixe permettent d'ajouter du texte avant ou après la valeur entrée. Ajouter " ans" en tant que suffixe, puis enregistrer.

Ajoutons maintenant un nouveau champ pour les langues parlées par notre guide. Appellons-le "Langue".

  • Ici, dans la liste déroulante, ajouter le type Texte (brut) au champet Langue comme Étiquette.
  • Ici, un guide peut parler plusieurs langues (ce qui est plutôt conseillé pour accueillir des touristes). Il faut alors mettre le champ en Nombre de valeurs autorisées en Illimité.
  • Ce champ doit être obligatoire, ne pas oublier de cocher l'option Champ requis.
  • Inutile de renseigner une valeur par défaut, enregistrons directement les paramètres.

À ce stade, 3 champs sont créés : la langue, l'âge et la description. Le champ de cette dernière s'intitule Body, rendons-le plus explicite.

Cliquer sur le bouton Modifier correspondant au champ Body. Modifier son étiquette afin qu'il affiche "Présentation" au lieu de "Body"  puis  enregistrer les paramètres.

 

Gérer l'affichage du formulaire

Se rendre dans l'onglet Gérer l'affichage du formulaire. C'est ici que nous déciderons quels champs apparaîtront dans le formulaire, dans quel ordre, etc.

Cacher tous les champs sauf ceux que nous avons créés : Nom du guide, Présentation, Âge, Langue.

Pour cacher un champ :

  • Dans la colonne Widget, selectionner l'option - caché - dans la liste déroulante pour le champ à cacher.
  • Une fois tous les champs indésirés cachés, cliquer sur le bouton Enregistrer.
Note : Un champ Langue, en plus de celui qui vient d'être créé, est déjà présent dans la liste, ce champ représente la langue de l'interface d'administration. Attention à ne pas vous tromper de champs.

 

Se rendre maintenant dans l'onglet Gérer l'affichage. Il est ici possible de choisir l'endroit où l'étiquette de chaque champ sera affichée ainsi que le format d'affichage des champs.

  1. Pour afficher l'étiquette du champ Présentation au-dessus de celui-ci, sélectionner l'option Au-dessus dans la liste déroulante correspondante à ce champ dans la colonne Étiquette.
  2. Afficher l'étiquette du champ Âge sur la même ligne que ce dernier plutôt qu'au dessus. Sélectionner l'option Sur la même ligne dans la liste déroulante correspondante.

 

Voici à quoi ressemble le formulaire de création de contenu de type Guide après ces modifications :

Note : Menu Contenu/Ajouter du contenu/ Guide

Il est possible de personnaliser l'affichage pour l'accroche du type de contenu Guide. C'est-à-dire l'affichage de ce type de contenu dans les listes (sur la page d'accueil par exemple). Pour ceci, se rendre dans l'onglet Accroche et procéder de la même manière que pour personnaliser l'affichage par défaut. Affichons seulement l'âge et la langue. Désactivons l'affichage du champ Présentation.

 

Note : Une fois le type de contenu créé et configuré, il est important de ne pas oublier d'autoriser les utilisateurs ayant le rôle Guide à créer ce type de contenu. Pour ceci, se reporter au chapitre Gérer ses utilisateurs.

Résultat pour une page de guide :


 

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.