Att förstå WordPress temafiler och hierarkin är avgörande för att kunna anpassa och utveckla din webbplats. WordPress-teman består av en uppsättning filer som arbetar tillsammans för att skapa webbplatsens utseende och funktionalitet. I denna guide kommer vi att utforska de viktigaste temafilerna, deras funktioner och hur hierarkin fungerar.
Vad är en temafil?
En temafil är en PHP-fil som kontrollerar utseendet och funktionen hos din WordPress-webbplats. Temafiler kan innehålla HTML, PHP, CSS och JavaScript. Genom att redigera dessa filer kan du anpassa allt från sidlayouter till hur enskilda inlägg visas.
Översikt över WordPress temahierarki
WordPress-temahierarkin är den ordning i vilken WordPress söker efter temafiler för att visa innehåll på din webbplats. När en sida laddas, söker WordPress efter specifika filer i en bestämd ordning tills den hittar en matchande fil.
Viktiga filer i temahierarkin
- index.php: Denna fil är den grundläggande mallen och används som en sista utväg om ingen annan specifik fil hittas.
- style.css: Innehåller temats stilregler (CSS) och metadata om temat.
- header.php: Innehåller webbplatsens huvudinnehåll, t.ex. logotyp och navigationsmeny.
- footer.php: Innehåller sidfoten och avslutande HTML-taggar.
- functions.php: En viktig fil där du kan lägga till egna funktioner och ändra standardbeteende i WordPress.
- single.php: Används för att visa enskilda inlägg.
- page.php: Används för att visa enskilda sidor.
- archive.php: Används för att visa arkivsidor, t.ex. kategorier och datumarkiv.
- search.php: Används för att visa sökresultat.
- 404.php: Används för att visa en anpassad 404-felsida när en sida inte hittas.
Temahierarki i detalj
WordPress-temahierarkin följer en specifik ordning beroende på vilken typ av sida som laddas. Här är en mer detaljerad översikt över hur hierarkin fungerar för olika sidtyper:
Startsidan
För startsidan söker WordPress efter följande filer i denna ordning:
- home.php
- index.php
Enskilda inlägg
För att visa enskilda inlägg söker WordPress efter:
- single-{post_type}.php (t.ex. single-post.php för inlägg)
- single.php
- index.php
Enskilda sidor
För enskilda sidor söker WordPress efter:
- page-{slug}.php (t.ex. page-about.php för en sida med sluggens ”about”)
- page-{id}.php (t.ex. page-42.php för en sida med ID 42)
- page.php
- index.php
Kategorier
För att visa kategorisidor söker WordPress efter:
- category-{slug}.php (t.ex. category-news.php för en kategori med sluggens ”news”)
- category-{id}.php (t.ex. category-10.php för en kategori med ID 10)
- category.php
- archive.php
- index.php
Taggar
För att visa taggsidor söker WordPress efter:
- tag-{slug}.php (t.ex. tag-tech.php för en tagg med sluggens ”tech”)
- tag-{id}.php (t.ex. tag-20.php för en tagg med ID 20)
- tag.php
- archive.php
- index.php
Sökresultat
För att visa sökresultatssidor söker WordPress efter:
- search.php
- index.php
404-sidor
För att visa en 404-felsida när en sida inte hittas söker WordPress efter:
- 404.php
- index.php
Anpassning av temafiler
Genom att anpassa temafiler kan du ändra utseendet och funktionen på din webbplats.
Här är några vanliga sätt att anpassa temafiler:
Skapa en anpassad sidmall
- Skapa en ny fil: Skapa en ny PHP-fil i ditt temanamn, t.ex. custom-page.php.
- Lägg till mallhuvud: Lägg till följande kod överst i filen:
<?php /* Template Name: Custom Page */ ?>
- Anpassa koden: Lägg till din HTML- och PHP-kod för att anpassa sidmallen.
- Tilldela mallen till en sida: Gå till WordPress-adminpanelen, redigera en sida och välj din anpassade mall under ”Sidattribut”.
Redigera functions.php
Du kan lägga till egna funktioner eller anpassa befintliga funktioner genom att redigera functions.php.
- Öppna functions.php: Gå till Utseende > Temaredigerare i WordPress-adminpanelen och öppna functions.php.
- Lägg till kod: Lägg till dina egna funktioner eller filter. Till exempel, för att lägga till stöd för utvald bild:
<?php function custom_theme_setup() { add_theme_support('post-thumbnails'); } add_action('after_setup_theme', 'custom_theme_setup'); ?>
Barnteman
För att säkerställa att dina anpassningar inte skrivs över vid temauppdateringar bör du skapa ett barntema.
- Skapa en ny mapp: Skapa en ny mapp i wp-content/themes, t.ex. mitt-barntema.
- Skapa en style.css-fil: Skapa en style.css-fil i din nya mapp och lägg till följande kod:
/* Theme Name: Mitt Barntema Template: ditt-föräldratema */
- Skapa en functions.php-fil: Skapa en functions.php-fil i din nya mapp och lägg till följande kod:
<?php function mitt_barntema_enqueue_styles() { wp_enqueue_style('föräldratema-style', get_template_directory_uri() . '/style.css'); wp_enqueue_style('barntema-style', get_stylesheet_directory_uri() . '/style.css', array('föräldratema-style')); } add_action('wp_enqueue_scripts', 'mitt_barntema_enqueue_styles'); ?>
- Aktivera ditt barntema: Gå till Utseende > Teman i WordPress-adminpanelen och aktivera ditt barntema.
Slutsats
Att förstå WordPress temafiler och hierarkin är nyckeln till att kunna anpassa och utveckla din webbplats effektivt. Genom att lära dig hur temahierarkin fungerar och hur du kan anpassa temafiler, kan du skapa en unik och funktionell webbplats som möter dina specifika behov. Med dessa grunder kan du börja utforska mer avancerade anpassningar och utvecklingstekniker för att verkligen få ut det mesta av WordPress.