joomla! menu-items

26
Presentation “Joomla! Menu-Items” - http://slideshare.net/yireo Jisse Reitsma ([email protected]) - Twitter @yireo Joomla! Menu-Items

Upload: yireo

Post on 06-May-2015

3.596 views

Category:

Technology


0 download

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Joomla! Menu-Items

Page 2: Joomla! Menu-Items

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

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Part IMenu basics

Page 5: Joomla! Menu-Items

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

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

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Example

Page 9: Joomla! Menu-Items

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Example

Component

Page 10: Joomla! Menu-Items

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Example

Modules

Page 11: Joomla! Menu-Items

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Part IISome practical tips

Page 12: Joomla! Menu-Items

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

System Links

Page 14: Joomla! Menu-Items

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

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

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Part IIIYour friend “Itemid”

Page 18: Joomla! Menu-Items

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

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

Itemid = Menu-Item ID

Page 21: Joomla! Menu-Items

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

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

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

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

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

Presentation “Joomla! Menu-Items” - http://slideshare.net/yireoJisse Reitsma ([email protected]) - Twitter @yireo

tweets to @yireo