Joomla Menus en Menuitems

48
joomla-competence-center.com jd11nl Menus en Menuitems

description

Een presentatie over Menus en Menuitems, zoals gegeven tijdens de officiele Joomla!Dagen 2011 Nederland (te Doorn). De presentatie geeft een goed overzicht van het gebruik van menus binnen Joomla! 1.6 - vooral bedoeld voor beginners, maar ook interessant voor ervaren webdevelopers.

Transcript of Joomla Menus en Menuitems

Page 1: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menus en Menuitems

Page 2: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Overzicht

• Algemeen• Over Menuitems, componenten en modules

• Praktisch• Gebruik in Joomla! Administrator• Menuitem aanmaken, menu aanmaken

• Geavanceerd• Menuitem type: Alias• Splitmenu• Itemid

• Strategie• 1 Menu of meerdere• Onzichtbare menus

• Nieuw in Joomla! 1.6

Page 3: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Algemeen

Page 4: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menuitems

• DefinitieKoppeling naar een andere pagina (interne Joomla! link of externe

webpagina) waarbij instellingen van het Menuitem zowel de

koppeling zelf (link-tekst) als de uiteindelijke pagina beinvloeden.

Page 5: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Logica van menus

• Logica– Een pagina is een component

– Menuitem verwijst naar pagina (dus component)

– Menuitem is onderdeel van Menu

– Menu wordt getoond via een Menu Module (mod_menu)

Page 6: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Component en module

• Component– Hoofdfunctionaliteit van de pagina

– Voorbeelden: artikel, forum,

• Module– Extra functionaliteit op de pagina

– Voorbeelden: menu, laatste forumposts, banner, populaire artikelen

Page 7: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Pagina opmaak herkennen (1/3)

Page 8: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Pagina opmaak herkennen (2/3)

Page 9: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Pagina opmaak herkennen (3/3)

Page 10: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Praktisch

Page 11: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Beheer vanuit Joomla! Administrator

• Menus

• Menuitems

• Menu-modules

Page 12: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menuitem aanmaken

Page 13: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Overzicht van Menuitems

Page 14: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menuitem aanmaken / bewerken

Page 15: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menuitem Types

Page 16: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Overzicht van Menuitems

Page 17: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menu aanmaken

Page 18: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Stappen voor aanmaken menu

• Aanmaken Menu

• Vullen van Menu met Menuitems

• Aanmaken van Menu Module

Page 19: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Stappen voor aanmaken menu

• Aanmaken Menu

• Vullen van Menu met Menuitems

• Aanmaken van Menu Module

Page 20: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Overzicht van Menus

Page 21: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Stappen voor aanmaken menu

• Aanmaken Menu

• Vullen van Menu met Menuitems

• Aanmaken van Menu Module

Page 22: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Overzicht van Menuitems

Page 23: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Stappen voor aanmaken menu

• Aanmaken Menu

• Vullen van Menu met Menuitems

• Aanmaken van Menu Module

Page 24: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menu wordt getoond via een menu-module

Page 25: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menu module (1/2)

Page 26: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menu module (2/2)

Page 27: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Stappen voor aanmaken menu

• Aanmaken Menu

• Vullen van Menu met Menuitems

• Aanmaken van Menu Module

Page 28: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Geavanceerd

Page 29: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Splitmenu

• Splitmenu• 1 Menu (bijv Hoofdmenu)• 2 of meer Menu Modules

• Configuratie topmenu• Menu: Hoofdmenu• Start Level: 0• End Level: 1

• Configuratie submenu• Menu: Hoofdmenu• Start Level: 1• End Level: 9

Page 30: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Menuitem Alias?

Page 31: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Strategie

Page 32: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Goede website

• Goede website– Duidelijke structuur

– Geen sitemap nodig, want menu is duidelijk genoeg

– Meerdere navigatie-mogelijkheden (search, modules)

– Herkenbaarheid (plaats menu altijd op dezelfde plek)

• Tip– Teken de site structuur uit op papier

– Als je het zelf niet meer snapt,

dan snapt de bezoeker het ook niet

Page 33: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

One menu to rule them all

• Slechts 1 menu nodig– Eventueel via splitmenu op meerdere plekken tonen

– Geen tientallen Menuitems op hetzelfde niveau

• Extra modules– Maar extra menus aan met Menu Aliases naar het hoofdmenu

– Geen links naar artikelen, maar alleen naar automatische lijsten

– Gebruik modules (meest populaire, laatste, random)

Page 34: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Onzichtbare menus

• Een menu dat niet gekoppeld is aan een module– Menuitems zijn wel toegankelijk (en functioneel!!!)

– Handig voor zoekpagina, homepagina, etcetera

Page 35: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Itemid

Page 36: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Itemid refereert naar het Menuitem

Page 37: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Waarom een Itemid?

• Instellingen worden gekoppeld aan Menuitem:– Toewijzing van modules

– Toewijzing van template stijlen

– Broodkruimels

– Instellingen voor een specifieke component-pagina

Page 38: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Wel of geen Itemid

• Twee URLs– index.php?option=com_content&view=article&id=5&Itemid=34

– index.php?option=com_content&view=article&id=5

Page 39: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Problemen met het Itemid

• Menu wordt niet correct uitgeklapt– Ontbrekend Itemid zorgt voor incorrecte relatie tussen Menuitems

• Andere huisstijl (template) wordt toegepast– Template toewijzing vindt plaats op basis van Itemid

• Modules verdwijnen of komen juist weer terug– Module toewijziging vindt plaats op basis van Itemid

Page 40: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Wat is een Menuitem Alias?

• Originele URL– index.php?option=com_content&view=article&id=5&Itemid=34

• Menu alias– index.php?Itemid=34

Page 41: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Nieuw in Joomla! 1.6

Page 42: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Zelfde opties, ander uiterlijk

Page 43: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Moduletoewijzing vanuit menuitem

Page 44: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Nieuwe features (1/2)

• Meerdere Menu-Items tergelijkertijd wijzigen

• Aparte template-stijl per Menu-Item

• META-informatie per Menu-Item

Page 45: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Nieuwe features (2/2)

• Nieuwe ACL-mogelijkheden

• Menu-module publishen in bepaalde periode

• Hernoemen van “mod_mainmenu” naar “mod_menu”

• Layout-bestanden “mod_menu” bevatten nu HTML– Geen rare XML-functie meer

– Gemakkelijker aanpassingen maken via template overrides

Page 46: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Toegang tot menus

• Knop “Instellingen” in taakbalk– Alleen voor gebruik in achterkant

• Modulebeheer > Module > Toegang– Alleen voor gebruik aan voorkant

Page 47: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Opnieuw opbouwen

• Bouwt menu-structuur opnieuw op– Opbouw van Systeem URL (view-argument, layout-argument)

– Opbouw van hierarchie (volgorde)

– Nodig wanneer structuur verstoord raakt (?)

Page 48: Joomla Menus en Menuitems

joomla-competence-center.com

jd11nl

Vragen?