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

Joomla! Menu-Items

  • Upload
    yireo

  • View
    3.596

  • Download
    0

Embed Size (px)

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.

Citation preview

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