J1.5

Creating a submenu/nl: Difference between revisions

From Joomla! Documentation

← Older edit
Created page with "nl"
FuzzyBot (talk | contribs)
Bots
226,300 edits
Updating to match new version of source page
 
(48 intermediate revisions by 8 users not shown)
Line 1: Line 1:
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
<noinclude>{{page|needs updating|'Needs an update using version 3.x'}}</noinclude>
In Joomla!, submenu's kunnen worden weergegeven als een menu met twee of meer niveaus of als volledig aparte menu-modules. Om te laten zien hoe je dit doet, zullen we het creëren van een menu met twee niveaus doorlopen en dan laten zien hoe je het toont als een uitgebreid menu of als afzonderlijke bovenliggende en onderliggende menu's.
In Joomla!, submenu's kunnen worden weergegeven als een menu met twee of meer niveaus of als volledig aparte menu-modules. Om te laten zien hoe je dit doet, zullen we het creëren van een menu met twee niveaus doorlopen en dan laten zien hoe je het toont als een uitgebreid menu of als afzonderlijke bovenliggende en onderliggende menu's.


Line 18: Line 17:
# Maak een nieuw menu in Menu's bij beheren, genaamd "Pets".  
# Maak een nieuw menu in Menu's bij beheren, genaamd "Pets".  
# Voeg een nieuw menu-item toe genaamd "Dogs". In dit voorbeeld is het niet belangrijk wat het menu-item type is. Je kunt bijvoorbeeld een artikel aanmaken met de naam "Pet Menu Test" en creëer dan alle menu-items met het type ""Artikel → Artikel Lay-out"' en verwijs naar dat artikel.
# Voeg een nieuw menu-item toe genaamd "Dogs". In dit voorbeeld is het niet belangrijk wat het menu-item type is. Je kunt bijvoorbeeld een artikel aanmaken met de naam "Pet Menu Test" en creëer dan alle menu-items met het type ""Artikel → Artikel Lay-out"' en verwijs naar dat artikel.
# Voeg een tweede menu-item toe genaamd "Collies" (menu-itemtype als artikel indeling net als boven). In de box hoofd-item, selecteer "Dogs" zoals hieronder. [[Image:submenu_example1-nl.png|frame|center]]
# Voeg een tweede menu-item toe genaamd "Collies" (menu-itemtype als artikel indeling net als boven). In de box hoofd-item, selecteer "Dogs" zoals hieronder. [[Image:submenu_example1-en.png|frame|center]]
# Add a third Menu Item called "Greyhounds", again making "Dogs" the Parent Item. (Remember, these can all point to the same article.)
# Voeg een derde menu-item toe genaamd "Greyhounds", wederom "Dogs" het hoofditem maken. (Deze kunnen allemaal naar hetzelfde artikel verwijzen.)
# Add the "Cats" Menu Item. Be sure to make the Parent Item for this "Top".
# Voeg het menu-item "Cats" toe. Klik bij Hoofditem "menu-item root" aan.
# Add the last two Menu Items, "Tabbies" and "Siamese", making "Cats" the Parent Item for both.
# Voeg de laatste twee menu-items toe, "Tabbies" en "Siamese", waarbij "Cats" het hoofditem is voor beide.


When you get done, the Menu Item Manager should look like the following:[[Image:submenu_example2-en.png|frame|center]]
Wanneer je klaar bent, zou de Menu-Item Manager er als volgt uit moeten zien:[[Image:submenu_example2-en.png|frame|center]]


==Menu Modules==
==Menu Modules==
At this point, we've got the Menu and Menu Items done. Now we need to create the Menu Modules. In Joomla!, the Menu Module determines three main things: (1) what the menu looks like; (2) where on the page it will show; and (3) on which pages it will show. We will do two examples. In the first example, we will create one Menu Module that shows all of the items in one menu. In the second, we will create three separate menu modules to show the Pets, Dogs, and Cats menus as separate modules.
Op dit moment hebben we het menu en de menu-items klaar. Nu moeten we de menu modules creëren. In Joomla! bepaalt de menu module drie dingen: (1) hoe het menu eruit ziet; (2) waar op de pagina het te zien is; en (3) op welke pagina's het te zien is.
We zullen twee voorbeelden laten zien.
In het eerste voorbeeld zullen we een menu module aanmaken dat alle items in één menu laat zien. In het tweede voorbeeld zullen we drie afzonderlijke menu modules aanmaken zodat we de Pets, Dogs en Cats menu's als aparte modules laten zien.


===One Menu Module===
===Eén menu module===
To show this as one module, follow these steps:
Om het te laten zien als één module, volg deze stappen:
# Navigate to Extensions &rarr; Module Manager, click the "New" icon in the toolbar, and select "Menu".
# Ga naar Extensies → Modules, klik op het "Nieuw" pictogram in de werkbalk en kies "Menu".
# Enter the Title as "Pets Menu" and Position as "left".
# Vul in de titel "Pets Menu" en de positie "links".
# In the Menu Assignment, enter "Select Menu Item(s) from the List" and select "Home" (under "mainmenu"), and all of the Menu Items under the "pets-menu".
# In het tabblad Menutoewijzing, kies bij Moduletoewijzing "Alleen op de geselecteerde pagina's" en selecteer "Home" (onder "mainmenu") en alle items onder het "pets-menu".
# In Menu Name, select "pets-menu" from the drop-down list box.  
# bij Selecteer Menu, kies het "pets-menu" van de drop-down lijst.  
# If you are using the default "rhuk_milkyway" template and want the menu to look like the other menus, in the Advanced Parameters enter "_menu" for Module Class Suffix.
# Als je het standaard "rhuk_milkyway" template gebruikt en je wilt dat het menu er net zo uit ziet als de andere menu's, voor dan bij de Geavanceerde instellingen "_menu" bij Module Class Achtervoegsel.


Now, navigate to the front-end home page. You should see the Pets Menu as shown below:[[Image:submenu_example3-en.png|frame|center]]Click on the Dogs Menu Item. The selected article displays and the Dogs menu expands to show the two submenu items, Collies and Greyhounds. Note that we can set a parameter in the Module Manager to always show submenu items. Here we have taken the default value of "No".   
Ga nu naar homepage aan de voorkant van de website. Je zou nu het Pets menu moeten zien zoals hier beneden:[[Image:submenu_example3-en.png|frame|center]]Klik op het Dogs menu-item. Het artikel toont zich op het scherm en het Dogs menu laat nu ook de twee submenu items zien, Collies en Greyhounds.  
In de Module Manager kun je aangeven of submenu-items altijd getoond moeten worden. Hier hebben we de standaard waarden "Nee" aangehouden.   


Click on "Collies" and again the article changes. (Or it would if we had different articles for each Menu Item!) The screen should look like the one below: [[Image:submenu_example4-en.png|frame|center]]
Klik op "Collies" en het artikel verandert (of dat zou het doen als we verschillende artikelen hadden gemaakt voor elk menu-item).
Het scherm zou er nu zo uit moeten zien: [[Image:submenu_example4-en.png|frame|center]]


Notice that the Breadcrumbs now shows three levels: Home, Dogs, Collies. Because we used submenus, Joomla! "knows" that Collies is under Dogs.
Je kunt nu zien dat het Kruimelpad drie niveaus laat zien: Home, Dogs, Collies. Omdat we submenus hebben gebruikt ziet Joomla! dat Collies onder Dogs valt.


===Separate Menu Modules===
===Aparte Menu-Modules===
Now we will change our example to create three separate menus -- one for the top level (Dogs and Cats), one for the Dogs (Collies and Greyhounds), and one for the Cats (Tabbies and Siamese).  
Nu veranderen we ons voorbeeld naar het maken van drie verschillende menu's, één voor het hoogste niveau (honden en katten), één voor honden (collies en hazewindhonden), en één voor katten (cyperse kat en siamees).  


<blockquote>''Note: Make sure that your Menu Items each have a unique Alias value. If you use the Copy command in the toolbar of the Menu Item Manager to create these Menu Items, the Alias will be the same as the item being copied. In this case, just edit the Alias value to make it unique (for example, the same as the Title). If you have duplicate Alias values, the menus will not work correctly if the parameter SEF URLs is set to Yes in Global Configuration.''</blockquote>
<blockquote>"Opmerking: Zorg ervoor dat alle menu-items een unieke alias hebben. Als voor het het maken van menu-items de opdracht kopiëren uit de werkbalk is gebruikt, zal de alias hetzelfde zijn als het item waarvan wordt gekopieerd. In dat geval kan de alias uniek worden gemaakt (bijvoorbeeld dezelfde als de titel). Bij gebruik van dubbele alias-waarden, zullen de menu 's niet correct werken als de parameter zoekmachinevriendelijk url is in de algemene instellingen op 'ja' is gezet."</blockquote>


To do this:
Om dit te doen:
# Open the Pets Menu in the Module Manager and change the Title to "Pets Menu Top Level Only".
# Open het huisdieren-menu in de modulebeheer en wijzig de titel in 'Huisdierenmenu top niveau'.
# Select the Left Position.
# Selecteer de Linker Positie.
# Under Module Parameters, select the Menu Name "Pets Menu"
# Onder module-instellingen, selecteer de naam van het menu "huisdieren menu"
# Under Module Parameters, change the Menu Style to "List".
# Onder module-instellingen wijzig de menustijl in "lijst".
# Set the Start Level to "0" and the End Level to "1".
# Zet het startniveau op "0" en het eindniveau op "1".
# ''This is optional. It allows your template to apply special a menu style to the menu (a border, for example).'' In Advanced Module Parameters put "_menu" in Module Class Suffix.
# "Dit is optioneel. Het is mogelijk een template toe te passen als stijl voor een menu (een border bijvoorbeeld)." Vul "_menu" in bij menu class achtervoegsel in de geavanceerde instellingen .
# For submenu Dog, in extensions menu select Module Manager, click New and select Menu, and set the title to "Dogs Submenu".
# Voor het submenu "hond", in modulebeheer het extensie menu selecteer modulebeheer, klik op nieuw en selecteer menu. Geef als titel "Honden Submenu".
# Set the Position to "Left".
# Zet de positie op "links".
# ''Now this part is very important.'' We only want this submenu to show when we are in one of the Dogs Menu Items. So, in the Menu Assignment box, select the three items "Dogs", "Collies", and "Greyhounds", as shown below: [[Image:submenu_example5-en.png|frame|center]]
# ''Dit gedeelte is erg belangrijk.'' We willen alleen dit submenu tonen wanneer we in één van de Honden submenu items zitten. Selecteer dus bij Menutoewijzing de drie items "Honden", "Collies" en "Greyhounds" zoals hier beneden te zien is: [[Image:submenu_example5-en.png|frame|center]]
# Under Module Parameters, select the menu name "Pets Menu" and change the Menu Style to "List".
# Onder Module Parameters, selecteer het menu "huisdieren-menu" en wijzig de menu stijl naar "Lijst"
# Set the Start Level to "1" and End Level "2".
# Zet het startniveau op "1" en het eindniveau op "2".
# ''This is optional.'' In Advanced Module Parameters, set Module Class Suffix to "_menu".
#''Dit is optioneel.'' In de geavanceerde module parameters kan je de Module class achtervoegsel op "_menu" instellen.
# For the "Cats Submenu", repeat steps from 7 to 12 except step 9. In the Menu Assignment box, select the items "Cat", "Tabbies" and "Siamese" (so this menu will only show under these Menu Items).
# Herhaal, voor het "Katten sub-menu", de stappen van 7 tot 12 behalve stap 9. In de Menu toekenning, selecteer de items "Kat", "Tabbies" en "Siamees" (zodat dit menu alleen getoond wordt onder deze menu-items).


At this point, we have three menu modules all pointing to the Pets Menu. The only differences between them are (1) the Start and End Levels and (2) the Menu Item Assignment.  
Op dit punt hebben we drie menu modules die allemaal naar het huisdieren menu verwijzen. Het enige verschil ertussen is (1) de start en eind niveaus en (2) de menu-item koppeling.  


Now, in the front end, navigate to the Home page. The "Pets Menu Top Level Only" menu should show. Select the "Dogs" Menu Item. Now, the "Dogs Submenu" should show as a separate menu, as shown below:[[Image:submenu_example7-en.png|frame|center]]
Navigeer nu, op de website, naar de startpagina. Het "Huisdieren Menu Alleen hoofdniveau" menu moet getoond worden. Selecteer het "Honden" menu-item. Nu moet het "Honden submenu" getoond worden als apart menu zoals hieronder:[[Image:submenu_example7-en.png|frame|center]]


Click on the Collies Menu Item and notice that again the Breadcrumbs shows the hierarchy of "Home", "Dogs", and "Collies".
Klik op het Collies menu-item en merk op dat het kruimelpad de hiërarchie toont van "Home", "Honden" en "Collies".


Using this same technique, it is easy to create third-level submenus. You just make the Parent Menu Item a second-level submenu. Then you could use the same technique to create a separate Menu Module with Start Level of 2 and End Level of 3. This would show only the third-level Menu Items.
Met behulp van dezelfde techniek, is het gemakkelijk sub-menu's te maken op een derde niveau. U maakt gewoon een bovenliggend menu-item op het tweede niveau. U gebruikt nu dezelfde techniek voor het maken van een aparte menu-module die begint met niveau 2 en eindigt op niveau 3. Dit toont alleen de derde niveau menu-items.


<noinclude>
<noinclude>
[[Category:Tutorials]]
[[Category:Tutorials/nl|Handleidingen]]
[[Category:Menu Management]]
[[Category:Menu Management/nl|Menu Beheer]]
</noinclude>
</noinclude>

Latest revision as of 11:59, 30 March 2020

Other languages:

In Joomla!, submenu's kunnen worden weergegeven als een menu met twee of meer niveaus of als volledig aparte menu-modules. Om te laten zien hoe je dit doet, zullen we het creëren van een menu met twee niveaus doorlopen en dan laten zien hoe je het toont als een uitgebreid menu of als afzonderlijke bovenliggende en onderliggende menu's.

Voorbeeldgegevens

In ons voorbeeld maken we een menu met de naam "Pets". Het zal twee top-level menu-items hebben genaamd "Dogs" en "Cats". Onder de Dogs, hebben we "Collies" en "Greyhounds". Onder de Cats hebben we "Tabbies" en "Siamese". Dus de structuur van het Pets menu wordt als volgt:

  • Dogs
    • Collies
    • Greyhounds
  • Cats
    • Tabbies
    • Siamese

Menu en menu-items

Om deze structuur te maken, maken we één menu met twee menu-item niveaus. We doen dit voor het maken van één groot menu maar ook als we aparte menu-modules willen creëren (een bovenliggend menu en twee onderliggende menu's). We zullen later zien hoe je dit doet, als we de modules aanmaken.

Hier zijn de stappen voor het maken van het menu en de menu-items.

  1. Maak een nieuw menu in Menu's bij beheren, genaamd "Pets".
  2. Voeg een nieuw menu-item toe genaamd "Dogs". In dit voorbeeld is het niet belangrijk wat het menu-item type is. Je kunt bijvoorbeeld een artikel aanmaken met de naam "Pet Menu Test" en creëer dan alle menu-items met het type ""Artikel → Artikel Lay-out"' en verwijs naar dat artikel.
  3. Voeg een tweede menu-item toe genaamd "Collies" (menu-itemtype als artikel indeling net als boven). In de box hoofd-item, selecteer "Dogs" zoals hieronder.
  4. Voeg een derde menu-item toe genaamd "Greyhounds", wederom "Dogs" het hoofditem maken. (Deze kunnen allemaal naar hetzelfde artikel verwijzen.)
  5. Voeg het menu-item "Cats" toe. Klik bij Hoofditem "menu-item root" aan.
  6. Voeg de laatste twee menu-items toe, "Tabbies" en "Siamese", waarbij "Cats" het hoofditem is voor beide.

Wanneer je klaar bent, zou de Menu-Item Manager er als volgt uit moeten zien:

Menu Modules

Op dit moment hebben we het menu en de menu-items klaar. Nu moeten we de menu modules creëren. In Joomla! bepaalt de menu module drie dingen: (1) hoe het menu eruit ziet; (2) waar op de pagina het te zien is; en (3) op welke pagina's het te zien is. We zullen twee voorbeelden laten zien. In het eerste voorbeeld zullen we een menu module aanmaken dat alle items in één menu laat zien. In het tweede voorbeeld zullen we drie afzonderlijke menu modules aanmaken zodat we de Pets, Dogs en Cats menu's als aparte modules laten zien.

Eén menu module

Om het te laten zien als één module, volg deze stappen:

  1. Ga naar Extensies → Modules, klik op het "Nieuw" pictogram in de werkbalk en kies "Menu".
  2. Vul in de titel "Pets Menu" en de positie "links".
  3. In het tabblad Menutoewijzing, kies bij Moduletoewijzing "Alleen op de geselecteerde pagina's" en selecteer "Home" (onder "mainmenu") en alle items onder het "pets-menu".
  4. bij Selecteer Menu, kies het "pets-menu" van de drop-down lijst.
  5. Als je het standaard "rhuk_milkyway" template gebruikt en je wilt dat het menu er net zo uit ziet als de andere menu's, voor dan bij de Geavanceerde instellingen "_menu" bij Module Class Achtervoegsel.

Ga nu naar homepage aan de voorkant van de website. Je zou nu het Pets menu moeten zien zoals hier beneden:

Klik op het Dogs menu-item. Het artikel toont zich op het scherm en het Dogs menu laat nu ook de twee submenu items zien, Collies en Greyhounds.

In de Module Manager kun je aangeven of submenu-items altijd getoond moeten worden. Hier hebben we de standaard waarden "Nee" aangehouden.

Klik op "Collies" en het artikel verandert (of dat zou het doen als we verschillende artikelen hadden gemaakt voor elk menu-item).

Het scherm zou er nu zo uit moeten zien:

Je kunt nu zien dat het Kruimelpad drie niveaus laat zien: Home, Dogs, Collies. Omdat we submenus hebben gebruikt ziet Joomla! dat Collies onder Dogs valt.

Aparte Menu-Modules

Nu veranderen we ons voorbeeld naar het maken van drie verschillende menu's, één voor het hoogste niveau (honden en katten), één voor honden (collies en hazewindhonden), en één voor katten (cyperse kat en siamees).

"Opmerking: Zorg ervoor dat alle menu-items een unieke alias hebben. Als voor het het maken van menu-items de opdracht kopiëren uit de werkbalk is gebruikt, zal de alias hetzelfde zijn als het item waarvan wordt gekopieerd. In dat geval kan de alias uniek worden gemaakt (bijvoorbeeld dezelfde als de titel). Bij gebruik van dubbele alias-waarden, zullen de menu 's niet correct werken als de parameter zoekmachinevriendelijk url is in de algemene instellingen op 'ja' is gezet."

Om dit te doen:

  1. Open het huisdieren-menu in de modulebeheer en wijzig de titel in 'Huisdierenmenu top niveau'.
  2. Selecteer de Linker Positie.
  3. Onder module-instellingen, selecteer de naam van het menu "huisdieren menu"
  4. Onder module-instellingen wijzig de menustijl in "lijst".
  5. Zet het startniveau op "0" en het eindniveau op "1".
  6. "Dit is optioneel. Het is mogelijk een template toe te passen als stijl voor een menu (een border bijvoorbeeld)." Vul "_menu" in bij menu class achtervoegsel in de geavanceerde instellingen .
  7. Voor het submenu "hond", in modulebeheer het extensie menu selecteer modulebeheer, klik op nieuw en selecteer menu. Geef als titel "Honden Submenu".
  8. Zet de positie op "links".
  9. Dit gedeelte is erg belangrijk. We willen alleen dit submenu tonen wanneer we in één van de Honden submenu items zitten. Selecteer dus bij Menutoewijzing de drie items "Honden", "Collies" en "Greyhounds" zoals hier beneden te zien is:
  10. Onder Module Parameters, selecteer het menu "huisdieren-menu" en wijzig de menu stijl naar "Lijst"
  11. Zet het startniveau op "1" en het eindniveau op "2".
  12. Dit is optioneel. In de geavanceerde module parameters kan je de Module class achtervoegsel op "_menu" instellen.
  13. Herhaal, voor het "Katten sub-menu", de stappen van 7 tot 12 behalve stap 9. In de Menu toekenning, selecteer de items "Kat", "Tabbies" en "Siamees" (zodat dit menu alleen getoond wordt onder deze menu-items).

Op dit punt hebben we drie menu modules die allemaal naar het huisdieren menu verwijzen. Het enige verschil ertussen is (1) de start en eind niveaus en (2) de menu-item koppeling.

Navigeer nu, op de website, naar de startpagina. Het "Huisdieren Menu Alleen hoofdniveau" menu moet getoond worden. Selecteer het "Honden" menu-item. Nu moet het "Honden submenu" getoond worden als apart menu zoals hieronder:

Klik op het Collies menu-item en merk op dat het kruimelpad de hiërarchie toont van "Home", "Honden" en "Collies".

Met behulp van dezelfde techniek, is het gemakkelijk sub-menu's te maken op een derde niveau. U maakt gewoon een bovenliggend menu-item op het tweede niveau. U gebruikt nu dezelfde techniek voor het maken van een aparte menu-module die begint met niveau 2 en eindigt op niveau 3. Dit toont alleen de derde niveau menu-items.

Retrieved from "https://docs.sandbox.joomla.org/index.php?title=J1.5:Creating_a_submenu/nl&oldid=652274"