L'essentiel de Drupal 8

Gérer l'affichage des champs

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les champs peuvent être affichés différemment selon leur type et leur emplacement. Apprenez à gérer leur affichage.
09:41

Transcription

Maintenant que nous avons créé tous nos champs et géré l'affichage de ces champs dans le formulat de contribution, nous allons voir comment modifier l'affichage en Front Office du contenu en question. Ici, en cliquant sur « Voir », on a un aperçu de l'affichage tel qu'il est rendu, mais il est possible de modifier cet affichage. Cet affichage correspond à ce que verra un utilisateur lamdoc ira sur votre site. Donc, pour bien voir les effets des modifications de l'affichage, on va remplir tout le contenu, mais avant ça, pour se simplifier la vie, on va aller dans « Horloge », « Modifier», donc là, on modifie le type de contenu et on va changer la valeur aperçu avant soumission de « Requis » à « Facultatif». Donc, on n'aura pas besoin de forcer la visualisation du contenu avant la validation. Donc, on clique sur « Enregistrer », voilà, le type de contenu « Horloge » a été mis à jour. On retourne sur notre formulaire de contribution F5 pour actualiser. Et voilà, donc là, on voit bien remplir tous les champs. On a donc « Fabriquant », ok, notre image, le texte alternatif. On a saisi une horloge mécanique, on a au moins une adresse mail, on saisit une date de fabrication, complètement aléatoire. On saisit un lien. Ici on va cliquer sur « Modifier le résumé » pour voir comment se comporte l'affichage d'un champs résumé et d'un champs complet. Voilà, et en « Référence à un contenu» on va mettre « Référence à mon titre». Donc, là, on va cliquer sur « Enregistrer et publier ». On nous renvoie donc vers le mode « Voir » de l'affichage du noeud, le noeud étant le contenu. Donc, ici on voit qu'on a un affichage, on a quelque chose qui s'affiche d'une certaine manière et on a bien un affichage par défaut. On va voir maintenant comment modifier justement cet affichage par défaut. Donc, pour ce faire vous vous rendez dans « Gérer », « Structure », « Types de contenu », donc on y était, j'y retourne juste pour vous montrer. Ici on a notre liste d'options disponibles. Donc, on a vu « Gérer les champs », « Gérer l'affichage du formulaire », « Modifier », « Supprimer », je vous l'ai pas montré, il suffit de cliquer sur « Supprimer » et de valider. Et on a le dernier élément qu'on n'a pas encore vu : il s'agit de gérer l'affichage. On clique dessus, et à la manière de gérer l'affichage du formulaire de contribution, on retrouve tous nos champs. Donc, on voit qu'il est parfaitement possible de déplacer les champs avec l'affichage, et vous noterez qu'il y a un champs qui n'apparaît pas, il s'agit du champs « Titre ». Le champs « Titre » est affiché par défaut et il ne veut pas être caché ou supprimé. Donc, il s'agit des liens qui sont automatiquement ajoutés à Drupal. Ce sont les liens qui permettent de gérer l'édition et la suppression. On parle bien des liens ici : « Voir », « Modifier», « Supprimer ». Donc, cela, on va les laisser, puisqu'ils sont pratiques. On peut, par exemple, modifier le corps. Donc, on a trois choses, on a le nom du « Champs », on a l'« Etiquette » et le « Format ». Donc, l'« Etiquette », il s'agit, par exemple, ici, de « Fabriquant». Donc, « Fabriquant » c'est l'« Etiquette » et « Fabriquant 1 » c'est le contenu, et on va gérer ça en utilisant le format. Donc, on voit bien que l'étiquette du champs corps elle est cachée, donc, on n'a pas « Body » qui s'affiche. Si on veut qu'il s'affiche, on va cliquer sur « Au-dessus » , « Enregistrer ». On actualise et on voit bien qu'au-dessus de notre corps on a maintenant « Body » qui s'affiche. Mais nous, on souhaite, par exemple, afficher « Sur la même ligne », donc, on va voir « Body deux points » et le corps. ça peut être utile, par exemple, pour « Fabriquant », pour « Fabriquant » on va faire comme ça : donc, ici on va le cacher et le « Format », donc, on a plusieurs possibilités, on a « Résumé ou coupé », on a « Coupé » et on a « Caché ». Donc, on voit que si on saisit « Coupé » ou « Résumé ou coupé », on a une option qui s'ajoute avec une « Limite de troncature », c'est-à-dire la limite à partir de laquelle Drupal va automatiquement couper le texte. Donc, si on a « Résumé ou coupé », si on a saisi un texte résumé, on va utiliser le texte résumé, si on a une limite de troncature qui a été saisie. Donc, on va mettre, par exemple, 50 caractères, on va couper automatiquement à cette limite de 50 caractères. Ici on n'a pas saisi de résumé, donc, on va automatiquement utiliser la limite de 50 caractères. On pourrait saisir « Coupé » par défaut, sachant que « Par défaut » correspond au mode d'affichage complet du champs texte saisi. Le « Fabriquant », on va l'afficher « Sur la même ligne», et ici on peut afficher « Par défaut » : il s'agit de la valeur, donc on aura « Fabriquant 1 ». On peut également afficher la « Clef », on a vu, lors de la création du champs, qu'on saisissait une « Clef », cette clef correspond à « Fab 1 », donc, c'est la « Clef système » qu'on veut afficher. Donc, ici on ne veut pas afficher la« Clef système », on veut afficher l'« Etiquette ». « Image de mon horloge », ici on souhaite cacher le fait qui affichait « Image de mon horloge », c'est pas très beau. Et on va nous proposer de cacher l'image, il n'y a aucun intérêt à ça. Donc, nous, on va laisser en tant qu'image, et on va aller voir les options. Donc, on a plusieurs tailles d'images disponibles. Nous, on va saisir l'image de taille moyenne, 220 par 220. Et on peut lier l'image, par exemple, à son contenu, donc, quand on clique dessus on va arriver sur le contenu. Ici on est sur le contenu en pleine de page. Donc, si on saisit cette configuration, on va retourner sur la même page. Ce mode de fonctionnement est utile lorsqu'on est en mode de pleine page. Donc, quand on voit notre contenu sur une page complète, on met à jour, on enregistre, et on va actualiser notre contenu. On va voir plusieurs choses, donc, notre champs « Fabriquant ». On voit ici qu'on affiche le label et qu'on affichera la même ligne. Ensuite on voit une chose intéressente, c'est que notre image s'est réduite et qu'on a un lien dessus. Donc, comme je l'ai dit tout à l'heure on a un lien vers sa propre page. C'est pas forcément très intéressant. On va continuer à gérer l'affichage des champs. Donc, ici « Horloge mécanique», ça peut être intéressant de le mettre « Sur la même ligne » et on va laisser un champs « Booléen » puisqu'on n'a pas d'autre choix. Le paramètre champs par défaut et « Activé/Désactivé », on peut avoir « Oui », « Non », « Vrai », « Faux », « Activé/Désactivé », 1/0, « Vrai » ou « Faux ». Donc, une coche, une croix, ou alors une valeur personnalisée. Donc, on peut saisir ce qu'on veut pour les valeurs « Vrai » ou « Faux ». Ici on va mettre une coche et une croix. Donc, on fait « Mettre à jour », on enregistre, on actualise et on voit « Horloge mécanique », « oui ». On peut aller voir l'adresse mail du fabriquant, on va également mettre « Sur la même ligne », donc, au format « Courriel ». Même chose, quand on passe dessus, on voit qu'on a un mail tout, c'est-à-dire qu'on va automatiquement lancer l'application qui est liée derrière pour l'envoi d'email. On peut aller modifier aussi facilement la date de fabrication. Donc, pour la date de fabrication on va laisser l'affichage au-dessus et on peut changer le format de l'affichage des dates. Donc, ce qui peut être intéressant par exemple, pour les articles, c'est de mettre « Il y a ». Donc, par exemple, Drupal, si l'article a été écrit la semaine dernière, il ne va pas écrire la date de la semaine dernière, mais il va écrire « Il y a une semaine », « Il y a un mois », etc. Alors, il y a un format de date personnalisée de disponible. Seulement pour utiliser se format de date personnalisée, vous devez connaître les formats de date PHP. Vous pouvez consulter « la documentation PHP sur les formats de dates ». Pour utiliser ce format de date personnalisée vous pouvez également surcharger le fuseau horaire, c'est-à-dire forcer le fuseau horaire souhaité. Ici on ne va pas se mettre en « Personnalisé», on va mettre « Il y a ». Voilà, on actualise. On rafraîchit, donc, ici, on voit « Il y a 3 mois 2 semaines ». Donc, ici on a la date en anglais. La traduction dans Drupal n'étant pas encore complète, il suffira de traduire « Ago », donc il y a en anglais et nous verrons plus tard comment faire. Donc, ensuite il nous reste le lien, on va l'afficher au-dessus, par exemple, « Séparer le texte du lien et l'URL » aucun intérêt, on peut également tronquer le texte du lien. Le « Complément d'informations» toujours la même chose : « Résumé ou coupé », « Coupé » ou « Par défaut », même principe que pour le champs corps. Et « Référence à un contenu » on peut l'afficher sous forme d'étiquette, sous forme d'« Entité rendue », c'est-à-dire qu'on va afficher une partie du contenu de « Mon titre ». Donc, « Entité rendue », on va afficher le mode « Accroche », il s'agit de résumé. Donc, on va afficher ça, par exemple, puisqu'on peut imaginer qu'on souhaite afficher une partie de ce contenu, donc, ça peut être intéressant. On peut indiquer uniquement l'« Identifiant de l'entité ». Ça peut être intéressant si on est une configuration plus technique. On va cliquer sur « Enregistrer », ici on rafraîchit, donc voilà, on voit qu'on a une partie du contenu « Mon titre ». Donc, on est sur la page « Nom de mon horloge », mais on a un article qui remonte automatiquement dans cette partie-là puisqu'on a fait une référence à son contenu.

L'essentiel de Drupal 8

Créez et prenez en main l’administration de votre site avec Drupal. Publiez différents types de contenu, et donnez l’accès à votre site aux utilisateurs de votre choix.

3h00 (50 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :10 mars 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !