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.
Publicerat: 11 september, 2009
Författare: Mattias
Etiketter: artiklar, utveckling, webbdesign, wordpress
6 åsikter »
[...] Del 1 visar hur du skapar nya temamappar där du kan jobba med layouten. Postades av Xoda, fredag, september 11, 2009 11:15 Ämne: Webbutveckling, Wordpress. Du kan följa svar genom RSS 2.0 flöde. Du kan skriva en kommentar, eller skicka en trackback från din egen sida. [...]
[...] du skapar Wordpress-tema. För den här artikeln är det bra om du har installerat Wordpress och skapat ett layout-tema, så du har filerna att arbeta med. Men för att komma igång behöver du veta vad de olika filerna [...]
Hej!
Detta är vad jag har letat efter. Tackar allra ödmjukast
Ska ta mig en titt å se om jag kan åstadkomma några storverk i morgon.
Mvh Lensbabie
Lycka till
Blev kalas! Tack så mkt för en lättförstålig genomgång
Varsågod