Carette Donny


Blogt over Drupal, SEO, Webontwikkeling, Theming, ...

Eigen template maken voor Drupal 7

Belofte maakt schuld dus zoals ik enkele weken terug beloofd had om enkele van de verschillende template aanpassingen tussen Drupal 6 en 7 aan te halen in een blogpost zal ik er hier een deel van overlopen.

Indien je nog geen ervaring hebt met het maken van Drupal templates is dat geen ramp, ik overloop per bestand even de belangrijkste zaken. Wens je je er verder in te verdiepen volg dan zeker de links onderaan deze blogpost waar je meer info kan bekomen.

Voor het verdere vervolg is het aangeraden dat je beschikt over kennis van HTML/CSS. PHP kennis is niet noodzakelijk maar wel handig.

Eerst gaan we voor je template een map voorzien waar alle bestanden in terug komen. Maak een map aan met de naam die je wilt geven aan je template in sites/all/themes.

Als voorbeeld doorheen deze blogpost zal ik 'Kanji' als custom template beschrijven. Dus maken we een map aan sites/all/themes/kanji.

Het enige bestand dat eigenlijk echt verplicht is voor je custom template is het .info bestand. Dit bevat namelijk gegevens zoals de template naam, versie, voor welke versie van Drupal, regions, welke bestanden zoals stylesheets of scripts moeten worden meegenomen.

Dus in ons voorbeeld maken we het bestand kanji.info aan in onze Kanji map. (sites/all/themes/kanji/kanji.info)

In ons .info bestand gaan we het volgende mee opgeven:

  • CVS ID (Indien je de template op Drupal.org ter beschikking stelt zal dit bestand automatisch van extra info worden voorzien door CVS, Drupal's versie beheersysteem)
  • Template naam
  • Beschrijving
  • Voor welke versie van Drupal deze geschikt is
  • Welke de template engine
  • Welke stylesheets moeten geladen worden
  • Indien je extra regions wilt buiten de standaard, geven we deze hier ook mee op. Let wel van zodra we één region toevoegen, dienen we ze allemaal op te geven, ook de standaard

Drupal 7 release voor A Cloudy Day Mobile theme

En hier zijn we met de volgende release voor Drupal 7. De template A Cloudy Day Mobile heeft vandaag ook zijn upgrade gekregen.

Aangezien er momenteel nog geen versie van de Mobile Tools module voor Drupal 7 is, heb ik een test installatie gebruikt om hier te kunnen ontwikkelen en testen. Naast de enkele extra benodigde bestanden heb ik ook hier net zoals bij de template A Cloudy Day het .info bestand aangepast om de functies die ik in template.php had bijgeplaatst te kunnen blijven gebruiken.

Site onderhoud template instellen voor Drupal

Wanneer je jouw Drupal website voor onderhoud of andere werkzaamheden in de 'offline' modus plaatst, zal er hoogst waarschijnlijk de door Drupal meegeleverde 'Minelli" template gebruikt worden om deze boodschap te tonen, ook al heb je als default een andere template opgegeven.

Om de door jouw gekozen template in te stellen als template die gebruikt dient te worden wanneer de site offline staat tijdens het site onderhoud kan je het bestand settings.php aanpassen.

Nieuwe Drupal theme 'Kanji'

Sinds deze middag is mijn website voorzien van een nieuwe Drupal template, net zoals bij de eerder door mij gemaakte themes (A Cloudy Day en A Cloudy Day Mobile) heb ik deze ook terug beschikbaar gesteld op Drupal.org.

Het kind heeft de naam 'Kanji' gekregen, tijdens het aanmaken van deze template had ik aan mijn collega Dave gevraagd een ninja versie te maken van het Drupal logo (Druplicon). Bij het zoeken naar een geschikte naam voor deze template kwam ik op wikipedia 'Kanji' tegen waarop het woord ninja gedeeltelijk gebaseerd is.

Enkele gegevens over de Drupal theme Kanji:

  • XHTML Strict 1.0
  • Ondersteuning voor logo, slogan, missie, footer tekst , primary links, secondary links, gebruikers-afbeeldingen, ...
  • 10 regions waaronder 2 sidebars.
  • Automatische dropdown voor primary links.
  • Getest op de volgende browsers: Chrome, Firefox, Opera, Safari, IE8, IE7

    (Nagekeken op IE6, buiten PNG fix en wat jQuery voor de dropdown is dit ook in orde)
  • Bewerk links op blokken als admin

Je kan de template downloaden op: http://www.drupal.org/project/kanji

Releases Drupal themes A Cloudy Day Mobile en A Cloudy Day

Ondertussen is de eerste officiële release van de Drupal theme A Cloudy Day Mobile een feit en heb ik ook een nieuwe versie van de template A Cloudy Day online geplaatst.

Deze laatste bevat enkele kleine rechtzettingen maar bevat verder dezelfde functionaliteiten.

De mobiele template is de voorbije dagen uitgebreid getest geweest voor verschillende andere smartphones.

Je kan de templates terug vinden op: