Tellme header image
Tellme random header image

Tutorial - Een eigen Wordpress Theme - Les 2

January 22nd, 2009 by Bart · No Comments

In les 1 hebben we de hoofdzaken van de basis behandeld, heb je dit nog niet gelezen, dan raad  ik je aan hiermee te beginnen. http://tellme.jeropocs.com/2009/01/23/tutorial-een-eigen-wordpress-theme-les-1

In deze les gaan we het hebben over de template files, en templates.
Een ding dat duidelijk moet zijn, is dat elke pagina opgebouwd is uit meerdere template files. Hieronder staat een voorbeeld van een pagina.

index

De pagina hierboven, is gemaakt uit 4 template files; header.php, index.php, sidebar.php en footer.php:

header template file:
in de header file staan meestal de titel en de omschrijving. Over het algemeen blijft de header op de hele site gelijk.

header template

index template file:
In de index template file staat meestal de titel van het bericht, de content(tekst inclusief plaatjes) en de post meta data (de auteur, de datum van plaatsing etc.)

index template

sidebar template file:
In de sidebar template staan meestal de links, het archief, een agenda etc. Natuurlijk hoeft een sidebar niet altijd rechts te staan, maar in onze tutorial gaan we uit van een 2 collumn template, met de sidebar rechts.
sidebar template

footer template file:
net zoals de header, veranderd de footer over het algemeen niet. in de footer kun je vanalles zetten, maar over het algemeen staat er alleen de copyright e.d.
footer template

 Nu komen we bij het punt dat ik uit ga leggen waarom de index.php in het rood geschreven is;
Over het algemeen, is dit het gedeelte van de pagina dat veranderd, als je naar een andere pagina gaat.
Even een voorbeeld om het iets duidelijker te maken, wanneer je op een statische pagina was (bijvoorbeeld de home) dan was index.php, single.php geweest.
single template

Ik denk dat dit wel weer genoeg informatie was voor vandaag. De volgende keer zullen we een begin gaan maken met index.php.

Tags: tutorials · webdesign

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment