Display SuiteLuis Ortiz Ramos9/02/2012Drupal.cat                   www.ateneatech.com
Qui soc  Luis Ortiz Ramos    @luisortizramos a Twitter    luis@ateneatech.com    Cofundador dAtenea tech                  ...
“Drupal i eliminar lintermediari”  Dries Buytaert, Abril de 2007                              www.ateneatech.com
“Crec que hi ha un gran valor en perfeccionar les  tecnologies que es varen crear per eliminar al       webmaster, al dese...
Views, Token, Pathauto, Chaos tool suite (ctools), Content Construction Kit (CCK), Administration     menu, Wysiwyg, Date,...
“... estem fent fàcil per a tothom construir llocs                  web potents.”                                       ww...
Sense Display Suite :(                 www.ateneatech.com
No hi ha opcions per a seleccionar la disposició.                                      www.ateneatech.com
ExempleVolem canviar la disposició dels nodes dun tipus de contingut“article”Solució: al tema personalitzat:●   Copiar nod...
Els modes de visualització són fixos.                                www.ateneatech.com
ExempleVolem fer un mode de visualització per fer serviren una vista amb resums especials a la pàginadinici.Solució: a un ...
/*** Implements hook_entity_info_alter().*/functionMODUL_entity_info_alter(&$entity_info) {  $entity_info[node][view modes...
No es poden afegir elements a la visualització.                                     www.ateneatech.com
ExempleVolem un element que mostri AddThis als articlesSolució: a un mòdul propi:●   Implementar hook_field_extra_field() ...
/*** Implements hook_field_extra_fields().*/function MODUL_field_extra_fields() {     $extras[node][article][display][addt...
No es pot determinar la sortida HTML dels camps.                                     www.ateneatech.com
ExempleVolem simplificar la sortida del camp Cos dels ArticlesSolució “fàcil”: al tema personalitzat:●   Copiar field.tpl....
No és possible ocultar el títol de les pàgines.                                      www.ateneatech.com
ExempleVolem ocultar el títol de la pàgina dels contingutsde tipus “Pàgina bàsica”Solució: al tema personalitzat●   Creem ...
/** * Implements hook_process_page(). */function TEMA_process_page(&$vars) {    if ($vars[node] && $vars[node]->type==page...
No és possible fer servir contingut duna entitat   fora del bloc de contingut ni a linrevés.                              ...
ExempleVolem mostrar el valor del camp icona de larticlea la barra lateral.Solució: fer una vista que mostri la icona, reb...
Resum●   No hi ha opcions per a seleccionar la disposició.●   Els modes de visualització son fixos.●   No es poden afegir ...
Amb Display Suite :)                www.ateneatech.com
Demo       www.ateneatech.com
Display suite - Drupal.cat
Upcoming SlideShare
Loading in...5
×

Display suite - Drupal.cat

1,992

Published on

Display Suite permet prendre el control sobre com les entitats (continguts, usuaris, termes de taxonomies,...) es pinten sense haver de fer-ho picant codi al tema de la nostra Web. Ens permet fer servir disposicions amb multiples columnes, gestionar el codi que es genera per a cada camp, crear-ne de nous, i s'integra amb el Views i el Panels (si volem).

- Característiques principals de DS: Disposicions, Camps, Estils, Modes de visualització.
- Extres: Plantilles de camps, Mode de visualització per node, Cambiador de mode de visualització, Mode de visualització revisió, Opcions de títol de pàgina, Regió a bloc
- Integració amb altres mòduls: Views, Panels, Field groups, Renderable elements

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,992
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Display suite - Drupal.cat

  1. 1. Display SuiteLuis Ortiz Ramos9/02/2012Drupal.cat www.ateneatech.com
  2. 2. Qui soc Luis Ortiz Ramos @luisortizramos a Twitter luis@ateneatech.com Cofundador dAtenea tech www.ateneatech.com
  3. 3. “Drupal i eliminar lintermediari” Dries Buytaert, Abril de 2007 www.ateneatech.com
  4. 4. “Crec que hi ha un gran valor en perfeccionar les tecnologies que es varen crear per eliminar al webmaster, al desenvolupador, i al disenyador. Daixò és del que tracta Drupal” www.ateneatech.com
  5. 5. Views, Token, Pathauto, Chaos tool suite (ctools), Content Construction Kit (CCK), Administration menu, Wysiwyg, Date, IMCE, FileField, Google Analytics, ImageAPI, Webform, ImageField, ImageCache, Link, Advanced help, CAPTCHA, Backup and Migrate, jQuery UI, CKEditor -WYSIWYG HTML editor, Panels, jQuery Update, XML sitemap, Poormanscron, Lightbox2, Libraries API, IMCE Wysiwyg bridge, Devel, Nodewords: D6 Meta Tags, Views Slideshow, Global Redirect, Transliteration, Page Title, Image, Rules, Zen, Entity API, Calendar, Menu block, Voting API, Features, Email Field, Nice Menus, Internationalization, Site map, Views Bulk Operations (VBO), Colorbox, Printer, e-mail and PDF versions, Path redirect, FCKeditor - WYSIWYG HTML editor, Context, LoginToboggan, Automatic Nodetitles, Fivestar, Ubercart, Better Formats, Location, Embedded Media Field, Localization update, Content Profile, GMap Module, External Links, Simplenews, Mollom, Vertical Tabs, Media, Taxonomy menu, Content Access, Tagadelic, Content Templates (Contemplate), Admin, ImageCache Actions, Admin role, References, Skinr, Mime Mail, Scheduler, Insert, Fusion, Media: YouTube, Taxonomy Manager, Content Taxonomy, MenuBreadcrumb, Job Scheduler, Quick Tabs, reCAPTCHA, Diff, Strongarm, Node clone, SEO Checklist, Feeds, Custom breadcrumbs, jQuery plugins, Site verification, Superfish, Field group, Search 404, DHTML Menu, Privatemsg, ImageCache Profiles, SWF Tools, jCarousel, Flag, Views Bonus Pack, Views Custom Field, Organic groups, getID3(), File (Field) Paths, Variable, Nodequeue, Menu perRole, AdaptiveTheme, Advanced Forum, SMTP Authentication Support, Module Filter, Author Pane,Menu attributes, Login Destination, Frequently Asked Questions, IMCE Mkdir, Messaging, Marinelli, Thickbox, FileField Sources, Image Resize Filter, AddThis, Node Reference URL Widget, Twitter,String Overrides, Display suite, Image Assist, Danland, Masquerade, Language icons, Service links,ACL, Notifications, Omega - Responsive HTML5 Base Theme, Secure Pages, Views attach, Share Buttons (AddToAny) by Lockerz, Computed Field, Front Page, Meta tags quick, Invite, Pathologic, Autoload, Redirect, Comment notify, Address Field, Hierarchical Select, Meta tags, Node export,Menu Trails, Dynamic display block, Boost, Block Class, Gallery Assist, Imagefield Crop, AdvancedProfile Kit, Better Exposed Filters, AdSense, SpamSpan filter, Taxonomy Image, Video, Conditional Fields, Node import, Webform Validation, OAuth, Google chart API, Workflow, Services, Image FUpload, Custom Search, Tao, Tabs (jQuery UI tabs), Styles, Gallery formatter, Pixture Reloaded, Facebook social plugins integration, Acquia Marina, RealName, 404 Blocks, Multiple forms, BUEditor, CSS Injector, DraggableViews, Event, BlueMasters, CKEditor Link - A plugin to easily www.ateneatech.comcreate links to Drupal internal paths, Search configuration, Views Accordion, Shadowbox, Javascript Tools, LDAP integration, HTML Purifier, Semantic Views, Localization client, Apache Solr Search
  6. 6. “... estem fent fàcil per a tothom construir llocs web potents.” www.ateneatech.com
  7. 7. Sense Display Suite :( www.ateneatech.com
  8. 8. No hi ha opcions per a seleccionar la disposició. www.ateneatech.com
  9. 9. ExempleVolem canviar la disposició dels nodes dun tipus de contingut“article”Solució: al tema personalitzat:● Copiar node.tpl.php al nostre tema.● Duplicar-lo i renombrar-lo a node—article.tpl.php.● Editar el PHP daquest últim arxiu: ● Incloure la nova disposició ● Pintar els camps on toqui www.ateneatech.com
  10. 10. Els modes de visualització són fixos. www.ateneatech.com
  11. 11. ExempleVolem fer un mode de visualització per fer serviren una vista amb resums especials a la pàginadinici.Solució: a un mòdul propi:● Implementar hook_entity_info_alter() www.ateneatech.com
  12. 12. /*** Implements hook_entity_info_alter().*/functionMODUL_entity_info_alter(&$entity_info) { $entity_info[node][view modes][front_page_teaser] = array( label => t(Front page teaser), custom settings => TRUE, );} www.ateneatech.com
  13. 13. No es poden afegir elements a la visualització. www.ateneatech.com
  14. 14. ExempleVolem un element que mostri AddThis als articlesSolució: a un mòdul propi:● Implementar hook_field_extra_field() per a definir el nou element.● Implementar hook_node_view() per a pintar lelement. www.ateneatech.com
  15. 15. /*** Implements hook_field_extra_fields().*/function MODUL_field_extra_fields() { $extras[node][article][display][addthis] = array( label => t(AddThis), description => t(AddThis), weight => 0, ); return $extras;}/*** Implements hook_node_view().*/function MODUL_node_view($node, $view_mode, $langcode) { if ($node->type==article) { $node->content[addthis] = array(#markup => ...EL CODI HTML QUE DONAADDTHIS...); }}● www.ateneatech.com
  16. 16. No es pot determinar la sortida HTML dels camps. www.ateneatech.com
  17. 17. ExempleVolem simplificar la sortida del camp Cos dels ArticlesSolució “fàcil”: al tema personalitzat:● Copiar field.tpl.php● Duplicar aquest arxiu i li diem field—body—article.tpl.php● Editar el PHP daquest arxiu per a modificar la sortida del camp. www.ateneatech.com
  18. 18. No és possible ocultar el títol de les pàgines. www.ateneatech.com
  19. 19. ExempleVolem ocultar el títol de la pàgina dels contingutsde tipus “Pàgina bàsica”Solució: al tema personalitzat● Creem un arxiu anomenat template.php● Implementem theme_process_page() www.ateneatech.com
  20. 20. /** * Implements hook_process_page(). */function TEMA_process_page(&$vars) { if ($vars[node] && $vars[node]->type==page) { unset($vars[title]); }} www.ateneatech.com
  21. 21. No és possible fer servir contingut duna entitat fora del bloc de contingut ni a linrevés. www.ateneatech.com
  22. 22. ExempleVolem mostrar el valor del camp icona de larticlea la barra lateral.Solució: fer una vista que mostri la icona, rebicom a filtre contextual lidentificador del node igeneri un bloc, col·locar-lo a la barra lateral iconfigurar-lo per a que només es vegi quanestem a la pàgina dun article. www.ateneatech.com
  23. 23. Resum● No hi ha opcions per a seleccionar la disposició.● Els modes de visualització son fixos.● No es poden afegir elements a la visualització.● No es pot determinar la sortida HTML dels camps.● No és possible ocultar el títol de les pàgines.● No és possible fer servir contingut duna entitat fora del bloc de contingut ni a linrevés. www.ateneatech.com
  24. 24. Amb Display Suite :) www.ateneatech.com
  25. 25. Demo www.ateneatech.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×