You are here: Documentation
Personal tools
Views

User Handbook/Getting Started/Designer/Templates/nl

From CMSMS

Table of Contents

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Sjablonen

De redacteur kan bepalen hoe iedere pagina van de website eruit moet zien door de keuze van het paginasjabloon.

Zoals besproken in Ik ben een ontwerper bepalen de sjablonen alleen de structuur van de pagina, dus wat er in de pagina wordt opgenomen. Met behulp van de stylesheets kan die structuur vervolgens gestileerd worden om de look-and-feel van de pagina te realiseren.

Dus hoe maakt u nu een sjabloon in CMS Made Simple? Dat is relatief eenvoudig. U gebruikt een kale HTML-pagina en plaatst placeholders voor de inhoud (content), het menu, enz. Als de pagina wordt opgeroepen door een bezoeker, dan wordt deze pagina automatische gegenereerd vanuit het sjabloon en worden de placeholders vervangen door inhoud. Om een idee te krijgen hoe dit in zijn werk gaat, kunt u kijken hoe de standaard sjablonen opgebouwd zijn.

Dit betekent dat u de opmaak van elke willekeurige pagina kunt gebruiken en deze kunt omzetten naar een sjabloon voor de CMSMS-pagina's.

Veelgebruikte tags in CMS Made Simple-sjablonen

Hieronder volgen de meestgebruikte tags die als placeholder in een sjabloon gebruikt kunnen worden:

  • {sitename} - wordt vervangen door de naam van de site die in te stellen is bij Algemene instellingen.
  • {title} - wordt vervangen door de titel van de content (deze titel wordt ingesteld tijdens het aanmaken van een pagina).
  • {stylesheet} - Plaats deze tussen de <head> tags. Dit voegt alle stylesheets toe die je gekoppeld hebt met je sjabloon. Het weglaten van deze tag resulteert in een pagina zonder opmaak. Als je liever externe stylesheets gebruikt, plaats dan de normale <link/> tag in de header.
  • {metadata} - voegt de metadata's toe, in te stellen via Algemene instellingen.
  • {content} - wordt vervangen door de echte content van de geselecteerde pagina, de content die je bewerkt in Content -> Pagina's.
  • {breadcrumbs} - wordt vervangen door het pad naar de geselecteerde content.
  • {menu} - Dit is een van de meest voorkomende menu's. Het volledige menu zal automatische gegenereerd worden op basis van de pagina's, op de positie van deze placeholder. Deze tags kan ook parameters meekrijgen, afhankelijk van de wijze waarop je het menu eruit wilt laten zien. Gebruik bijvoorbeeld {menu collapse='1'} om de subitems in the menu in te laten klappen, zodat alleen de subitems van het actieve menuitem zichtbaar zijn.

Welke tags zijn er beschikbaar voor een sjabloon?

  • Een lijst met tags is te vinden onder het Uitbreidingen -> Tags menu in het beheerpaneel. Voorbeelden zijn de eerder genoemde {title}, {stylesheet} en {breadcrumbs}. Klik op hun hulplink om te zien hoe ze gebruikt worden.
  • U kunt uw eigen Gebruikergedefinieerde tags maken. Voeg ze in met hun naam, dus bijvoorbeeld {mijntag}
  • Modules worden toegevoegd met {cms_module module='modulename'}. Hoe ze gebruikt worden staat in hun hulpbestand (Uitbreidingen -> Modules).

Voor veel tags en modules kunnen parameters gebruikt worden. De aanroep wordt dan {tagname parameter='waarde'}.

Koppelen van stylesheets

Om de elementen van je sjabloon te stileren en het DIV-element te positioneren, koppelt u een of meerdere stylesheets aan het sjabloon. In de lijst van sjablonen (Opmaak -> Sjablonen) klikt u op het CSS-icoon aan de rechterzijde van een sjabloon. Selecteer de stylesheets die u aan de sjabloon wilt koppelen uit de aanwezige sheets in het keuzemenu en klik op "Stylesheet toevoegen".


This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Retrieved from "http://wiki.cmsmadesimple.org/index.php/User_Handbook/Getting_Started/Designer/Templates/nl"