J’ai récemment travaillé sur un site web propulsé par Drupal qui devait s’adapter à la taille de l’écran .
Afin de satisfaire à cette exigence du client, les classes et identifiants des blocs renvoyés par les vues devaient respecter les normes d’un framework css . Afin de pouvoir donc adapter la sortie renvoyé par la vue aux normes du framework, j’ai la méthode décrite ci dessous. Selon moi, c’est probablement la manière la plus simple de modifier les élements renvoyés par une vue de Drupal.
Dans un premier temps, affichez les vues de votre site (en allant à l’adresse http://votresiteweb.com/?q=admin/structure/views).
Ensuite, cliquez sur la vue pour afficher ses paramètres. Une fois ceux ci affichés, allez dans la section format
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-9r1WCzI6_HA/UvDf-mPeahI/AAAAAAAAC-s/xq_pKZ7AF3M/image_thumb%25255B3%25255D.png?resize=360%2C158)
Changez, si ce n’est pas le cas, le type d’informations renvoyées par la view . En lieu et place de content/contenu , sélectionnez fields/champs
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh6.ggpht.com/-5uaE9wn9BlI/UvDgAMvFESI/AAAAAAAAC-8/4UcRi1knFRQ/image_thumb%25255B21%25255D.png?resize=381%2C40)
Affichez ensuite tous les champs que vous souhaitez afficher dans votre view.
Cliquez ensuite sur l’intitulé du champ pour accéder à ses options et cochez la case en face de Exclude from display (ou l’équivalent en français
) .
Faites de même pour les autres champs que vous souhaitez voire apparaitre dans votre vue.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh3.ggpht.com/-osMBb-nDbc0/UvDgCYtt07I/AAAAAAAAC_U/vmdmKnrwDfE/image_thumb%25255B6%25255D.png?resize=470%2C100)
Créez ensuite un nouveau champ, du type content:body
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh4.ggpht.com/-wY92V0nr9OI/UvDgD2RMoFI/AAAAAAAAC_k/0GMdVpYTFuw/image_thumb%25255B23%25255D.png?resize=244%2C124)
Enfin, cliquez sur ce champ , puis sur la zone rewrite results
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-GYds7Y0_B78/UvDgFJOoPlI/AAAAAAAAC_0/3HWFe-2Ss5Y/image_thumb%25255B10%25255D.png?resize=634%2C37)
Cochez la case rewrite the output of this field , puis entrez le code html correspondant à ce que vous souhaitez afficher dans votre vue.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-i3xZJDXbbyU/UvDgGyJl2WI/AAAAAAAADAE/00K7Naa3JmM/image_thumb%25255B14%25255D.png?resize=631%2C234)
Insérez ensuite les variables correspondant à votre champ, en utilisant les code de remplacements fournis par Drupal.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-pD2SW7fbH80/UvDgI5sdTZI/AAAAAAAADAU/ZY6tE-C6RRM/image_thumb%25255B26%25255D.png?resize=551%2C186)
Afin de satisfaire à cette exigence du client, les classes et identifiants des blocs renvoyés par les vues devaient respecter les normes d’un framework css . Afin de pouvoir donc adapter la sortie renvoyé par la vue aux normes du framework, j’ai la méthode décrite ci dessous. Selon moi, c’est probablement la manière la plus simple de modifier les élements renvoyés par une vue de Drupal.
Dans un premier temps, affichez les vues de votre site (en allant à l’adresse http://votresiteweb.com/?q=admin/structure/views).
Ensuite, cliquez sur la vue pour afficher ses paramètres. Une fois ceux ci affichés, allez dans la section format
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-9r1WCzI6_HA/UvDf-mPeahI/AAAAAAAAC-s/xq_pKZ7AF3M/image_thumb%25255B3%25255D.png?resize=360%2C158)
Changez, si ce n’est pas le cas, le type d’informations renvoyées par la view . En lieu et place de content/contenu , sélectionnez fields/champs
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh6.ggpht.com/-5uaE9wn9BlI/UvDgAMvFESI/AAAAAAAAC-8/4UcRi1knFRQ/image_thumb%25255B21%25255D.png?resize=381%2C40)
Affichez ensuite tous les champs que vous souhaitez afficher dans votre view.
Cliquez ensuite sur l’intitulé du champ pour accéder à ses options et cochez la case en face de Exclude from display (ou l’équivalent en français
![Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh6.ggpht.com/-jaO4AykDW3I/UvDgAwp-ngI/AAAAAAAAC_E/gCqjG-DwFYM/wlEmoticon-smile%25255B2%25255D.png)
Faites de même pour les autres champs que vous souhaitez voire apparaitre dans votre vue.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh3.ggpht.com/-osMBb-nDbc0/UvDgCYtt07I/AAAAAAAAC_U/vmdmKnrwDfE/image_thumb%25255B6%25255D.png?resize=470%2C100)
Créez ensuite un nouveau champ, du type content:body
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh4.ggpht.com/-wY92V0nr9OI/UvDgD2RMoFI/AAAAAAAAC_k/0GMdVpYTFuw/image_thumb%25255B23%25255D.png?resize=244%2C124)
Enfin, cliquez sur ce champ , puis sur la zone rewrite results
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-GYds7Y0_B78/UvDgFJOoPlI/AAAAAAAAC_0/3HWFe-2Ss5Y/image_thumb%25255B10%25255D.png?resize=634%2C37)
Cochez la case rewrite the output of this field , puis entrez le code html correspondant à ce que vous souhaitez afficher dans votre vue.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-i3xZJDXbbyU/UvDgGyJl2WI/AAAAAAAADAE/00K7Naa3JmM/image_thumb%25255B14%25255D.png?resize=631%2C234)
Insérez ensuite les variables correspondant à votre champ, en utilisant les code de remplacements fournis par Drupal.
![image Comment personnaliser la sortie d’une vue de Drupal, A Unix Mind In A Windows World](https://i0.wp.com/lh5.ggpht.com/-pD2SW7fbH80/UvDgI5sdTZI/AAAAAAAADAU/ZY6tE-C6RRM/image_thumb%25255B26%25255D.png?resize=551%2C186)