Panels in Drupal: een EYE-opener
Upcoming SlideShare
Loading in...5
×
 

Panels in Drupal: een EYE-opener

on

  • 695 views

Voor een recent project (EYE) hebben we Panels ingezet. Alhoewel we erg sceptisch waren over Panels waren onze ervaringen erg positief. In deze sessie maken we jou hopelijk ook enthousiast over ...

Voor een recent project (EYE) hebben we Panels ingezet. Alhoewel we erg sceptisch waren over Panels waren onze ervaringen erg positief. In deze sessie maken we jou hopelijk ook enthousiast over Panels. Je leert hoe je Panels kan inzetten: wat is de business case? Hoe implementeer je het in je website en hoe schrijf je je eigen panes, layouts and styles?

Statistics

Views

Total Views
695
Views on SlideShare
695
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Panels in Drupal: een EYE-opener Panels in Drupal: een EYE-opener Presentation Transcript

  • Panels: een EYE-opener
  • duurzame websites Even voorstellen • Baris Wanschers • Oprichter/CEO van LimoenGroen • Voorzitter van Stichting Drupal Nederland
 @BarisW / www.bariswanschers.com / baris@limoengroen.nl
  • duurzame websites EYE Amsterdam • Het nieuwe filmmuseum in Amsterdam • Tentoonstellingen, films, evenementen, festivals, bar, restaurant • 37.000 films, 20.000 boeken, 
 500.000 foto’s, 60.000 posters • 750.000 bezoekers per jaar
  • De wens van EYE
  • duurzame websites Not your default Drupal site
  • duurzame websites Panels to the rescue? • Veel verschillende landingpagina’s • Pagina’s bestaan uit een aantal standaard elementen (fotocaroussel in 2 typen, fotogrid, uitklapper (FAQ), tabel) • Wens om bepaalde contentblokken te hergebruiken • Wens om zelf landingpagina’s te kunnen aanmaken • Risico: website wordt snel onoverzichtelijk • Sommige elementen vastzetten op de pagina • Kleine contentredactie en goede afspraken
  • Panels: wat is het?
  • duurzame websites Panels: Wat is het? The Panels module allows a site administrator to create customized layouts for multiple uses. ! At its core it is a drag and drop content manager that lets you visually design a layout and place content within that layout.
  • duurzame websites Panels: Wat is het? • Drag & drop content manager • Maak eigen page layouts met regions • 180.000+ installaties, in top 25 van meest geïnstalleerd • Van de maker van Views & Ctools (merlinofchaos) • Ctools pluggable • It’s a beast Zie: http://www.codeenigma.com/en/blog/performance-panels
  • duurzame websites Panels: Page Manager module • Onderdeel van CTools
  • duurzame websites Panels: Page Manager module • Onderdeel van CTools • Laat je bestaande systeempaden overriden (node/%node)
  • duurzame websites Panels: Page Manager module • Onderdeel van CTools • Laat je bestaande systeempaden overriden (node/%node) • Werkt met Varianten waarbinnen gebruik wordt gemaakt van Selection Rules en Contexts (relaties). • Voorbeeld: wanneer je op een node komt van type Answer, redirect naar de referenced Question node.
  • duurzame websites Panels: Page Manager module • Onderdeel van CTools • Laat je bestaande systeempaden overriden (node/%node) • Werkt met Varianten waarbinnen gebruik wordt gemaakt van Selection Rules en Contexts (relaties). • Voorbeeld: wanneer je op een node komt van type Answer, redirect naar de referenced Question node.
  • duurzame websites Panels: Panels module • Voegt “Layouts” and “Content” opties to aan Page Manager variants. • Plaats bijvoorbeeld het comment form tussen de titel en de body, of ernaast. • Panels komt met een aantal Layouts out-of-the-box. Extra layouts zijn eenvoudig toe te voegen via code.
  • duurzame websites Panels: Panels module • Voegt “Layouts” and “Content” opties to aan Page Manager variants. • Plaats bijvoorbeeld het comment form tussen de titel en de body, of ernaast. • Panels komt met een aantal Layouts out-of-the-box. Extra layouts zijn eenvoudig toe te voegen via code.
  • duurzame websites Panels: Panels in Place • Vervangt de standaard Panels editor door een mooie in- place editor. • Met de juiste rechten kan een redacteur blokken verslepen, een andere layout kiezen en content toevoegen.
  • duurzame websites Panels: Panels in Place • Vervangt de standaard Panels editor door een mooie in- place editor. • Met de juiste rechten kan een redacteur blokken verslepen, een andere layout kiezen en content toevoegen.
  • duurzame websites Panels: Panelizer • Maak view modes (bijvoorbeeld “full content”) van een node type ‘panelizable’. Zorgt ervoor dat een nieuwe node panels-in-place ondersteuning heeft. • Vanaf dan kan je elke node voorzien van custom blocks/ content. • Op node-level kan je afwijken van de default settings.
  • duurzame websites Panels: Panelizer • Maak view modes (bijvoorbeeld “full content”) van een node type ‘panelizable’. Zorgt ervoor dat een nieuwe node panels-in-place ondersteuning heeft. • Vanaf dan kan je elke node voorzien van custom blocks/ content. • Op node-level kan je afwijken van de default settings.
  • Panels in de praktijk
  • duurzame websites Panels in de praktijk • Meeste node-types zijn panelizable • Custom page layout voor EYE (eye_threecol_stacked) • Custom panes voor EYE (images_slideshow_pane, accordion_pane, image_collection_pane, etc). • Settings in features (Panels zijn exportable).
  • duurzame websites Show me the code! • Custom page layout • Custom pane style • Custom pane type Code bekend maken bij Panels dmv: !
  • duurzame websites Een eigen page layout Kan zowel in het theme of in een module Bij een theme: plugins[panels][layouts] = layouts in THEME.info vervolgens de folder in de ‘layouts’ folder plaatsen. Zie: https://drupal.org/node/495654
  • duurzame websites eye_threecol_stacked.inc • De include file bevat enkel de $plugin variabele, geen hook(). • CSS is optioneel Zie: https://drupal.org/node/495654
  • duurzame websites eye-threecol-stacked.tpl.php • De template file bevat dashes in de filenaam ipv underscores. • Beschikbaar: $content en $id. Zie: https://drupal.org/node/495654
  • duurzame websites Een eigen pane style Minimaal nodig is de .inc file:
  • duurzame websites Een eigen pane style Minimaal nodig is de .inc file:
  • duurzame websites Een eigen pane style Minimaal nodig is de .inc file:
  • duurzame websites Een eigen pane type Een handige module is Fieldable Panels Panes: voegt een fieldable entity toe. Die kan je zelf ook maken, via code.
  • duurzame websites Een eigen pane Voeg een eigen Fieldable Panels Pane bundle toe met hook_entity_info_alter(); ! ! ! ! Deze is vervolgens te voorzien van extra velden via de interface en te exporteren met Features.
  • duurzame websites Een eigen pane Aangezien het een entity is, kunnen we ook gebruik maken van hook_entity_view() om bijvoorbeeld JS te attachen.
  • Demo!
  • Vragen / opmerkingen baris@limoengroen.nl | @BarisW | www.limoengroen.nl | +31 (0)20 - 737 1880