Filer i WordPress-tema

En beskrivning av filer i WordPress-tema och vilken ska du ändra i för att få önskat resulat.

På Design & bilder fortsätter vår seria om hur du skapar WordPress-tema. För den här artikeln är det bra om du har installerat WordPress och skapat ett layout-tema, så du har filerna att arbeta med. Men för att komma igång behöver du veta vad de olika filerna gör.

En översikt av filerna

Wordpress tema-filer

Wordpress tema-filer

Layoutteman finns i mappen /wp-content/themes. Läste du min första artikel har du säkert ett eget tema med filer kopierade frÃ¥n temat ”default”.

Förutom stylesheet (style.css) och bild-mapp (images) är de här php-filerna sidmallar (eng. page templates) som WordPress använder för att bygga webbplatsen layout och struktur. De använder PHP-kod för att bygga design och fyllla med innehÃ¥ll, men bli inte skrämd av detta – du kan oftast komma undan med att kopiera och klistra in PHP-funktionerna där du vill ha dem.

Vissa sidmallar används automatiskt av WordPress, andra behöver kopplas till önskad sida i administrations-gränssnittet.

Filerna i temat ”default”

De här filerna finns med som standard i WordPress default-tema:

  • 404.php
    Den här mallen styr hur webbplatsen visar felmeddelandet när nÃ¥got saknas (dvs felmeddelandet ”Hittades inte”).
  • archive.php
    När inläggen i en kategori, av en författare, en etikett eller ett datum visas.
  • archives.php
    Den här filen skapar en lista med olika arkiv. Den är egentligen en sÃ¥dan sidmall du kan skapa själv och används inte i temat om du inte kopplar den till en sida i din WordPress-installation. Eftersom den inte är sÃ¥ viktig är mitt tips att lÃ¥ta den vara för stunden…
  • comments.php & comments-popup.php
    Mallar för kommentarer. Mitt råd är att lämna den därhän för tillfället.
  • footer.php
    Mall för sidfot med lite text och avslutning på webbplatsens HTML-struktur. Denna fil är inte till för att visas ensamstående, hämtas in till andra mallar med funktionen <?php get_footer(); ?>
  • functions.php
    Den här filen används när man vill skapa egna funktioner för temat. Låt den vara för tillfället, jag kommer gå närmare in på den en annan gång.
  • header.php
    Sidhuvud, här finns övre delen av HTML-strukturen, inklusive logotype. Doctype, meta-taggar, stylesheet och skript hämtas. Sidkroppen påbörjas. Denna fil är inte till för att visas ensamstående, för att hämta in detta till en annan mall används funktionen <?php get_header(); ?>.
  • image.php
    Används när du länkar en uppladdad bildfil eller använder den inbyggda galleri-funktionen.
  • index.php
    Huvudmallen, måste finnas med. Vanligen den mall som styr hur blogginlägg visas. I en standardinstallation av WordPress styr alltså temats index.php förstasidans utseende.
  • links.php
    Precis som archives.php ovan är det här en sådan man du kan skapa själv. Den används inte om du inte skapar en sida för länkarkiv och kopplar till den här mallen i din WordPress-installation. Vill du göra ett länkarkiv, skapa en sida och välj den här sidmallen.
  • page.php
    När en enskild sida ska visas används den här mallen. Ett exempel är sidan ”Om” som brukar finns med när WordPress först installeras.
  • search.php
    Används när du gjort en sökning på webbplatsen och resultatet ska visas. Bygger förstås på att du har ett sökformulär med någon annanstans i ditt tema.
  • sidebar.php
    Sidokolumnen (men du kan egentligen lägga in vilken kod du vill). Denna fil är inte till för att visas ensamstående, hämtas till andra mallar med <?php get_sidebar(); ?>.
  • single.php
    Mallen styr hur enskilda blogginlägg visas.
  • style.css
    Huvudstylesheet, måste finnas med men inget hindrar att du använder fler stylesheets än detta.

Många av de här mallarna kan tas över av andra mallar. Ett exempel: du kan göra en mall för en enskild kategori genom att skapa en fil som heter category-ID.php (där du ersätter ID med numret för den kategorin). Det finns mer om hierarkin i länkar sist i artikeln. Men börja med grunden ;)

Filer att hämta till andra mallar

header.php, sidebar.php och footer.php används för att bygga strukturen i andra mallar. De kan inte användas som självständiga malla. Som jag nämnt ovan hämtar du in dem med PHP-funktionerna <?php get_header(); ?>, <?php get_sidebar(); ?>, <?php get_footer(); ?>. En sidmall med endast dessa funktioner kommer alltså visa din blogglayout utan någon innehåll.

Övning
Testa att skapa en sidmall med den här koden, spara i ditt tema som tomtexempel.php och koppla den till en WordPress-sida enligt nedan.

<?php
 /*
  Template Name: TomtExempel
 */
 ?>
<?php get_header(); ?>
<p>Ett tomt layout-skal.</p>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Koppla en Sidmall till sida

Att koppla en sidmall i WordPress till en sida är ganska enkelt. Du loggar in, gÃ¥r till Sidor / Redigera (eller Sidor / Lägg till ny, vad du nu vill göra). Ute till höger finns en rullgardinsmeny med Mall. den är inställd pÃ¥ ”Förvald mall” (dvs sidan kommer troligen visas med page.php). Där bör du hitta Archives, Links och de mallar du skapat själv. Välj önskad mall och uppdatera sidan.

Ställ in Page Template

Ställ in Page Template

Mer läsning

I nästa artikel kommer jag beskriva hur du styr upp innehållet i sidmallarna och WordPress. Snart kommer du ha full kontroll och kan använda all den kraft som finns i WordPress som publiceringssystem!

Publicerat: 16 september, 2009
Författare: Mattias
Etiketter: ,
Tyck till »

Lämna en kommentar