Menu's

Leseenheid

In dit lesthema gaan we dieper in op de menu's. Hieronder zie je bvb. het beheer menu of management menu, na de installatie van Drupal en een snelkoppelingsmenu. De user menu is ook zichtbaar. 'Hallo admin' en 'uitloggen' behoren tot dit minimenuutje.

Je ziet dat je een gedeelte krijgt waarbij je ook snelkoppelingen kunt maken. Kan interessant zijn als je aan een node werkt en je zet daar tijdelijk een link naartoe. Wij maken echter gebruik van Administration menu (zie vroeger) en dit heeft deze snelkoppelingen niet. We zetten de toolbaar dan ook af en vinken het administration menu aan, als dit nog niet mocht gebeurd zijn.

Onze uitvouwbare beheersmenu is nu operatief.

Welke menu's zijn er nog? Een overzicht.

Main menu is het hoofdmenu en bevindt zich waarschijnlijk in een blokgebied met een menu layout.

Het management menu is het beheersmenu zoals je als admin bovenaan ziet. Merk de gelijkenis op tussen boven en onder.

Het navigation menu wordt meestal in een zijbalk ondergebracht. Vele beginners maken hier de fout om een link toe te voegen onder de noemer inhoud toevoegen...Een gedeelte dat maar als admin zichtbaar wordt.

Er is ook een user menu. Weet je die staan? Juist rechtsboven, met 2 items.

Het is evident dat elke menu als blok kan geplaatst worden al naar gelang het thema.

We weten ook al dat je dit kan toewijzen aan bepaalde pagina's.

Vanaf nu gaan we de menu's een beetje naar onze hand zetten... Zo kunnen we met eenvoudige HTML, bvb een break (anderen lijn) of een afbeelding toevoegen.

Installeer de module en voeg via bestand een piepkleine afbeelding toe. Ga naar een inhoudstype met een body (bvb basic; article,..) en voeg het figuurtje in. In het kader van onze fietstochten kiezen we voor een fietsje.... Je hoeft de inhoud niet op te slaan! Wat ons interesseert is de link naar de afbeelding.

Via Code is de link zichtbaar. Kopieer minitieus deze link, zonder de <p> en </p> !!!! Dit is belangrijk, want anders maak je de link onbruikbaar.

In de titel van de menulink schrijven wenu de HTML voor een afbeelding, met het juiste pad..

We zetten ook het vinkje aan dat we HTML gaan gebruiken, anders wordt het een eigenaardige titel.. Je ziet letterlijk wat je geplakt hebt...Dit vinkje is trouwens alles wat de module toont en doet.

Het resultaat:

Je kunt ook een break forceren.

De andere zijn nog zonder break.

Soms wil je dat een menulink opent in een nieuw tabblad om je bezoeker op je eigen site te houden bvb. Daarvoor hebben we dit nodig:

Bij de algemene instellingen kan je kiezen wat je allemaal als optie te zien krijgt. We maken dat dit zeker aan staat.

Asl je nu naar een menulink gaat kan je dit instellen:

We klikken en ja hoor...

Als je ook dit invult krijg je een tooltip (= tekstje bij aanwijzen)

Kijk:

Wat als je lange menu's wat wilt indelen? Installeren...

Nu zijn er 2 opties bijgekomen:

We maken ene placeholder (= link die er geen is om de boel in te delen)

Bij de instellingen kies ik voor een beetje opmaak. Drupallers zullen dit heiligschennis vinden, maar pas in Drupal 2 gaan we in de CSS graven. Vergeef me..

Bingo. Als je nu verandert van thema blijft dit wit. Niet aaltijd de goede manier dus..

Wat dacht je van een tussenstreepje...

Laat de opmaak maar zo..

Nu gaan we een volledige menu als een accordion laten uitvouwen;

Installeren en bij blokken een plaats geven. Je moet natuurlijk een bestaande menu als donor instellen. Hier kies ik voor de hoofdmenu die ik verticaal laat verschijnen.

Tenslotte kan je dit ook op de normale manier met uitvouwbare submenu's. Nice Menu's is daar een voorbeeld van.

Je kunt de uitvouw blokken instellen per niveau;

Weer ene plaatsje geven.

En ook weer een donor kiezen.

Het voorbeeld. Nice Menus is niet altijd nice omdat ze afhangt van het thema. Later als je CSS gaat zien, gaan we hier aan sleutelen..

Ik hoop dat je met deze uiteenzetting een beetje creatief zult omgaan met menu's.

Drupal is fun..