Oroa dig inte om bilden ser f\u00f6r f\u00f6rvirrande ut i b\u00f6rjan! N\u00e4r vi g\u00e5r igenom handledningen kommer du att h\u00e4nvisa tillbaka till den h\u00e4r bilden f\u00f6r att hitta vilka mallar du vill implementera i ditt tema.<\/p>\n
S\u00e4ttet du l\u00e4ser bilden \u00e4r genom att g\u00e5 fr\u00e5n v\u00e4nster till h\u00f6ger. Baserat p\u00e5 vilken sida du befinner dig p\u00e5 \u00e4r mallarna v\u00e4ldigt specifika, och ju mer du g\u00e5r mot h\u00f6ger desto mer generella blir mallarna. Den sista fallbacken \u00e4r den l\u00e4ngst till h\u00f6ger; Alla mallfiler som listas i bilden ovan m\u00e5ste ligga i rotmappen f\u00f6r ditt tema och ha exakta namn som anges. Du kan inte placera dina mallar i undermappar i organisatoriska syften f\u00f6r d\u00e5 kommer WordPress inte att kunna hitta dem!<\/p>\n Vi b\u00f6rjar enkelt! Idag kommer vi att skapa de enda f\u00e5 filer som kr\u00e4vs f\u00f6r att WordPress ska k\u00e4nna igen det som ett tema och sedan expandera d\u00e4rifr\u00e5n.<\/p>\n Du beh\u00f6ver bara tv\u00e5 filer f\u00f6r att skapa ett giltigt WordPress-tema.<\/p>\n I illustrationen av mallens hierarki, m\u00e4rkte du den allra l\u00e4ngst till h\u00f6ger; kallas L\u00e5t oss skapa v\u00e5rt tema genom att skapa dessa tv\u00e5 filer!<\/p>\n Alla teman m\u00e5ste finnas i var och en av sina separata mappar i undermappen Skapa G\u00e5 in i din temamapp och skapa en ny, tom fil med namnet Vi \u00e4r redan halvv\u00e4gs! L\u00e5t oss skapa den andra n\u00f6dv\u00e4ndiga filen. Skapa en ny, tom fil med namnet \u00d6ppna I denna handledning kommer vi att h\u00e5lla det enkelt; vi l\u00e4gger till temanamnet och du skriver ditt eget namn som f\u00f6rfattare. Du kan g\u00e5 vidare och anv\u00e4nda vilket\/vilka namn du vill, det h\u00e4r \u00e4r vad jag har skrivit in i min Spara och st\u00e4ng filen (den h\u00e4r handledningen kommer inte att r\u00f6ra den h\u00e4r filen igen), om du inte vill skriva CSS f\u00f6r ditt tema allt eftersom.<\/p>\n Grattis! Du har nu skapat ett giltigt WordPress-tema!<\/p>\n L\u00e5t oss g\u00e5 in i WordPress adminpanel och navigera till "Utseende > Teman" och se om vi kan hitta v\u00e5rt tema d\u00e4r.<\/p>\nindex.php<\/code>, som kommer att laddas om inga andra passningsmallar hittades.<\/p>\nAnatomi av ett WordPress-tema<\/h2>\n
index.php<\/code>? Detta \u00e4r den sista reservmallen om WordPress inte hittar n\u00e5gon mall. Det \u00e4r en av filerna som kr\u00e4vs. Den andra filen \u00e4r en stilmallsfil (.css<\/code>). Den beh\u00f6ver inte n\u00f6dv\u00e4ndigtvis ha n\u00e5gon CSS i den, men den m\u00e5ste inneh\u00e5lla ett kommentarblock som ger WordPress-information om ditt tema. Dessa tv\u00e5 saker \u00e4r allt du beh\u00f6ver f\u00f6r ett giltigt WordPress-tema.<\/p>\nSkapar ditt f\u00f6rsta tema<\/h2>\n
\/wp-content\/themes\/<\/code>. Om du navigerar till den h\u00e4r mappen i din filnavigator kommer du f\u00f6rmodligen redan att se n\u00e5gra temamappar h\u00e4r; twentynineteen, twentyseventeen, etc. Det \u00e4r teman som ing\u00e5r i WordPress som standard.<\/p>\n\/wp-content\/themes\/<\/code>en ny mapp i. Namnge det p\u00e5 l\u00e4mpligt s\u00e4tt (gemener, inga mellanslag, inte samma som alla andra mappar). Vanligtvis \u00e4r mappnamnet en slug-version av ditt temas namn. F\u00f6r den h\u00e4r handledningen kommer jag att namnge min temamapp " wptutorial<\/code>".<\/p>\n![\"WordPress-temahandledning](\"https:\/\/codex.wordpress.org\/File:Template_Hierarchy.png#file\")
<\/a><\/p>\nindex.php<\/code>. Jag redigerade filen och lade bara till lite slumpm\u00e4ssig text, s\u00e5 att vi l\u00e4ttare kan se n\u00e4r den anv\u00e4nds:<\/p>\n<\/a><\/p>\nstyle.css<\/code>.<\/p>\nstyle.css<\/code>filen och starta omedelbart ett kommentarblock (\/*<\/code>och st\u00e4ng det med *\/<\/code>). Inuti detta kommentarblock m\u00e5ste vi f\u00f6lja n\u00e5gra WordPress-regler f\u00f6r hur vi definierar v\u00e5rt tema. Som ett minimum m\u00e5ste vi definiera namnet p\u00e5 v\u00e5rt tema. Men vi kan ocks\u00e5 l\u00e4gga till information om vem f\u00f6rfattaren \u00e4r, hemsida, versionsnummer, licensinformation och mycket mer. Se WordPress-dokumentationen om vad du kan l\u00e4gga till<\/a>.<\/p>\nstyle.css<\/code>:<\/p>\n\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\nAktiverar ditt tema<\/h2>\n