display suite, views et css

Forums:

DS (Display Suite) permet d'ajouter des View modes (comme "complet", "teaser", "token", "RSS"... de admin/structure/types/manage/xyz/display ie l'onglet GERER l'AFFICHAGE des types de contenu).
Voir aussi https://drupal.org/project/entity_view_mode et manage view mode https://www.drupal.org/node/1795328

lier à une vue, perso css

intro

des zones sont controllées par ds, d'autres par le thème. par ex, le titre s'affiche en double (au dessus ->theme et au dessous -> ds des onglets "voir/modifer/..devel)

3 facons d'aller à Manage display:

  • admin/structure/types
  • admin/structure/ds
  • en navigant en full content page : onglet Manage display

 

admin/structure/types/manage/article/display  teaser  -> layout "Fluid two column"

image à gch, body et tag à droite

Doc https://www.drupal.org/node/1795294

Le module Display Suite Extras permet de personaliser l'étiquette et le champs (avec des templates de champs), permet de récup des champs (d'autres modules) dans le Manage Display...
Field Permissions Display Suite extra -> pour controler les champs avec les roles.

 

display suite, views et css

Dans DS:

  1. créer dans "View modes" : "Block teaser" de type Node
  2. admin/structure/ds + "Manage display": "Custom display settings" vertical tab -> le "Block teaser" y apparait, à cocher
  3. en haut droite "Block teaser" apparait, cliquer sur ce lien:  "Layout for article in block teaser" vertical tab ->

admin/structure/views  click on "Add new view":

View name Latest articles
Show Content of type Article sorted by Newest first, 5 items
don't Create a page = Uncheck checkbox
Create a block Check checkbox

ajouter le block: click Fields (partie Format) -> select "Display Suite" , "Apply (all displays)".
dans "Default view mode" -> select "Block teaser",  "Apply (all displays)".

ajouter le bloc admin/structure/block

define custom CSS classes for regions and fields

Ajout de classes extra CSS : admin/structure/ds / CSS classes

dans "CSS classes for regions" ajouter ce code:

latest-articles-left|Latest articles left
latest-articles-right|Latest articles right

Go to Structure -> "Display Suite" / "Manage display" de la ligne Article. En haut à droite: click "Block teaser"

 

click sur "Custom classes" (options verticales) pour voir les classes CSS (dans form "select box").

Sel la classe pour "Latest articles left" dans "Class for left" et "Latest articles right" pour "Class for right". Sauver

 

Region Wrappers

A Structure -> "Display Suite" / "Manage display" de la ligne Article. En haut à droite: click "Block teaser"
click sur "Custom wrappers":

  • Wrapper for Header -> header
  • Wrapper for left -> div
  • right-> div
  • footer-> footer
  • layout wrapper -> article

article complet en anglais: http://webwash.net/series/using-display-suite-drupal-7/handling-view-modes-and-regions-display-suite-drupal-7

 

Faire son Layout

Dans son theme ou module perso, créer les fichiers necessaires avec drush:

drush ds-build "Four columns stacked" --regions="Header, Left, Middle left, Middle right, Right, Footer"

un dossier (nommé Four columns stacked) est créé, il faut le déplacer dans un dossier "ds_layouts" de son theme ou module. Sur le bon type de contenu, Manage Display

Comment ajouter un layout dans son thème : https://www.drupal.org/node/1098068

 

plus sur le web

https://blog.netapsys.fr/drupal-customisation-avec-display-suite/

utiliser les mode d'affichage (views modes) https://www.drupal.org/node/1795328

ajout de champs ds https://www.drupal.org/node/1795314