Handledning för WordPress-tema för nybörjare

Det här är en handledningsserie som täcker grunderna för att utveckla ett WordPress-tema från grunden. Det är för dig som har pysslat lite med att ändra andra teman, önskar att du visste tillräckligt för att skapa ditt eget, eller försökte göra ditt eget tema från grunden, men hade svårt att förstå grunderna i vad ett tema behöver. Genom 12 lektioner syftar denna handledning till att guida dig genom att utveckla ditt alldeles egna WordPress-tema, samtidigt som du lär dig vanliga metoder och grunderna om hur WordPress fungerar. Målet med denna handledning är inte att avsluta med ett fantastiskt utseende och färdigt att använda eller sälja tema, utan att ge dig den solida grund som krävs för att bygga och förlänga den.

Jag rekommenderar att du skriver ut allt själv istället för att kopiera+klistra in koden. Det är det bästa sättet att lära sig (oroa dig inte, vi pratar inte om tusentals rader här)! Lektionerna är upplagda så att du lär dig vad varje kodbit gör, steg för steg, så att du kan modifiera och lägga till den längs vägen, så att du kan få den att bli precis som du vill att den ska vara eller se ut. I slutet av varje lektion kommer jag att länka till dokumentationssidor för varje metod som används, vanligtvis till WordPress Codex.

Den här handledningen kommer inte att täcka någon styling (CSS), men den förklarar hur du kan lägga till dina stilmallar till ditt tema och går igenom hur du berättar för WordPress att dynamiskt lägga till användbara klasser i din HTML. Jag uppmuntrar dig att styla ditt tema för dig själv när du följer med.

Förutsättningar

Denna handledning är för dig som:

• Känna till grunderna i HTML och CSS
• Kan lite PHP. Du behöver inte vara expert, men bör kunna grunderna
• Är bekant med att använda WordPress
• Vill lära sig!

Det du behöver för att följa denna handledning är:

• En lokal utvecklingsupplägg. Du kan utveckla genom att överföra via FTP till en domän, men det rekommenderas att konfigurera en lokalt. Du skulle (uppenbarligen) också behöva ha WordPress installerat på din utvecklingssida. Jag förklarar kort hur man gör detta i del 0.
• En bra textredigerare. Du kan använda vilken redigerare som helst, som Anteckningar och liknande, men det rekommenderas att använda en programvara som är inriktad på kodning (det är lättare att läsa, hitta och skriva kod). Personligen använder jag Sublime Text 3.

Handledning Innehållsförteckning

Nedan finns direktlänkar till alla 12 lektioner i denna handledning; men i slutet av varje lektion hittar du nagivationslänkar till nästa eller föregående lektion, så du behöver inte komma tillbaka hit.

Utan vidare, låt oss börja! Om du redan har en lokal WordPress-utvecklingsinställning, hoppa direkt till Del 1: Introduktion.

• WordPress-temahandledning för nybörjare – Del 0.5: Ställa in lokal WordPress-utveckling

  Steg 0.5 i WordPress temahandledning för nybörjare täcker hur man ställer in en lokal utvecklingsmiljö med WAMP eller XAMPP och installerar WordPress.

• WordPress-temahandledning för nybörjare – Del 1: Introduktion

  I den här lektionen kommer du att börja lära dig hur WordPress laddar innehåll beroende på vilken sida du är på och hierarkin av temamallfiler. Du kommer också att lära dig vad som behövs för ett giltigt tema. Och i slutet kommer vi äntligen att skapa vårt tema och aktivera det.

• WordPress-temahandledning för nybörjare – Del 2: Mallar

  Den här lektionen kommer att lära dig hur du strukturerar huvudbyggnadsmallarna i ett WordPress-tema. Vi kommer att börja skapa de viktigaste mallarna.

• Handledning för WordPress-tema för nybörjare – Del 3: Dynamiskt innehåll

  I den här lektionen av WordPress-temahandledningen för nybörjare kommer vi att lära oss om krokar i WordPress och lägga till några krokar i vårt tema som krävs för att ett tema ska fungera korrekt med WordPress och plugins. Vi kommer också att börja komma åt dynamiskt innehåll från WordPress i vår header, som att automatiskt få den aktuella sidtiteln.

• WordPress Theme Tutorial för nybörjare – Del 4: The Post Loop

  I den här lektionen av WordPress-tematens handledning för nybörjare kommer vi att gå in i detalj om "inläggsslingan" i WordPress; vad det är, hur det ser ut, varför vi använder det och hur man får åtkomst till inlägg. Vi kommer sedan att implementera slinga i vårt tema.

• WordPress-temahandledning för nybörjare – Del 5: Få tillgång till inläggsinformation

  Den här lektionen av WordPress-tematens handledning för nybörjare kommer att handla om hur vi kan komma åt och mata ut information som dess länk, titel och mer från varje inlägg när vi är inne i inläggsslingan. Vi gör detta med malltaggar. I processen kommer vi också att lägga till mallarna för singelvy till vårt tema.

• WordPress Theme Tutorial för nybörjare – Del 6: Ett temas funktioner.php

  Idag kommer vi att lära oss var och hur man lägger till kod utanför mallarna i vårt tema. Det gör vi genom att lägga till temats functions.php-fil. Längs vägen kommer vi också att lära oss hur du lägger till dina stilmallar och skript på rätt sätt.

• WordPress-temahandledning för nybörjare – Del 7: Temainställning och utvalda bilder

  Den här lektionen fortsätter genom att lägga till den grundläggande, nödvändiga koden för att ställa in ett WordPress-tema. Vi lär oss att lägga till temastöd och filtrera framsidans titel.

• WordPress-temahandledning för nybörjare – Del 8: Översättning

  Vi lär oss om hur översättning (eller i18n) i WordPress fungerar och hur man gör texter översättbara. Innehåller även en guide för att använda PoEdit för att generera .po-filer.

• WordPress-temahandledning för nybörjare – Del 9: Menyer och widgetområden

  Den här lektionen tar upp hur du lägger till två grundläggande WordPress-funktioner till vårt tema; menyer och widgetområden. Vi lär oss hur man registrerar en plats för en webbplatsens huvudnavigeringsmeny och matar ut menyn i våra mallar, samt tillåter att lägga till widgets i vårt sidofält och sidfotsområde.

• WordPress-temahandledning för nybörjare – Del 10: Lägga till fler mallar

  I den här lektionen av WordPress-temahandledningen för nybörjare kommer vi att dyka mer in i mallar. Vi kommer att lära oss om malldelar och implementera det för återanvändning. Och vi kommer att lägga till fler av WordPresss standardmallar till vårt tema.

• WordPress-temahandledning för nybörjare – Del 11: Anpassade sidmallar

  I den här lektionen av WordPress-temahandledning för nybörjare lär vi oss om sidmallar, vad de är, hur man skapar dem och bästa praxis. Vi gör en mall i full bredd som ett exempel. Längs vägen lägger vi också till en klass i brödtexten genom att fråga om sidan använder en specifik sidmall.

• Handledning för WordPress-tema för nybörjare – Del 12: Anpassad inläggsfråga

  I den här sista lektionen lär vi oss hur du skriver din egen fråga med inlägg och går igenom dem utan att avbryta föräldraslingan i mallen. Vi kommer att göra en malldel för enstaka inlägg som visar relaterade inlägg i samma kategori.

• Handledning för WordPress-tema för nybörjare – Slutsats och nästa steg

  Vi avslutar denna WordPress-temahandledning för nybörjare med att ta en snabb sammanfattning av vad vi har lärt oss. Och titta på vad du kan göra härnäst och hur du kan förbättra dig själv som utvecklare av WordPress-tema.