- We gaan het volgende voorbeeld omzetten
<div id="news">
<h1>Niews overzicht</h1>
<hr/>
<ul>
<li>
<a href="/artikel1.html">Artikel 1</a>
</li>
<li>
<a href="/artikel2.html">Artikel 2</a>
</li>
<ul>
</div>
- Ga naar de template file van de pagina meestal index.tpl in de map /public/templates/news/
- In dit bestand plaatsen we de layout van onze inhoud van een pagina. We kunnen gebruik maken van de volgende tags.
- {$title} De titel van de pagina
- {$content} De inhoud van de pagina (Over het algemeen bevat deze al <p>) - Vervang de standaard elementen van de pagina. Uw pagina zal er als volgt uitzien.
<div id="news">
<h1>{$title}</h1>
<hr/>
<ul>
<li>
<a href="/artikel1.html">Artikel 1</a>
</li>
<li>
<a href="/artikel2.html">Artikel 2</a>
</li>
<ul>
</div>
5. Nu gaan we het nieuws overzicht koppelen
<li>
<a href="/artikel1.html">Artikel 1</a>
</li>
<li>
<a href="/artikel2.html">Artikel 2</a>
</li>
- Vervang de bovenstaande code met de volgende tag {pages=news_item.tpl} laten we de tag eens ontleden
{ Start van de tesla tag
pages Geeft aan dat het om pagina’s gaat
= Geeft aan dat je meerdere dingen terug verwacht namelijk het nieuws overzicht
news_item.tpl De naam van de template file
} Einde van tesla tag
- Sla het bestand op deze zou er nu als volgt moeten uitzien.
<div id="news">
<h1>{$title}</h1>
<hr/>
<ul>
{pages=news_item.tpl}
</ul>
</div>
- Maak een bestand aan in de map components/pages en noem deze news_item.tpl
- Open news_item.tpl
- Plaats in dit bestand de layout van 1 nieuws item er kan gebruik worden gemaakt van de volgende tags:
{$title} De opgegeven titel
{$content} De opgegeven content
{$url} De link naar de pagina
- Maak de nodige veranderingen en sla het bestand op Deze zal er als volgt uitzien
<li>
<a href="{$url}">{$title}</a>
</li>
Gefeliciteerd!!!! Je hebt nu je nieuws overzicht aangemaakt