Det h\u00e4r \u00e4r en handledningsserie som t\u00e4cker grunderna f\u00f6r att utveckla ett WordPress-tema fr\u00e5n grunden. Det \u00e4r f\u00f6r dig som har pysslat lite med att \u00e4ndra andra teman, \u00f6nskar att du visste tillr\u00e4ckligt f\u00f6r att skapa ditt eget, eller f\u00f6rs\u00f6kte g\u00f6ra ditt eget tema fr\u00e5n grunden, men hade sv\u00e5rt att f\u00f6rst\u00e5 grunderna i vad ett tema beh\u00f6ver. Genom 12 lektioner syftar denna handledning till att guida dig genom att utveckla ditt alldeles egna WordPress-tema, samtidigt som du l\u00e4r dig vanliga metoder och grunderna om hur WordPress fungerar. M\u00e5let med denna handledning \u00e4r inte att avsluta med ett fantastiskt utseende och f\u00e4rdigt att anv\u00e4nda eller s\u00e4lja tema, utan att ge dig den solida grund som kr\u00e4vs f\u00f6r att bygga och f\u00f6rl\u00e4nga den.<\/p>\n
Jag rekommenderar att du skriver ut allt sj\u00e4lv ist\u00e4llet f\u00f6r att kopiera+klistra in koden. Det \u00e4r det b\u00e4sta s\u00e4ttet att l\u00e4ra sig (oroa dig inte, vi pratar inte om tusentals rader h\u00e4r)! Lektionerna \u00e4r upplagda s\u00e5 att du l\u00e4r dig vad varje kodbit g\u00f6r, steg f\u00f6r steg, s\u00e5 att du kan modifiera och l\u00e4gga till den l\u00e4ngs v\u00e4gen, s\u00e5 att du kan f\u00e5 den att bli precis som du vill att den ska vara eller se ut. I slutet av varje lektion kommer jag att l\u00e4nka till dokumentationssidor f\u00f6r varje metod som anv\u00e4nds, vanligtvis till WordPress Codex<\/a>.<\/p>\n Den h\u00e4r handledningen kommer inte att t\u00e4cka n\u00e5gon styling (CSS), men den f\u00f6rklarar hur du kan l\u00e4gga till dina stilmallar till ditt tema och g\u00e5r igenom hur du ber\u00e4ttar f\u00f6r WordPress att dynamiskt l\u00e4gga till anv\u00e4ndbara klasser i din HTML. Jag uppmuntrar dig att styla ditt tema f\u00f6r dig sj\u00e4lv n\u00e4r du f\u00f6ljer med.<\/p>\n Denna handledning \u00e4r f\u00f6r dig som:<\/p>\n Det du beh\u00f6ver f\u00f6r att f\u00f6lja denna handledning \u00e4r:<\/p>\n Nedan finns direktl\u00e4nkar till alla 12 lektioner i denna handledning; men i slutet av varje lektion hittar du nagivationsl\u00e4nkar till n\u00e4sta eller f\u00f6reg\u00e5ende lektion, s\u00e5 du beh\u00f6ver inte komma tillbaka hit.<\/p>\n Utan vidare, l\u00e5t oss b\u00f6rja<\/strong>! Om du redan har en lokal WordPress-utvecklingsinst\u00e4llning, hoppa direkt till Del 1: Introduktion<\/a>.<\/p>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 0.5: St\u00e4lla in lokal WordPress-utveckling<\/a><\/p>\n Steg 0.5 i WordPress temahandledning f\u00f6r nyb\u00f6rjare t\u00e4cker hur man st\u00e4ller in en lokal utvecklingsmilj\u00f6 med WAMP eller XAMPP och installerar WordPress.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 1: Introduktion<\/a><\/p>\n I den h\u00e4r lektionen kommer du att b\u00f6rja l\u00e4ra dig hur WordPress laddar inneh\u00e5ll beroende p\u00e5 vilken sida du \u00e4r p\u00e5 och hierarkin av temamallfiler. Du kommer ocks\u00e5 att l\u00e4ra dig vad som beh\u00f6vs f\u00f6r ett giltigt tema. Och i slutet kommer vi \u00e4ntligen att skapa v\u00e5rt tema och aktivera det.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 2: Mallar<\/a><\/p>\n Den h\u00e4r lektionen kommer att l\u00e4ra dig hur du strukturerar huvudbyggnadsmallarna i ett WordPress-tema. Vi kommer att b\u00f6rja skapa de viktigaste mallarna.<\/p>\n<\/li>\n Handledning f\u00f6r WordPress-tema f\u00f6r nyb\u00f6rjare \u2013 Del 3: Dynamiskt inneh\u00e5ll<\/a><\/p>\n I den h\u00e4r lektionen av WordPress-temahandledningen f\u00f6r nyb\u00f6rjare kommer vi att l\u00e4ra oss om krokar i WordPress och l\u00e4gga till n\u00e5gra krokar i v\u00e5rt tema som kr\u00e4vs f\u00f6r att ett tema ska fungera korrekt med WordPress och plugins. Vi kommer ocks\u00e5 att b\u00f6rja komma \u00e5t dynamiskt inneh\u00e5ll fr\u00e5n WordPress i v\u00e5r header, som att automatiskt f\u00e5 den aktuella sidtiteln.<\/p>\n<\/li>\n WordPress Theme Tutorial f\u00f6r nyb\u00f6rjare \u2013 Del 4: The Post Loop<\/a><\/p>\n I den h\u00e4r lektionen av WordPress-tematens handledning f\u00f6r nyb\u00f6rjare kommer vi att g\u00e5 in i detalj om "inl\u00e4ggsslingan" i WordPress; vad det \u00e4r, hur det ser ut, varf\u00f6r vi anv\u00e4nder det och hur man f\u00e5r \u00e5tkomst till inl\u00e4gg. Vi kommer sedan att implementera slinga i v\u00e5rt tema.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 5: F\u00e5 tillg\u00e5ng till inl\u00e4ggsinformation<\/a><\/p>\n Den h\u00e4r lektionen av WordPress-tematens handledning f\u00f6r nyb\u00f6rjare kommer att handla om hur vi kan komma \u00e5t och mata ut information som dess l\u00e4nk, titel och mer fr\u00e5n varje inl\u00e4gg n\u00e4r vi \u00e4r inne i inl\u00e4ggsslingan. Vi g\u00f6r detta med malltaggar. I processen kommer vi ocks\u00e5 att l\u00e4gga till mallarna f\u00f6r singelvy till v\u00e5rt tema.<\/p>\n<\/li>\n WordPress Theme Tutorial f\u00f6r nyb\u00f6rjare \u2013 Del 6: Ett temas funktioner.php<\/a><\/p>\n Idag kommer vi att l\u00e4ra oss var och hur man l\u00e4gger till kod utanf\u00f6r mallarna i v\u00e5rt tema. Det g\u00f6r vi genom att l\u00e4gga till temats functions.php-fil. L\u00e4ngs v\u00e4gen kommer vi ocks\u00e5 att l\u00e4ra oss hur du l\u00e4gger till dina stilmallar och skript p\u00e5 r\u00e4tt s\u00e4tt.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 7: Temainst\u00e4llning och utvalda bilder<\/a><\/p>\n Den h\u00e4r lektionen forts\u00e4tter genom att l\u00e4gga till den grundl\u00e4ggande, n\u00f6dv\u00e4ndiga koden f\u00f6r att st\u00e4lla in ett WordPress-tema. Vi l\u00e4r oss att l\u00e4gga till temast\u00f6d och filtrera framsidans titel.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 8: \u00d6vers\u00e4ttning<\/a><\/p>\n Vi l\u00e4r oss om hur \u00f6vers\u00e4ttning (eller i18n) i WordPress fungerar och hur man g\u00f6r texter \u00f6vers\u00e4ttbara. Inneh\u00e5ller \u00e4ven en guide f\u00f6r att anv\u00e4nda PoEdit f\u00f6r att generera .po-filer.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 9: Menyer och widgetomr\u00e5den<\/a><\/p>\n Den h\u00e4r lektionen tar upp hur du l\u00e4gger till tv\u00e5 grundl\u00e4ggande WordPress-funktioner till v\u00e5rt tema; menyer och widgetomr\u00e5den. Vi l\u00e4r oss hur man registrerar en plats f\u00f6r en webbplatsens huvudnavigeringsmeny och matar ut menyn i v\u00e5ra mallar, samt till\u00e5ter att l\u00e4gga till widgets i v\u00e5rt sidof\u00e4lt och sidfotsomr\u00e5de.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 10: L\u00e4gga till fler mallar<\/a><\/p>\n I den h\u00e4r lektionen av WordPress-temahandledningen f\u00f6r nyb\u00f6rjare kommer vi att dyka mer in i mallar. Vi kommer att l\u00e4ra oss om malldelar och implementera det f\u00f6r \u00e5teranv\u00e4ndning. Och vi kommer att l\u00e4gga till fler av WordPresss standardmallar till v\u00e5rt tema.<\/p>\n<\/li>\n WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 11: Anpassade sidmallar<\/a><\/p>\n I den h\u00e4r lektionen av WordPress-temahandledning f\u00f6r nyb\u00f6rjare l\u00e4r vi oss om sidmallar, vad de \u00e4r, hur man skapar dem och b\u00e4sta praxis. Vi g\u00f6r en mall i full bredd som ett exempel. L\u00e4ngs v\u00e4gen l\u00e4gger vi ocks\u00e5 till en klass i br\u00f6dtexten genom att fr\u00e5ga om sidan anv\u00e4nder en specifik sidmall.<\/p>\n<\/li>\nF\u00f6ruts\u00e4ttningar<\/h2>\n
\n
\n
Handledning Inneh\u00e5llsf\u00f6rteckning<\/h2>\n
\n