Comment créer des vues dans Drupal 8?

Les formats d'affichage peuvent être paramétrés dans les paramètres des entités (comme sur les pages 'Structure' > 'Types de contenus' pour les contenus).

Drupal est l'un des 3 meilleurs systèmes de gestion de contenu (CMS) au monde, avec WordPress et Joomla. Drupal 8 est actuellement la dernière version de Drupal.

Views est sans doute le module le plus puissant de Drupal, car il nous permet d'afficher n'importe quel élément du «contenu» d'un site Web dans n'importe quel format. Le contenu que Views nous permet d'afficher sont des entités, telles que:

Nœuds (contenus tels que des pages de base, des articles ou des articles de blog)
commentaires
Termes de taxonomie (tels que les «étiquettes» ou «balises» qui peuvent être attribuées au contenu)
Profils d'utilisateurs (personnes pouvant se connecter au site Web)

Ainsi, pour comprendre cet article, vous devez comprendre quelles entités sont dans Drupal et comment les entités sont constituées de champs.

Par défaut pour les vues «contenu» — Par exemple, par défaut pour les vues «contenu», il y aura un filtre qui n'autorisera que le contenu publié à s'afficher.

Remarque: cet article ne doit pas être considéré comme exact ou complet tant que Drupal 8 n'a pas été publié et que cet article n'a pas été mis à jour en conséquence.

Pas

1
Reconnaître les vues dans les pages Web. Pour comprendre comment et où les vues peuvent être utilisées au mieux, il est utile de pouvoir les identifier dans d'autres sites Web de qualité. Dans la capture d' écran ci - dessus de la Maison Blanche de la maison site la page, plusieurs vues sont visibles, bordée de rectangles rouges. Les vues se présentent sous de nombreuses formes, telles que des listes de titres ou d'extraits, des galeries de style grille et des diaporamas ou des carrousels d'images.
- Pour les trouver à l'aide de code (par exemple en choisissant « afficher la source» d'une page Web), vous pouvez rechercher <div>des balises «» qui contiennent la classe «vues de bloc».

Lisez aussi: Comment envoyer des photos et des vidéos avec Facebook Messenger?

Partie 1 sur 3: créer une vue

1

Accédez à la page des vues. Connectez-vous à votre site Drupal et sélectionnez 'Gérer' > 'Structure' > 'Vues'.
2
Ajoutez une nouvelle vue et choisissez sa configuration initiale.
- Cliquez sur le bouton «Ajouter une nouvelle vue».
- Remplissez le nom de la vue; ceci n'est utilisé qu'administrativement (vous le verrez dans les pages d'administration, mais pas sur le site web lui-même).
- Ajoutez une description si le nom de la vue n'indique pas clairement à quoi elle sert ou comment elle est structurée.
- Sous "Paramètres d'affichage", vous pouvez choisir le type d'entités (et le type de contenu si vous choisissez une entité de contenu) que vous souhaitez que la vue affiche. Cela ne peut pas être modifié une fois que vous avez enregistré la vue. Les entités qui sont affichées sont appelées les résultats, tout comme les résultats de recherche.
  Notez que tout ce que vous choisissez ou écrivez sur cette page «Ajouter une nouvelle vue» (à l'exception du type d'entité) peut être modifié à tout moment après avoir enregistré cette vue.
3

Choisissez un mode d'affichage: si cette vue doit afficher une page, un bloc ou les deux. Si la vue affiche beaucoup d'informations ou de contenu, elle doit avoir une page. S'il n'affiche pas beaucoup de contenu et que vous souhaitez le placer dans une région (voir gérer les blocs Drupal ou créer des thèmes Drupal pour en savoir plus sur les régions) sur des pages Web particulières, choisissez un bloc. Il existe d'autres modes d'affichage qui peuvent également être choisis après avoir enregistré la vue, comme un flux RSS.
4
Choisissez le titre et la mise en page. Si vous souhaitez que le titre de la page ou du bloc soit différent du nom de la vue, vous pouvez le modifier. Sous "Paramètres d'affichage des pages/blocs", choisissez la mise en page que vous souhaitez obtenir pour les résultats:
- Une grille est un grand tableau, où chaque résultat a sa propre cellule
- Une liste HTML est une liste à puces «non ordonnée»
- Un tableau affiche chaque résultat sous forme de ligne et chaque champ de chaque résultat dans sa propre cellule
- Une liste non formatée est la mise en page la plus simple, avec chaque résultat en dessous du résultat précédent.
5

Choisissez le format d'affichage et d'autres paramètres. La zone de sélection «de» vous permet de choisir le format d'affichage (comme les articles complets ou les accroches) que vous souhaitez utiliser, ou des champs spécifiques. Les formats d'affichage peuvent être paramétrés dans les paramètres des entités (comme sur les pages 'Structure' > 'Types de contenus' pour les contenus). Choisissez l'option champs si vous souhaitez choisir exactement les champs que vous souhaitez afficher (tels que "titres", "date de création" et bien d'autres) et les paramètres de chaque champ.

Où les vues peuvent être utilisées au mieux — Pour comprendre comment et où les vues peuvent être utilisées au mieux, il est utile de pouvoir les identifier dans d'autres sites Web de qualité.

Partie 2 sur 3: modifier les paramètres

1
Familiarisez-vous avec l'écran d'édition de vue. Lorsque vous avez enregistré la vue ou lorsque vous modifiez une vue existante, vous verrez un écran avec le nom de la vue (et le type d'entité qui s'affiche) en haut. La moitié supérieure de cet écran, intitulée «Affichages», est l'endroit où vous pouvez modifier presque tout ce qui concerne la vue. La moitié inférieure est l'endroit où un aperçu des résultats sera affiché et sera mis à jour lorsque vous modifiez les paramètres d'affichage.
- Dans cette zone de résultats, en haut, la zone avec le texte «Aperçu avec filtres contextuels:» et la zone de texte et le bouton «Mettre à jour l'aperçu» ne sont utiles que si vous ajoutez des filtres contextuels (expliqués ci-dessous); si vous ne les utilisez pas, ignorez cette zone.
2

Vérifiez les paramètres de base. Sous le titre "Affichages", vous verrez un bouton pour chaque type d'affichage de votre vue (blocs et pages). Si vous cliquez sur le bouton «Ajouter», vous verrez plusieurs nouveaux types d'affichages. En dessous, vous verrez le nom du type d'affichage sélectionné; vous devez renommer l'affichage si vous en avez plusieurs du même type (par exemple, vous avez deux blocs; l'un avec une disposition en grille, l'autre avec une disposition en tableau). En dessous, il y a 3 colonnes (bien que la troisième, 'Avancé', soit initialement minimisée). La première colonne vous montre les paramètres que vous avez choisis lorsque vous avez créé la vue et l'avez enregistrée. En bas se trouvent les CRITÈRES DE FILTRE et DE TRI. Les filtres vous permettent de restreindre les entités qui apparaîtront dans les résultats. Par exemple, par défaut pour les vues «contenu», il y aura un filtre qui n'autorisera que le contenu publié à s'afficher.Les critères de tri sont explicites. Les filtres et les tris peuvent être «exposés aux visiteurs», ce qui signifie que toute personne visualisant la page pourra ajuster le filtre ou les critères de tri, ce qui est particulièrement utile pour les grandes vues avec beaucoup de contenu. Vous verrez ces «critères exposés» juste au-dessus des résultats (dans la zone d'aperçu des résultats en bas de la page).
3

Configurez les paramètres spécifiques au type d'affichage. Le premier groupe de paramètres dans la colonne du milieu est spécifique au type d'affichage que vous avez choisi. Par exemple, pour les pages, c'est ici que l'URL de la vue peut être modifiée. C'est également là que se trouve le paramètre permettant d'autoriser ou de refuser à des utilisateurs particuliers de voir la vue (comme les autorisations).
4

Ajoutez un en-tête ou un pied de page pour fournir des informations supplémentaires. Sous les paramètres spécifiques au type d'affichage, vous pouvez ajouter un en-tête et un pied de page (ou plusieurs de chacun) à la vue. Les options couramment utilisées sont Global: Zone de texte et Global: Résumé des résultats. Le récapitulatif des résultats affiche des informations sur les résultats de la vue, telles que le nombre de résultats actuellement affichés. D'autres options consistent à ajouter une autre vue entière, ou une entité entière (telle qu'une page), dans l'en-tête ou le pied de page.
5

Proposez un comportement sans résultat pour rassurer le spectateur. Lorsqu'une vue n'est pas configurée correctement ou lorsqu'il n'y a aucune des entités attendues à afficher, il n'y aura aucun résultat. Il est utile à la fois pour le visiteur et pour vous (administrateurs) de savoir quand cela se produit, afin de savoir que la vue est là, mais ne fonctionne pas comme prévu (ou qu'il manque du contenu). L'ajout d'un comportement sans résultat est presque exactement le même que l'ajout d'un en-tête ou d'un pied de page, sauf qu'il apparaît là où les résultats auraient été affichés.

Plusieurs vues peuvent être vues — Dans la capture d'écran ci-dessus de la page d'accueil du site Web de la Maison Blanche, plusieurs vues peuvent être vues, bordées de rectangles rouges.

Partie 3 sur 3: ajouter des relations et des filtres contextuels

1

Ajoutez des relations pour afficher ou utiliser des données connexes supplémentaires. Les relations nous permettent d'établir des liens entre les entités, ce qui nous donne plus de champs à utiliser dans la vue. Plus précisément, les relations permettent d'accéder aux données d'entités liées aux entités affichées; ces données peuvent ensuite être affichées ou utilisées d'autres manières telles que des filtres.
Par exemple, si votre vue affiche des articles (parce que vous avez un filtre pour le contenu: article), alors vous pouvez ajouter une relation entre les articles et les auteurs des articles. Cela vous permettrait d'utiliser les informations sur l'auteur dans la vue; par exemple, vous pouvez afficher le prénom et le nom de l'auteur de chaque article affiché. Alternativement, vous pouvez utiliser la relation dans les filtres; par exemple, vous pouvez choisir d'afficher uniquement les articles créés par des auteurs ayant un rôle spécifique, tels que des administrateurs. Nous utiliserons cet exemple.
Pour ce faire, cliquez sur le bouton «Ajouter» à côté de «RELATIONS», et choisissez «Contenu: auteur du contenu» dans la liste des relations disponibles (indice: vous pouvez utiliser le champ de recherche si vous savez quelle relation vous souhaitez ajouter), puis cliquez sur le bouton Appliquer. Ensuite, vous pouvez cocher les options, puis «Appliquer» la relation.
Pour utiliser cette relation dans un filtre ordinaire, cliquez sur le bouton 'Ajouter' des FILTRES. Dans la boîte de dialogue "Ajouter des critères de filtre", dans la zone de sélection "Type", il y aura désormais une nouvelle option "Utilisateur" (mise là en raison de la relation), que vous devez sélectionner pour affiner la liste des champs. Recherchez et appliquez le champ «Utilisateur: rôles». Dans la boîte de dialogue ' Configurer le critère de filtrage: Utilisateur: Rôles', sélectionnez 'auteur' dans la boîte de relation (il doit être sélectionné par défaut). Vous pouvez maintenant choisir «administrateur» et appliquer le filtre.
Vous venez de filtrer les articles qui seront affichés pour n'afficher que les articles des auteurs administratifs! Ce qu'il est particulièrement important de noter, c'est que vous deviez choisir d'"utiliser la relation" dans l'écran de filtrage, ce qui obligeait le filtre à regarder les auteurs des articles (c'est ce que signifie la relation)!