WordPress
Wordpress tema och barn-tema utveckling
Sök…
Introduktion
Wordpress är ett allmänt använt CMS för att skapa enkla informationswebbplatser men också för att skapa mer sofistikerade webbplatser och till och med små webbshops.
Wordpress använder sig av teman. Dessa teman används för att skapa layout och innehållsfunktioner på en Wordpress-webbplats. Teman finns över hela internet.
Varje tme har sin egen unika funktionalitet och layout men ibland är det svårt att hitta rätt tema för en webbplats. Lyckligtvis kan vi också skapa vårt eget tema.
Utveckla ditt eget tema
Ett wordpress-tema består av två typer av filer. De grundläggande filerna som varje tema har och filerna som definierar tematets layout och funktionalitet. Denna andra grupp ska jag kalla temspecifika filer.
De grundläggande temafilerna
De grundläggande temafilerna är de filer som används för att konfigurera och registrera ett tema. I listan nedan beskriver jag kort varje fil och dess användning. Senare lägger jag till de mest grundläggande exempelfilerna som behövs för att ställa in ditt eget Wordpress-tema.
-
functions.php
: Filen features.php används för att registrera alla funktioner, sidofält, skript och innehåller temat. I den här filen kan du till exempel inkludera CSS-filer, JS-filer etc. -
Header and footer
: sidhuvud och sidfot filer (header.php och footer.php) är de filer som används för att uppmana sidhuvud och sidfot. Sidhuvud- och sidfotfilen håller till exempel länken till wordpress-back-end-systemet. -
index.php
: index.php-filen är den fil som skapar standardsidesmallen. I den här filen kan du se, redigera och ta bort delar av denna standardmalllayout. -
single.php
: filen single.php är filen som skapar mallens sida för enstaka inlägg. Precis som standardmallen för sidorna men nu för de enskilda inläggssidorna. -
format.php
Format.php-filen är den fil som bygger upp innehåll-textmallen från en sida. Så om du skulle ha en hemsida och du skulle redigera den från baksidan genom att lägga till en text. Den här filen skapar standardmarkeringen för den här texten. -
404.php
404.php-filen skapar 404-mallen. Denna fil består av den grundläggande layouten på denna sida. -
archive.php
Archive.php-filen skapar layouten för arkivsidan. -
style.css
Den grundläggande stilarkfilen.
Så i den här listan kan du se alla nödvändiga filer för installationen av ditt helt eget Wordpress-tema. Låt oss nu titta på några filer som du kan skapa om du vill men inte krävs filer för ett wordpress-tema. Dessa filer är mestadels mallfiler och andra funktionella utsträckningar.
Anpassade sidmallar
page-<your own name>.php
: I ett Wordpress-tema kan du skapa flera sidmallar. genom att skapa nya sidmallfiler. En standard sidmallfil består av följande namnattribut. page
name of the template
och .php
Om du till exempel vill skapa en ny sidmall för din bloggsida kan du kalla den page-blog.php
Wordpress läser automatiskt filen och lägger till filen i välj mallmeny. Se till att du minst har inkluderat get_header()
och get_footer()
. Se också till att du namnger din mall i en kommentar högst upp i filen genom att lägga till följande exempel.
<?php
/*
* Template Name: Homepage Template
*/
get_header();
?>
Anpassade mallar för enstaka inlägg
single-<your own name>.php
: I ett Wordpress-tema, precis som sidmallen som beskrivs ovan, kan du också skapa dina egna enkla inlägg-sidmallar. Precis som sidmallen filen består av tre delar single
för att förklara att det är en enda post sida <your name of the template>
och filen extention .php
. Precis som minimikraven för sidmallen för att se till att Wordpress läser den nya mallen lägger till funktionerna get_header()
och get_footer()
. Och naturligtvis lägger du också till ditt mallnamn som exemplet nedan
<?php
/*
* Template Name: Post Portfolio
* Template Post Type: post, page
*/
?>
Vi anger också Template post type:
som står för den typ av mall det är, i detta fall inlägg och sida.
Anpassade inläggstextmallar
format -<your own name>.php
: I ett Wordpress-tema kan du också skapa postoutmallar. Dessa formatmallar är layouten och innehållet i ett inlägg. Om du till exempel vill att inlägget i vissa fall bara ska visa innehållet eller titeln på inlägget kan du använda dessa mallar för att skapa sådana justeringar. Eftersom den här typen av mallar bara formaterar innehållet för get_header()
som skapades av en användare behöver vi inte ta med get_header()
och get_footer()
eftersom dessa redan är definierade i sidmallarna. Se till att din mall kan känna igen ett inlägg genom att använda följande grundexempel.
<div>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</article>
</div>
Så nu när vi vet något om de grundläggande filerna och några av de många mallspecifika filerna är det dags att börja prata om sidfält och widgets. I framtiden kommer detta att läggas till tillsammans med en början på steg till steg-tutorial om att skapa ett helt eget Wordpress-tema.