5.4 C
Madrid
viernes, febrero 23, 2024
spot_img

Présentation de Views 3 dans Drupal 7 — SitePoint

Introduction

Views est l’un des modules Drupal les plus populaires avec plus de 5 millions de téléchargements et plus de 700 000 sites qui déclarent l’utiliser. Il est si populaire que Drupal 8 sera livré avec Views dans le cadre d’une initiative passionnante et bienvenue du processus de publication de Drupal 8.

Il s’agit d’un didacticiel d’introduction au monde de Views et à la façon dont vous pouvez utiliser ce module formidable pour créer des listes de contenu. Il y a quelques sujets plus petits que je couvrirai dans le cadre de ce tutoriel. Tout d’abord, nous verrons comment démarrer et créer une vue. Ensuite, nous verrons quels types de listes et de formats de contenu sont disponibles pour nous.

Une fois que nous aurons choisi à quoi ressemblera la vue, nous aborderons un peu le filtrage et le tri. Ces options sont utilisées pour s’assurer que nous n’affichons que le bon contenu et dans l’ordre dans lequel nous voulons qu’il apparaisse. Cela semble excitant ?

Plongeons dedans.

Commencer

L’installation de Views revient à installer n’importe quel autre module. Je ne vais pas couvrir le processus d’installation des modules Drupal, mais plutôt vous diriger vers le guide définitif sur Drupal.org.

Si vous savez utiliser Drush (que je recommande vivement d’apprendre), vous pouvez exécuter deux commandes simples et vous êtes prêt à partir :

drush dl vues drush en vues views_ui -y

Cela téléchargera et activera tous les modules nécessaires (y compris CTools qui est une dépendance).

Maintenant que nous avons installé Views, nous pouvons accéder à admin/structure/views pour obtenir un aperçu de toutes les vues existantes sur le site. Vous remarquerez quelques handicapés qui sortent de la boîte. Nous n’entrerons pas dans ceux-ci, mais il est bon de savoir qu’ils sont là. La page d’accueil et le terme de taxonomie sont particulièrement intéressants car ils émulent et remplacent les comportements Drupal par défaut.

Ce que je veux faire à l’avenir, c’est créer une vue et jouer pour illustrer comment vous pouvez commencer à l’utiliser. Alors allez-y et cliquez sur le lien Ajouter une nouvelle vue en haut pour accéder au formulaire de création de vue.

Ici, nous allons définir un nom de vue et à l’intérieur du premier ensemble de champs, nous pouvons déjà filtrer le type d’informations que la vue affichera.

Nous choisirons d’afficher le contenu (nœuds) mais vous remarquerez également d’autres entités (termes, utilisateurs, etc.). Veuillez noter que le choix que vous faites dans cette case de sélection ne peut pas être modifié ultérieurement. Puisque nous avons choisi Contenu, nous avons également la possibilité de choisir quel type de contenu. Pour l’instant, allons-y avec l’article, mais sachez que vous pouvez le modifier ultérieurement lors de la modification de la vue.

De plus, puisque nous avons choisi le type de contenu Article qui a un champ Balises qui référence les termes de taxonomie dans le vocabulaire avec le même nom, nous pouvons également faire un filtrage immédiat basé sur cela. Nous ne saurons cependant pas que c’est possible (à la fois maintenant et plus tard lors de l’édition de la vue). Et enfin, nous pouvons trier la liste selon quelques-uns des critères déjà disponibles, mais nous ne le ferons pas encore non plus.

Affichage des pages

Sous l’ensemble de champs que nous venons d’éditer, nous voyons 2 autres ensembles de champs qui nous donnent la possibilité de créer une page et un bloc. Ce sont des raccourcis pour créer des affichages pour notre vue.

Toute vue peut contenir plusieurs affichages de différents types (page, bloc, flux, etc.). Certains sont disponibles prêts à l’emploi et certains sont fournis par d’autres modules contribués. Par conséquent, vous pouvez créer une seule vue qui affiche le même contenu de plusieurs manières, en utilisant différents formats, filtres, etc.

Pour cet article, nous nous en tiendrons à l’affichage de la page et nous le créerons à l’étape suivante (juste pour que vous voyiez tout le processus). Laissez donc ces 2 cases décochées et cliquez sur Continuer et modifier.

Vous serez redirigé vers la page principale de modification de la vue où je vous recommande de cliquer sur le bouton Enregistrer car la vue n’est pas encore enregistrée avant de le faire.

Sur cette page, vous remarquerez en haut une barre Displays qui en contient une appelée Master. Nous voulons créer une page avec un chemin où nous pouvons voir notre liste. Cliquez sur Ajouter, sélectionnez Page et spécifiez un nouveau nom d’affichage. Ensuite, vous pouvez également choisir un titre de page en cliquant sur Aucun sous le jeu de champs Titre.

Il y a une chose importante à noter ici qui vous servira bien à l’avenir. Lorsque vous apportez des modifications comme celle que vous venez de faire, vous aurez le choix de l’appliquer uniquement à cet affichage ou tous les autres (voir l’image ci-dessous). Vous devez être prudent car la sélection par défaut est Tous les affichages. C’est facile à oublier et cela peut causer des problèmes si vous avez plusieurs écrans. alors gardez cela à l’esprit et assurez-vous d’apporter des modifications aux affichages que vous vouloir apporter des modifications à.

displays

Avant de parcourir le reste des paramètres, vous devrez spécifier un chemin pour la page Affichage. Les vues devront l’enregistrer auprès de Drupal et ne vous laisseront pas enregistrer la vue sans un. Donc, sous Paramètres de la page, cliquez sur Aucun chemin n’est défini pour en spécifier un. Vous pouvez alors également le placer dans un menu et spécifier une règle d’accès pour la page.

Format

Sous le jeu de champs Format, nous avons quelques options importantes qui traitent de la façon dont la vue est affichée et de ce qui est particulièrement affiché dans le contenu. Par défaut, vous avez le choix entre plusieurs formats (et certains paramètres pour chacun), mais nous utiliserons celui par défaut pour l’instant : la liste non formatée. C’est le plus simple mais je vous encourage à jouer et à expérimenter avec les autres.

formats

Mais maintenant que nous avons sélectionné le format, voyons ce qui sera réellement formaté. Par défaut, ce sont des champs. Cela signifie que vous choisissez un certain nombre de champs Drupal (soit des propriétés d’entité, soit des champs déclarés via l’interface utilisateur de champ) et qu’ils s’affichent pour chaque article. C’est ce que nous choisirons à l’avenir mais je veux aussi vous parler de l’autre option qui vient avec Views : le contenu.

Chaque type de contenu dans Drupal 7 est livré avec quelques modes d’affichage (complet, teaser, RSS, etc.). En utilisant le module Display Suite, vous pouvez définir encore plus. Et pour chaque mode d’affichage, vous pouvez spécifier une manière différente d’afficher les champs. Par exemple, vous aurez un style d’image différent pour l’image dans le teaser que dans le mode plein écran.

C’est ce à quoi l’alternative de contenu aux champs fait référence dans les vues. Vous pouvez choisir le nœud à afficher à l’aide d’un mode d’affichage particulier. Et cela peut être puissant. Mais allons de l’avant avec l’utilisation de champs, car cela nous maintient dans le domaine des vues lorsqu’il s’agit de préparer la sortie de chaque ligne de vue individuelle.

Des champs

Maintenant que nous avons décidé d’utiliser l’option champs, vous remarquerez déjà dans la zone d’aperçu en bas de la page une liste de titres d’articles. En effet, par défaut, les vues incluront le champ de titre puisqu’au moins un est requis. Pour en ajouter d’autres, cliquez sur le bouton Ajouter sous Champs. Vous serez invité avec une superposition où vous pouvez rechercher et sélectionner les champs à ajouter.

Différents types de champs ont différentes options disponibles et malheureusement nous ne pouvons pas tous les passer en revue ici. Mais fixons-nous un petit objectif et essayons de l’atteindre : des teasers de nœud d’article qui montrent le titre, le résumé du corps et l’image.
Cherchons donc les champs Corps et image par défaut fournis avec le type de contenu Article. Ceux-ci apparaissent comme Contenu : Corps et Contenu : Image, alors cochez la case à côté d’eux et appliquez.

Vous devrez configurer ces deux champs un par un. Pour le corps, nous pouvons décocher la case à côté de Créer une étiquette et sous Formateur, sélectionnez le résumé ou coupé avec une longueur de coupe personnalisée si vous le souhaitez.

Les 3 ensembles de champs réduits suivants sont assez avancés et disponibles également pour la plupart des autres types de champs. Nous ne pouvons pas les couvrir dans ce tutoriel, mais voici un bref résumé. Sous Paramètres de style, vous pouvez manipuler le code HTML qui est rendu pour ce champ individuel sur chaque ligne. Sous Comportement sans résultats, vous pouvez spécifier une valeur à afficher au cas où il n’y aurait pas de valeur dans le champ lui-même. Et sous Réécrire les résultats, vous disposez de nombreuses options relatives à la modification du contenu du champ affiché. Ici, vous pouvez fusionner des champs, créer des liens, supprimer des balises et d’autres actions puissantes.

Après avoir terminé le corps, vous devrez répéter le processus pour le champ image. Je suggère à nouveau de supprimer l’étiquette et puisque nous voulons que l’image soit pour un teaser, sélectionnons le style d’image miniature. Nous pouvons également lier l’image au contenu. Après avoir également enregistré ces paramètres, consultez l’aperçu ci-dessous. Vous devriez voir le titre, le corps et l’image pour chaque nœud d’article. Si vous souhaitez modifier l’ordre des champs, cliquez sur la petite flèche à côté du bouton Ajouter sur lequel vous venez de cliquer et choisissez Réorganiser. Ensuite, vous pouvez les faire glisser et les déposer en position.

Bien que ce soit loin d’être terminé et qu’il y ait beaucoup d’édition et de style à faire pour n’importe quel site Web réel, disons que nous sommes satisfaits du résultat et que nous pouvons passer à autre chose.

Filtres

Sous les champs, vous pouvez voir la section Critères de filtrage qui contient déjà deux filtres (vous pouvez cliquer dessus et voir leurs options). Le premier est un filtre sur la propriété d’état du nœud et affiche uniquement le contenu qui est publié. Le second filtre sur la propriété type et affiche uniquement les nœuds du type article. Ici, nous pouvons apporter des modifications si nous voulons modifier ou inclure d’autres types de contenu.

Les filtres peuvent également être exposés aux utilisateurs finaux en cochant la case Exposer ce filtre aux visiteurs, pour leur permettre de le modifier. Ainsi, par exemple, si nous voulions que les utilisateurs finaux choisissent les types de contenu à inclure, nous pourrions modifier le filtre et activer cette fonctionnalité.

Sous le jeu de champs Avancé à droite de la page, vous pouvez également ajouter des filtres contextuels. Celles-ci sont très puissantes lorsque vous avez besoin que des filtres soient transmis dynamiquement à partir de la portée globale, de l’URL ou d’autres contextes. C’est une fonctionnalité avancée que nous ne pouvons pas couvrir ici, mais gardez à l’esprit qu’elle est là.

Tri

Dans la section Critères de tri, vous pouvez ajouter des champs à utiliser pour trier la vue. Cherchons la date de création du nœud (contenu : date de publication) et ajoutons-la à la vue pour trier la liste dans un ordre décroissant.

Notez que vous pouvez également exposer ces champs à l’utilisateur final et le laisser effectuer son propre tri.

Conclusion

Donc nous en sommes là. Nous avons créé une vue simple qui affiche des informations de base sur tous les articles du site. Ce faisant, nous avons vu comment créer une vue et quelles sont certaines des possibilités concernant son format. Nous avons discuté des affichages et nous avons créé notre propre page qui rend la vue. Nous avons également vu comment ajouter des champs et quelle est la différence entre les champs et le contenu en ce qui concerne les vues. Et enfin, nous avons examiné quels critères de base de filtrage et de tri existent et comment ils fonctionnent.

Malheureusement, nous n’avons fait qu’effleurer la surface de Views. En tant qu’utilisateur expérimenté de Views, j’ai l’impression de ne rien avoir couvert de sa puissance. C’est parce que c’est tellement complexe que les étapes que nous avons franchies pâlissent en comparaison. Mais vous devez commencer par les bases et comprendre les concepts fondamentaux avant de passer à des fonctionnalités plus intéressantes.

Il existe de nombreuses autres fonctionnalités et options dans Views qui le rendent vraiment indispensable pour presque tous les sites Drupal. Je vous recommande donc de passer un bon moment à l’apprendre si vous voulez travailler efficacement avec Drupal.

Artículos relacionados

Dejar respuesta

Please enter your comment!
Please enter your name here

- Anuncio -spot_img

Últimos artículos

3,913SeguidoresSeguir
0suscriptoresSuscribirte