Tutorial: Introductie in Joomla! Templates

Deze inleidende cursus geeft u een inzicht in het maken van Joomla! Templates.

Wat is het doel van een template?

Een template bepaalt het algehele uiterlijk en de lay-out van een site. Het biedt het kader dat de verschillenden elementen, modules en componenten samenbrengt, alsmede het beschikbaar maken van de cascading style sheet (CSS) voor de site. Zowel de front-end als back-end van de site hebben eigen templates.

Wanneer Joomla! voor het eerst wordt geïnstalleerd zijn er verschillende template automatisch opgenomen. U kunt veel meer templates vinden op andere websites. Sommige zijn zonder kosten beschikbaar onder verschillende licenties, sommige zijn enkel te koop. Daarnaast zijn er vele ontwikkelaars beschikbaar die uw eigen aangepaste tempalte kunnen maken. U kunt ook uw eigen template maken.

Templates worden beheerd met behulp van de Template Manager, welke u kunt vinden onder het Extensions-menu in de back-end (beheerders kant) van uw site.

Waarom heeft Joomla! templates gebruikt? ( Een echte beginners gids ! )

De manier waarop Joomla! is ontworpen onderscheidt de belangrijkste taken die betrokken zijn bij de productie van een website voor een efficiënter onderhoud van de software. Een van deze taken is het creëren van de esthetische (het kijken, voelen en lay-out) van de site. Dit omvat het nemen van besluiten, zoals welk content elementen (componenten, modules en plugins) u kunt plaatsen op een bepaalde pagina.

Bij het maken van een webpagina, zal de locatie van de meeste elementen gelijk blijven (menu's, banner plaatsen, sidebars, enz.). Daarnaast zult u hetzelfde uiterlijk (lettertypen, kop-stijlen, kleuren enz.) voor elke pagina willen maken. Voor sommige delen van de site wilt u misschien een ander algemene gevoel geven doordat er een ander doel is voor die pagina's (zoals bijvoorbeeld een blog sectie). Een beetje planning is vereist voor dit, maar zodra u bepaalt heeft wat de algemene lay-out voor uw site is, heeft u heeft pas de taak elke inhoudelijke pagina te maken.

En dat is waar een template erbij komt. U kunt de code schrijven voor elke pagina afzonderlijk. Of gebruik een template voor elk groot gedeelte van uw site zodat wanneer u een nieuwe pagina wilt , die u gewoon "invult". Oke, misschien is het niet zo eenvoudig, maar deze tutorial is ontworpen om u een stapsgewijze handleiding voor het effectieve gebruik voor templates te geven. Beginnend met hoe een template te gebruiken en eindigend met het maken van een template voor uzelf.

• Gebruik een van de templates die meegeleverd worden met Joomla!
• Download een van de vele gratis van het internet
• Betaal voor een aangepaste of van de grond op gemaakte template als u niets van uw gading kunt vinden

Wat kunt u doen met een template?

Een template wordt gebruikt om de wijze waarop content wordt geleverd aan een browser of schermlezer te manipuleren. Hier zijn enkele manieren die u kunt gebruiken in een met Joomla! gemaakte site.

Weergave

De tempalte is een plaats waar het ontwerp (design) van de hoofdopmaak wordt bepaald voor uw site. Hierbij hoort waar u verschillende elementen (componenten, modules en plugin) plaatst, welke verantwoordelijk zijn voor verschillende types van content. Bij voorbeeld:

• de verschillende menus (u kunt kiezen van bestaande opties en uw eigen maken)
• advertensie banners
• enquetes
• de hoofd body van een pagina (u kunt verschillende stylen selecteren zoals een blog weergave, een nieuws artikel, enz.)

Kleur schema

Gebruik makend van CSS in uw template, kunt u de kleuren wijzigen van uw achtergronden, teksten, links of bijna alles dat u aanpassen met reguliere (x)html code.

Afbeeldigen en effecten

U kunt ook de manier manipuleren waarop afbeeldingen worden weergegeven op de pagina en zelfs flash-achtige effecten toepassen of opnemen van AJAX toepassingen, zoals drop-down menu's.

Lettertypen

Hetzelfde geldt voor de lettertypen. De ontwerpen voor deze (vallen alle binnen de template van de CSS files) om een uniforme look te krijgen in uw hele site, waardoor het fantastisch makkelijk is om de hele look te veranderen, door het wijzigen van een of twee files in plaats van elke afzonderlijke pagina.

Browser-specifieke oplossingen

Een template kan zodanig worden ontworpen dat de weergave zich aanpast aan de verschillende webbrowsers, zodat u ten volle kunt profiteren van de laatste ontwikkelingen. Zonder het ontoegankelijk maken van uw site: voor degenen die niet kunnen draaien "up-to-the-minute"-systeem upgrades ( zoals bepaalde bedrijven die limiet welke software hun werknemers kunnen gebruiken).

Templates meegeleverd met Joomla!

De volgende sjablonen worden geleverd met een standaard installatie van Joomla! 1.5.x:

• Milkyway (this is the default template). Milkyway (dit is de standaard sjabloon).
• Beez Beez
• JA_Purity JA_Purity

Hoe templates te wisselen

Als u de standaardtemplate voor de site (Front-end) of Administrator (Back-end) wilt wisselen, volg deze stappen:

• Meld u aan bij de Administrator (Back-end). 
• Klik op: Extensie -> Templatebeheer

U ziet nu het Template beheer scherm.

Als u de optie Template Manager niet vermeld ziet op het Extensiebeheer menu, dan is het het meest waarschijnlijk, dat u niet bent ingelogd als een Super Administrator. Alleen Super Administrators ziet dit menu-item.

Van hieruit beheert u uw templates voor front-end en back-end. De standaard weergave toont uw geïnstalleerde Front-end templates. De standaard template voor de Front-end is gemarkeerd met een ster, in de afbeelding hieronder is dat joomlacommunity.

Als u de standaardtemplate wilt wijzigen naar BEEZ:

• klik op de knop links van de template om deze te selecteren;
• klik op "Standaard" op de werkbalk;

De ster verandert van rhuk_milkyway naar BEEZ en u bent klaar.

Wijs meer dan een template aan voor de Front-end

Joomla! geeft u de mogelijkheid om te wisselen tussen twee of meer templates op de front-end. Dit is gedaan met "Menu toewijzing", dus je kunt verschillende templates gebruiken voor elk menu of alleen een menu-item.

Klik op: Extensie -> Templatebeheer

U ziet uw geïnstalleerde template, kies nu voor een template die niet is ingesteld als uw standaard. Klik op de templatenaam of druk op de knop aan de linkerkant van de template naam, en klik op "Bewerken" op de werkbalk. U ziet nu de pagina "Template: [Bewerken]", klikt u op het keuzerondje "Selecteer uit lijst" in het "Menu toewijzing" blok en kies de menu-items die op de template wordt weergegeven. Klik op "Opslaan" op de werkbalk en u bent klaar.

Hoe installeer ik templates

Installeren via Admin Panel (verpakt templatebestand)

Log in op de back-end van uw site (www.uw-site.nl/administrator/)

Klik op: Extensies -> Installeren/Deinstalleer

U ziet de pagina "Extensiebeheer"

Vanaf hier kunt u uw templates, plugins, modules, componenten en talen.

U hebt drie opties:

• Upload pakketbestand - (kies een pakket van uw pc, uploaden en installeren)
• Installeer vanuit map - (geef het pad waar het pakket zich bevindt op de server)
• Installereer URL - (geef de URL van het pakket)

Hier kiezen we voor de eerste methode: Uploaden pakketbestand

Selecteer het pakket van uw pc en klik op de knop "Upload Bestand & Installeer"

Als het pakket geen fouten bevat bent u klaar en volgt er een succes bericht.

Installeren via FTP (uitgepakt templatebestand)

Templates kunnen ook worden geïnstalleerd via FTP zonder verpakking ervan. Selecteer de template map op uw pc en upload deze naar uw server, met gebruik van uw favoriete FTP-software.  Wees er zeker van dat u de template map uploadt naar de map: / pad_naar_joomla / templates / - waar / pad_naar_joomla / de locatie is van uw Joomla! installatie op de webserver.   Deze methode wordt meestal gebruikt wanneer u zelf een template gemaakt heeft, en deze niet  wilt inpakken voor het installeren van de template, of als u meer dan een template wilt uploaden.

Probeer FTP niet te gebruiken voor het installeren van componenten, modules en plugins als u een beginner / onervaren bent. Deze items hebben database vermeldingen nodig, die handmatig moeten worden ingevoegd als u de pakket-installer niet wilt gebruiken.