Layout discovery. Drupal Summer Barcelona 2017

Download Layout discovery. Drupal Summer Barcelona 2017

Post on 21-Jan-2018

224 views

Category:

Technology

0 download

Embed Size (px)

TRANSCRIPT

<ol><li> 1. Layout discovery Drupal Summer Barcelona 2017 Luis Ortiz Ramos </li><li> 2. Luis Ortiz Ramos CTO de Atenea tech luis@ateneatech.com @luisortizramos </li><li> 3. Somos expertos en Drupal desde 2007 Somos Siddharta, Oriol, Robert, David, Patricia, Xavi, Rubn, Pepe, Miguel y Luis. Trabajamos para La Vanguardia, Thermomix, Dexeus, Estrella Damm, Amnista Internacional, Mdicos Sin Fronteras, Infojobs, Greenpeace, Chupa Chups, Ayuntamiento de Barcelona, Torres, la CUP Estamos en el Citilab de Cornell, Barcelona Puedes contactar con nosotros en hola@ateneatech.com </li><li> 4. Layout initiative nombre en clave SCOTCH </li><li> 5. En marzo de 2012, Dries Buytaert anuncia una nueva iniciativa: Layouts. El lder de la iniciativa es Kris EclipseGC Vanderwater </li><li> 6. The goal of the Layout initiative is to make all elements on the page into contextual blocks that can be rearranged and organized into flexible layouts (and even layouts within layouts) through a drag and drop interface. </li><li> 7. 1.Contextual blocks 2.Blocks everywhere 3.Multiple page layouts 4.Partial page rendering 5.Better UI/UX to manage blocks </li><li> 8. En marzo de 2012: El componente de Symfony HttpKernel no estaba en el core CMI no estaba completado El sistema de Plugins estaba en desarrollo </li><li> 9. En octubre de 2012 se commitean los primeros cambios... </li><li> 10. El ciclo de desarrollo de Drupal 8... ...hasta 8.0.0 </li><li> 11. Algo pas en la Drupalcon de Barcelona ...en 2015 </li><li> 12. 1.Crear una branch por cada caracterstica 2.Solo hacer merge con la branch principal cuando la caracterstica est finalizada 3. Lanzar nuevas versiones de Drupal peridicamente </li><li> 13. Layout Discovery est en Drupal 8.3.0 (experimental) ...y Field Layout tambin </li><li> 14. Layout Discovery </li><li> 15. Provides a way for modules or themes to register layouts. </li><li> 16. Registrando Layouts </li><li> 17. El caso ms simple </li><li> 18. 1.Creamos el archivo my_custom_module.layouts.yml 2. Creamos una plantilla </li><li> 19. two_column: label: 'Two column' category: 'My Layouts' template: templates/two-column default_region: main regions: main: label: Main content sidebar: label: Sidebar </li><li> 20. <div> <div> {{ content.main }} </div> <div> {{ content.sidebar }} </div> </div> </li><li> 21. Registrando nuestra propia plantilla usando theme </li><li> 22. 1.Registramos la plantilla usando hook_theme 2.Creamos la plantilla 3.Registramos el layout en el archivo my_custom_module.layouts.yml </li><li> 23. function MY_MODULE_OR_THEME_theme() { return [ 'advanced_layout_1' =&gt; [ 'template' =&gt; 'templates/advanced-layout-1', // layout_plugin expects the theme hook to be declared with this: 'render element' =&gt; 'content', ], ]; } </li><li> 24. advanced_layout_1: label: Advanced Layout 1 category: My Layouts theme: advanced_layout_1 regions: main: label: Main content alternate_advanced_layout_1: label: Advanced Layout 1 category: My Layouts theme: advanced_layout_1__alternate regions: main: label: Main content </li><li> 25. Utilizando una clase alternativa </li><li> 26. advanced_layout_3: label: Advanced Layout 3 category: My Layouts class: 'Drupalmy_custom_moduleMyLayoutClass' template: templates/advanced-layout-3 library: my_custom_module/advanced-layout-library regions: main: label: Main content </li><li> 27. </li></ol>

Recommended

View more >