Den här guiden riktar sig till de som har någorlunda färdigheter i både webbdesign och Drupal, och vill lära sig att kombinera de två. Kommentarer, förslag, beröm och kritk är alltid välkommet. Frågor hänvisas till svenska Drupalforumet på drupalsverige.se. (Jag får tyvärr för många frågor för att kunna svara på dem genom min privata e-post, och frågor som ställs i forumet har också en god chans att komma andra till godo.)
Innan vi börjar
Drupal är ett oerhört kraftfullt system för att snabbt förse en webbplats de funktioner man behöver, vilket rätt snart blir tydligt för den som installerar och börjar testa olika moduler. Vad som inte är lika uppenbart är att Drupal dessutom erbjuder enorma möjligheter för att få webbplatser att se ut som man vill.
Att anpassa Drupals utseende kallas för att tema Drupal, och de funktioner i Drupal som sköter utseendet kallas Drupal temalager (theme layer). Den här guiden kommer att ge en genomgång av stora delar av hur temalagret fungerar för det som kallas PHP engine – en temamotor som hjälper till att hitta och tolka funktioner och filer så att det blir enklare att anpassa teman för Drupal. PHP engine är den överlägset vanligaste temamotorn för Drupal, och är den som följer med i en standardinstallation.
Du behöver inte ha temat Drupal tidigare för att använda den här guiden. Däremot är det bra om du har grundläggande färdigheter i hur man använder Drupal – så som hur du hittar bland administrationssidorna och vet vad användarroller och nodtyper är. Guiden innehåller inte något om generella färdigheter för webbdesign, vare sig det gäller kodning (HTML, CSS, Javascript) eller mer övergripande färdigheter (så som användbarhet eller estetik). Meningen är snarare att någon som har åtminstone ett hum om Drupal och webbdesign ska lära sig att para ihop de två färdigheterna.
Guiden är uppdelad i sju steg, som börjar med det absolut mest grundläggande och avslutar med saker som kanske inte är superkomplicerade, men ändå låter dig göra så gott som allt du kan tänka dig när det handlar om att anpassa Drupals utseende. (Faktum är att de första fyra avsnitten handlar om saker som egentligen inte är att tema Drupal i strikt bemärkelse, utan bara går igenom sådant som man bör kunna för att ha nytta av temafärdigheterna.)
Upplägget ser ut som följer.
- Vitt bälte: Principer och filosofi
- Gult bälte: Inställningar i admin-gränssnittet
- Orange bälte: Ladda hem nya teman
- Grönt bälte: Hantera CSS och Javascript
- Blått bälte: page.tpl.php (och regioner)
- Brunt bälte: Andra template-filer
- Svart bälte: template.php och temafunktioner
- Bonus: Om att tema formulär
| Attachment | Size |
|---|---|
| Sju steg mot svart bälte i att tema Drupal.pdf | 476.49 KB |

Comments
Tack!
Johan du har gjort det igen.
En underbar guide för den som vill lära sig att tema Drupal.
Tack från alla här!
/marcus
/marcus
Kan inte annat än instämma
Kan inte annat än instämma med Marcus. Dina guider är verkligen klockrena, Johan!
Det är sånt här som inspirerar en till att vara med och bidra i drupalgemenskapen.
David Holmlund | davidholmlund.se
David Holmlund | Vedervisp
Humbled and happy
Tackar så mycket för de vänliga orden! Jag får säga att det är (bland annat) uppskattningen här på forumet som inspirerar mig att göra guider som dessa, så då tror jag att vi har en bra combo. ;-)
//Johan Falk
Ny med Drupal? Kolla in sidan med tips och guider!
Har du fått problem? Kolla in FAQ-sidan med besvarade frågor.
Mycket bra guide Johan,
Mycket bra guide Johan, tänkte höra om det är o.k att jag översätter den till engelska och använder den på http://project.designfordrupal.org. Det är en grupp som försöker göra det lättare för folk nya med Drupal att böja designen efter sin vilja. Du kommer givetvis bli fullt krediterad.
/Henrik Jönsson
Feel free
Du är välkommen att översätta till engelska, så länge jag blir creddad.
(Detta påminner mig om att jag borde börja märka upp mina alster med någon form av licens. Min princip har hittills varit att det är ok att använda, förbättra och sprida vidare allt jag gör, så länge man anger upphovsman. Om någon skulle undra.)
Lycka till!
//Johan Falk, NodeOne
**
Vill du lära dig mer om Drupal? Kolla in samlingen av tips och guider!
Har du en fråga om Drupal? Missa inte FAQ-sidan på forumet!
Tack för en bra artikelserie!
Bra jobbat! Sånt här behövs och är väldigt uppskattat när man försöker sätta sig in i drupal.
En grej som jag tyckte var lite jobbig var att vissa uttryck var översatta till svenska. Det är förvisso en svensk artikel men det rörde ihop det lite i skallen när man fick översätta för att få det på plats i drupalsystemet. Men i övrigt mycket bra!
Försökte mig på att skapa ett sub-zen thema men gav upp då det var en sörja av .css-filer som skulle modifieras. Istället gick jag över att skapa från detta thema http://drupal.org/project/basic vilket var betydligt enklare och mer logiskt var man ska lägga sin .css-kod, kan rekomenderas.
/Magnus
(Från BASIC readme:
After using the ZEN theme for years, we realised that it was getting too complicated, had too much
files and overrides, so we decided to develop a strip down version of it and BASIC
was created.)