Een eigen Joomla template maken (15) – de navigatie (dl 2)

Joomla 1.5 Templates
Inmiddels zijn we gestart met een nieuwe serie over joomla templates in Joomla 1.5!

In het vorige artikel hebben we het menu van het nieuwe Joomla template gemaakt. Ik gaf toen al aan dat het mogelijk is om de rechterkant van het menu zelf te maken. Op dit moment staan daar nog twee links die niet dynamisch worden opgebouwd. Daar gaan we nu verandering in brengen.

Een eigen menu maken
In de eerste plaats moet je een nieuw menu maken. Dit kan via de Joomla backend:
1) Ga naar Menu > Menu Manager en klik op de New knop. Je komt nu in het scherm Menu Details.
2) Geef het nieuwe menu een naam. Ik noem het menu 'rightmenu' (Menu Name) en als titel 'Right Menu' (Menu Title).
3) Klik op Save.

Joomla maakt nu het menu aan en een nieuwe module, genaamd Right Menu. Dit module ga je nu zo instellen dat je er de Home en Contact link aan kunnen toevoegen.

Het menu instellen
Om het menu in te stellen ga je naar Modules > Site Modules. Klik hier op de nieuwe module met als titel Right Menu. Je bent nu in het detail scherm van de module. Stel hierbij het volgende in:
1) Show Title: No. De titel van het menu willen we niet laten zien. Als je dit wel wilt laat dit dan staan op Yes.
2) Position: user 5. Dit zorgt ervoor dat je meer controle hebt op deze module. Ik kom hier later op terug.
3) Published: Yes
4) Menu Class Suffix: verwijder eventueel wat er hier staat.
5) Menu Style: wijzig dit in flat list. Dit omdat we de elementen naast elkaar willen tonen op de pagina (en niet onder elkaar).
6) Alle overige zaken kan je laten staan zoals je ze gevonden hebt. Klik nu op Bewaar.

Elementen toevoegen aan het menu
De volgende stap is de juiste elementen toe te voegen aan het menu. Dit gaat precies zoals je dit anders ook zou doen.
1) Ga naar Menu > rightmenu
2) Klik op New. Je komt nu in een overzicht van allerlei mogelijke pagina's die je aan een menu kunt toevoegen. Dit is nogal wat, maar kies hier in eerste instantie gewoon voor Link – url (rechts onderin het scherm). Je bent nu in het detailscherm.
3) Vul bij Name in 'Home' en bij Link 'index.php'. De rest kun je laten voor wat het is.
4) Klik op Save.
Je hebt nu de Home link toegevoegd aan het menu!

Herhaal nu een gedeelte van deze stap om het Contact menu item toe te voegen:
1) Klik weer op New. Kies nu voor Link – Component item (rechts bovenin het scherm). Je bent nu weer in het detailscherm. Wat er wel wat anders uitziet.
2) Vul bij Name in 'Contact' en bij kies bij Compontent to Link 'Contact Us'. De rest kun je weer laten voor wat het is.
3) Klik op Save.
Je hebt nu de Contact link toegevoegd aan het menu.

Het menu plaatsen in je template
Je bent bijna klaar. De volgende stap is dit nieuwe menu op de juiste plek in je template aan te roepen. Ga naar het bestand includes/navigation.php. Vervang de inhoud met het onderstaande:

Zoals je kunt zien geef ik binnen het onderdeel navigationright aan dat we de user5 module willen inladen. Plaats dit bestand terug op je server. (Voeg het toe aan je installatie zip en voer de installatie van het template opnieuw uit; een alternatief is JoomXPlorer te installeren en de rechten op je templates folder zo in te stellen dat je erin kunt FTP-en met een gewoon FTP programma [dit scheelt aanzienlijk in tijd, maar de kans op fouten is groter]).

Tot slot: overbodige menu-items verwijderen
Er is nog 1 ding dat je even moet doen: overbodige menu-items uit het linkermenu (topmenu) verwijderen. Dit is heel eenvoudig:
1) Ga naar Menu > topmenu
2) Verwijder de links Home en Contact Us (of misschien beter: Unpublish ze; dit heeft hetzelfde effect, maar je gooit ze niet weg).

En zie daar: het eindresultaat!

Hoe nu verder?
Een volgende stap is de body van de pagina (de inhoud aan de linkerkant) aan te passen naar je eigen wens. Hierover meer in het volgende artikel in deze serie.

Stem / Bookmark [?]