Spelen met Diazo

In de Plone-wereld is het gebruik van Diazo heel gewoon. Het is een handig middel om een standaard Plone omgeving onaangetast te laten en via een externe tool, Diazo, de 'look and feel' van je site te bepalen. Dit heb ik zowel bij mijn huidige als vorige werkgever gedaan. Een van de meest recente voorbeelden is virtualsciences.nl. Een standaard Plone vormgeving wordt middels een paar bestanden en de Diazo toolkit omgetoverd tot het gewenste design. Maar dat is Plone. Het hoeft niet met Plone.

Diazo framework neerzetten

Het neerzetten van het Diazo framework in een ontwikkelopstelling (lees: lokaal spelen) is niet heel complex. Je hebt er wel python voor nodig met een paar uitbreidingen (die heb je al als je voor Plone ontwikkeld)

sudo apt-get install build-essential python2.7-dev libxslt1-dev

Daarnaast is het sterk aan te raden om virtualenv te gebruiken. Maar dat deed je toch al, nietwaar ;-)

sudo apt-get install python-virtualenv

Daarna zou je aan de slag moeten kunnen met de Quickstart op diazo.org. Zoals een echt OpenSource project is dat niet helemaal waar. Gelukkig is het OpenSource en heeft iemand de documentatie reeds bijgewerkt. De nog niet goedgekeurde fixes zijn hier te lezen.

Een proefkonijn: ANWB

Dan is er nog een proefkonijn nodig. Aangezien ik het afgelopen halfjaar bij de ANWB bezig ben met een aantal klussen, leek me het een mooi proefkonijn. De ANWB heeft een enorme website, dus het is zeker een leuke om als basis te gebruiken.

De ANWB content heb ik voor deze test even tegen de HTML/CSS van deze site aangehouden. Hiervoor gebruik ik als theme.html:

Mijn Eigen ANWB

Titel

En als rules.xml:

Daarna is het tijd om te proberen:

Alt text

Klik op de afbeelding voor een grotere weergave. De test is vanzelfsprekend beperkt, maar het resultaat is goed. Met dit al basis is het goed mogelijk verder door te werken. En leuker nog, je kunt dit slim achter een webserver zetten waardoor het 'onzichtbaar' kan worden uitgevoerd.

Mogelijkheden zijn legio

Zoals gezegd, de bovenstaande test is een zeer eenvoudige. De mogelijkheden zijn echter legio. Het is met deze techniek dus heel goed mogelijk een ander design neer te zetten voor een site. Of bijvoorbeeld een speciale landingspagina te bouwen voor een tijdelijke actie.

Een andere toepassing zou kunnen zijn het aanbieden van een speciale mobiele site. Eentje waarbij de content direct uit de normale site kan worden 'onttrokken' en in een mobiele weergave kan worden gepresenteerd.

Meer van het blog

  1. N9 app: Opera Mobile

  2. Marco Geurts #1

  3. Hands-on met Jolla's Sailfish UI