WordPress 5 – Skapa ett barntema

Lektion 4 och 5 i WordPress-kursen är långt ifrån färdiga men jag lägger upp det så länge ändå.

All layout (och vissa begränsade funktioner) på din hemsida kontrolleras i ett tema. Temat hakar på sig på din WordPress, läser ut ditt innehåll ur databasen och presenterar det som din hemsida. Alla WordPress-installationer måste ha ett tema installerat.

För att ha någon glädje av att skriva ett eget tema eller child theme behöver du kunna minst HTML & CSS.

Ett minimalt temat innehåller 1 CSS-fil och 1 PHP-fil. Du kan själv skriva tema. Du kan antingen skriva ett tema helt från grunden eller utöka ett tema genom ett child theme.

Olika delar i WordPress kopplar ihop sig via en central punkt
Olika delar i WordPress kopplar ihop sig via en central punkt

I verkligheten skriver man väldigt sällan ett tema helt från grunden. Jag kan bara komma på ett läge när man vill göra det och det är i utbildningssyfte.

Jag har gjort ett tema och ett child theme att utgå ifrån för att lära sig. Båda finns att ladda hem i mitt Git-repository: olas-wordpress-skola. Att skriva egna tema och child themes är en av de saker som finns väldokumenterat i WordPress-manualen. Och har du inte bekantat dig med manualen är det hög tid 🙂

Child theme

Skapa ett eget Child Theme från WordPress-temat TwentySixteen och gör följande ändringar genom att ändra bara i CSS

  1. Göm sidfoten eller en del av sidfoten
  2. Ändra typsnitt på alla rubriker
  3. Ändra bakgrundsfärg på all brödtext
  4. Sätt ett typsnitt på rubriker för sidor & ett annat typsnitt på rubriker på inlägg

Theme

Ladda hem temat från mitt git-repository. Välj temat i WordPress och bekanta dig med HTML, PHP & CSS-koden.