Skapa WordPress-tema

Design & bilder startar en serie artiklar om hur du kan skapa WordPress-tema. Här i den första artikeln kommer jag beskriva hur du snabbt skapar ett tema baserat på WordPress default. Då kommer du snabbt igång och kan skapa tema efter tema att testa på och leka med under tiden du lär dig.

Första steget

Jag förutsätter nu att du redan har en installerad WordPress-blogg och att du har en texteditor som du kan skriva kod i. Layoutteman finns i mappan /wp-content/themes

Mappen för WordPress-tema

Det första jag gör är att skapa en ny mapp i /wp-content/themes och döper den till det namn jag vill använda på temat. Använd bara små tecken, inga mellanslag och helst inga tecken utanför det engelska alfabetet.

Skapa mapp för temat

Som du kanske ser på bilden heter projektet jag arbetar med ”TysslingeForetagare” och jag väljer därför att kalla mitt tema ”tysslinge”:

Namn på temat

Nästa steg blir att kopiera alla filerna i temat ”default”….

Kopiera filerna i default

… och klistra in dem i mappen ”tysslinge”

Klistra in i det nya temat

För att WordPress ska se det här som ett nytt tema behöver vi ändra lite i filen style.css Det är i den du kommer arbeta med CSS men även ange information om temat. Öppna alltså style.css och ändra vad som står efter

• Theme Name: (sätt samma namn som mappen du skapat)
• Theme URI: (var kommer temat finnas?)
• Description: (beskriv ditt tema)
• Version: (version, kanske inte så viktigt om du ska använda det själv)
• Author: (du som skapat temat)
• Author URI: (din hemsida)

Så här har jag skrivit:

Fyll i information

(Ska du publicera temat och använda dig av koden som redan finns i det så bör du också ha med den lilla texten om att layouten bygger på Kubrick av Michael Heilemann.)

Dags att aktivera temat. Logga in på din WordPress-installations admin-del. Klicka på menyvalet ”Utseende”.

Administrera utseende

Här kommer du se att default-temat är aktiverat, men under ”Tillgängliga teman” finns nu ditt tema. Klicka på den länk som heter ”Aktivera” under temats ikon.

Aktivera temat

Webbplatsen visas nu med ditt tema när du besöker den :) Visserligen ser det likadant ut som standard-temat, men du har ett ramverk som du kan leka med och prova dig fram. Skulle det uppstå något fel kan du aktivera det gamla temat igen. Dessutom kommer jag fortsätta artikel-serien med att visa dig hur du bygger din egen layout!

WordPress Codex har en hel del information – använda teman, skapa wordpress-tema, skapa teman för nedladdning.