Comment créer un modèle personnalisé à afficher?
J'ai créé un type de contenu appelé "Hôtels". Je souhaite afficher la vue d'une manière différente des options de vue fournies par le module Vues. Pour cela, je dois créer un modèle personnalisé mais je ne sais pas comment le faire. Quelles devraient être les conventions de dénomination et où stocker le fichier modèle. Aidez-moi, s'il vous plaît.
Pour créer un modèle personnalisé pour cette vue, créez un fichier et donnez un nom à ce modèle comme vues-vues-champs - nom_vue - page/block.html.twig puis créez la structure HTML, puis imprimez simplement le champ en conséquence, puis enregistrez le fichier et n'oubliez pas de vider le cache.
Pour imprimer le champ ... supposons que vous vouliez imprimer le titre et le champ d'image puis faites comme ci-dessous {{fields.title.content}}{{fields.machine_name_of_image_field.content}} c'est ça.
Remarque: Pour obtenir le nom de la machine du champ, aller au type de contenu puis gérer les champs, vous y trouverez le nom de la machine de ces champs. Et rappelez-vous que si vous n'avez pas ajouté de champ en vue dans le panneau d'administration et que vous l'ajoutez dans votre fichier de modèle, il ne se reflétera pas.
Vous trouverez ci-dessous la suggestion de modèle de vues autorisée dans Drupal 8.
- vues-vue - foobar - page.html.twig
- vues-vue - page.html.twig
- vues-vue - foobar.html.twig
- views-view.html.twig
- vues-vue-non formatées - foobar - page.html.twig
- vues-vue-non formatées - page.html.twig
- vues-vue-non formatées - foobar.html.twig
- views-view-unformatted.html.twig
- vues-vues-champs - foobar - page.html.twig
- vues-vues-champs - page.html.twig
- vues-vues-champs - foobar.html.twig
- views-view-fields.html.twig
Reportez-vous à Fichiers de modèles de vues pour plus d'informations.
Créez un fichier services.yml (un exemple de fichier se trouve sous sites/par défaut)
Dans ce fichier, définissez debug: true (défini sur false dans le fichier d'exemple)
Enregistrez le fichier et videz votre cache.
Si vous allez dans votre vue et inspectez le code, il vous montrera toutes les suggestions de thème que vous pouvez utiliser (similaire à ce que les informations de thème ont fait dans Views 3)