joomla! menu-items
DESCRIPTION
Presentation on how to use Joomla! menus, including advanced tricks like using the Itemid for troubleshooting, hidden menus, splitmenu and some useful Yireo extensions.TRANSCRIPT
![Page 1: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/1.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Joomla! Menu-Items
![Page 2: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/2.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
My name is J isse Reitsma
Joomla! enthousiast
PHP programmer
Lead developer of Yireo
Joomla! templates-book (NL)
![Page 3: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/3.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
My presentation
Part I - Menu basics
Part II - Some practical tips
Part III - Your friend “Itemid”
![Page 4: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/4.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Part IMenu basics
![Page 5: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/5.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Definition of “Menu-Item”
A link to another page (either internal Joomla! page, or external webpage), where the configurable settings tell something about both the link itself as the destination page
![Page 6: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/6.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Logic of menus
A page is a component
A Menu-Item refers to a page, therefor a component
A Menu-Item is part of a menu
A menu can be shown throw a menu-module (mod_menu)
![Page 7: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/7.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Components & modules
ComponentCore feature of a page
Examples: Forum, article, blog, category listing, contact-form
ModuleAdditional features of a page
Examples: Menu, breadcrumbs, search-box, latest blog, banner
![Page 8: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/8.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Example
![Page 9: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/9.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Example
Component
![Page 10: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/10.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Example
Modules
![Page 11: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/11.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Part IISome practical tips
![Page 12: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/12.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
SplitmenuSplitmenu
1 Menu (for example “Site Menu”)
2 or more Menu-modules
Configuration Menu-module “Top Menu”Menu “Site Menu”
Start Level = 1; End Level = 1
Configuration Menu-module “Sub Menu”Menu “Site Menu”
Start Level = 2; End Level = 99
![Page 13: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/13.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
System Links
![Page 14: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/14.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
One Menu strategy
1 menu-structure for the entire site
No sitemap needed
Helper-menus with Menu Item Aliases
Tip:Draw a tree-like picture of your site
If you don't understand it, neither will your visitor
![Page 15: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/15.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Invisible menus
A menu without a moduleLinks are still usable, but never displayed on a webpage
Useful for search-pages, contact-page, homepage
![Page 16: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/16.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Rebuild Menus
Rebuild hierarchy of menusPossibility of menu-corruption when lft & rgt fields are messed up
Major warning: Possibility that IDs are renumbered
![Page 17: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/17.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Part IIIYour friend “Itemid”
![Page 18: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/18.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
System URLs versus SEF URLs
System URLindex.php?option=com_content&view=article&id=5&Itemid=34
SEF URLblog/5-my-example-article
ID 5 is the article ID
ID 34 is the Menu-Item ID of the Menu-Item “Blog”
![Page 19: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/19.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Yireo extension: seftest
Turn on or off SEF by adding a flag to the URLblog/5-my-example-article?sef=0
index.php?option=com_content&view=article&id=5&Itemid=34&sef=1
Only visible for your own browser-session, and NOT for Google Search robots
Tip: Set access-level of plugin to “Special” (Super Users only)
![Page 20: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/20.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Itemid = Menu-Item ID
![Page 21: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/21.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Why is the Itemid important?
Settings are assigned to a Menu-ItemAssignment of modules to Menu-Items
Assignment of template styles to Menu-Items
Breadcrumbs
Settings for a specific component-page
Keeping track of the current page
Troubleshooting this, involves knowing about the Itemid
![Page 22: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/22.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Itemid or not
Identical content but different pageindex.php?option=com_content&view=article&id=5&Itemid=34
index.php?option=com_content&view=article&id=5
![Page 23: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/23.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Common problems with Itemids
Menu is not expanded correctlyMissing Itemid causes incorrect relation between Menu-Items
Different template-style is appliedTemplate assignment is based on the Itemid
Modules are disappearing or reappearingModule assignment is based on the Itemid
![Page 24: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/24.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Menu Item Aliases
Original URLindex.php?option=com_content&view=article&id=5&Itemid=34
Menu Item Aliasindex.php?Itemid=34
![Page 25: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/25.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
Yireo extension: Dynamic404
Handle “404 Not Found” errors in a dynamic wayhttp://yireo.com/dynamic404 = Gives you a 404-error, handled by Joomla!
Redirects to http://www.yireo.com/software/joomla-extensions/dynamic404
Easier for your visitors; A delight for Search Engine Optimization
![Page 26: Joomla! Menu-Items](https://reader033.vdocuments.net/reader033/viewer/2022052504/55494712b4c9050a4d8b563a/html5/thumbnails/26.jpg)
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo
tweets to @yireo