- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
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:
- créer dans "View modes" : "Block teaser" de type Node
- admin/structure/ds + "Manage display": "Custom display settings" vertical tab -> le "Block teaser" y apparait, à cocher
- 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