Help4.x

Help4.x:Menu Item: New Item

From Joomla! Documentation


Other languages:
Deutsch • ‎English • ‎Nederlands

Description

Menu items are the core structure of a Joomla website. Each Menu Item is a link to a webpage. The Menu Item Type determines the type of page that will display when this menu choice is selected by the User. The core distribution of Joomla provides 36 different Menu Item types. If you install third-party extensions, these may add more menu types.

In this screen, you will select the Menu Item Type for the Menu Item you are creating and then fill in information about this specific Menu Item. Some of these fields are common to all Menu Item types. These include the following sections: Details, Link Type, Page Display, Metadata, and Module Assignment for this Menu Item. These common fields are documented in this help screen.

In addition to these common fields, different Menu Item types may require different fields unique to that type. These are documented in the help screen for each type.

How To Access

To Create a New Menu Item:

  • Select Menus  [name of the menu]  + icon from the Administrator menu.
  • Or Select Menus  [name of the menu] from the Administrator menu. Then...
    • Select the New icon in the toolbar of the Menu Items list screen.

To Edit a Menu Item:

  • Select Menus  [name of the menu] from the Administrator menu. Then...
    • Select the Title of the menu item in the Title column of the list of items.

Screenshot

Help-4x-menus-menu-manager-new-menu-item-en.png

Form Fields

  • Menu Title: The title of the menu item that will display in the menu.
  • Alias: The Alias will be used in the SEF URL. Leave this blank and Joomla will fill in a default value from the title. This value will depend on the SEO settings (Global Configuration->Site). Using Unicode will produce UTF-8 aliases. You may also enter manually any UTF-8 character. Spaces and some forbidden characters will be changed to hyphens.When using default transliteration it will produce an alias in lower case and with dashes instead of spaces. You may enter the Alias manually. Use lowercase letters and hyphens (-). No spaces or underscores are allowed. Default value will be a date and time if the title is typed in non-latin letters .

Details Tab

Left Panel

  • Menu Item Type: The Menu Item Type selected when this menu item was created. This can be one of the core menu item types or a menu item type provided by an installed extension.
  • Link: The system-generated link for this menu item. This field cannot be changed and is for information only.
  • Target Window. Select from the drop-down list.
  • Template Style. Select from the drop-down list.

Right Panel

  • Menu: Shows which menu the link will appear in.
  • Parent Item. The parent menu item for this menu item. Used to determine whether a Menu Item is a top-level item or a submenu item. Select 'Menu Item Root' (the default value) if this is a top-level Menu Item. Otherwise, select the Menu Item that is this item's parent.
  • Ordering. You can change the order of an item within a list as follows:
    • If the list Filter Options include a Position filter select the desired Position. This will limit the list to items that are assigned to that Position.
    • Select the Ordering icon Help30-Ordering-colheader-icon.png in the Table heading to make it the active ordering item. The ordering icons in each row will change from light grey to dark grey and the pointer will change to a drag arrow on hover.
    • Select one of the Ordering icons Help30-Ordering-colheader-grab-bar-icon.png and drag it up or down to change the position of that row in the list. The items will display in the new order within the Position.
  • Status. (Published/Unpublished/Trashed) The published status of the item.
  • Start Publishing. Date and time to start publishing. Use this field if you want to enter content ahead of time and then have it published automatically at a future time.
  • Finish Publishing. Date and time to finish publishing. Use this field if you want to have content automatically changed to Unpublished state at a future time (for example, when it is no longer applicable).
  • Default Page. If Yes, this menu item is the default or home page for the site. There must be exactly one menu item set as the default page. You can change the default page in two ways:
    1. Click on the Home column of the desired menu item in the Menus: Items screen.
    2. Open the menu item for the new default page and change the Default Page setting to Yes.
  • Language. Item language.
  • Note. Item note. This is normally for the site administrator's use (for example, to document information about this item) and does not show in the front end of the site.

Link Type

Help-4x-menus-menu-manager-new-menu-item-link-type-en.png

  • Link Title Attribute: An optional, custom description for the title attribute of the menu hyperlink.
  • Link Class: An optional, custom style to apply to the menu hyperlink.
  • Link Image: Select or upload an optional image to be used with the menu hyperlink.
  • Image Class: An optional class to apply to the image.
  • Add Menu Title: (Yes/No). If the optional image is added, adds the menu title next to the image. Default is 'Yes'.
  • Display in Menu: (Yes/No). Select 'No' if you want to exclude this menu item from displaying in the menu. Note: Any submenu items will also be hidden. Default is 'Yes'.

Page Display

Help-4x-menus-menu-manager-new-menu-item-page-display-en.png

  • Browser Page Title: Optional text for the "Browser page title" element. If blank, a default value is used based on the Menu Item Title.
  • Show Page Heading: (Use Global/Yes/No). Show or hide the Browser Page Title in the heading of the page ( If no optional text entered - will default to value based on the Menu Item Title ). The Page heading is usually displayed inside the "H1" tag.
  • Page Heading: Optional alternative text for the Page heading.
  • Page Class: Optional CSS class to add to elements in this page. This allows CSS styling specific to this page.

Metadata

Help-4x-menus-menu-manager-new-menu-item-metadata-en.png

  • Meta Description: An optional paragraph to be used as the description of the page in the HTML output. This will generally display in the results of search engines.
  • Meta Keywords: An optional comma-separated list of keywords and/or phrases to be used in the HTML output.
  • Robots: (Use Global/Index, Follow/No index, follow/Index, No follow/No index, no follow). Robots instructions
  • Secure: (Off/On/Ignore). Selects if this link should use HTTPS (encrypted HTTP connections with the https:// protocol prefix). Note, you must have HTTPS enabled on your server to utilise this option.

Associations

Help-4x-menus-menu-manager-new-menu-item-associations-en.png

This tab is shown only on multilingual sites.

  • <language>. Associated language
  • Select. Opens a modal to select a menu item for association
  • Create. Opens the form to create an associated menu item

Module Assignment

Help-4x-menus-menu-manager-new-menu-item-module-assignment-en.png

  • Unassigned Modules: (Show/Hide). Show or hide modules unassigned to this menu item
  • Unpublished Modules: (Show/Hide). Show or hide modules that are unpublished

Toolbar

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Save. Saves the menu item and stays in the current screen.
  • Save & Close. Saves the menu item and closes the current screen.
  • Save & New. Saves the menu item and keeps the editing screen open and ready to create another menu item.
  • Save as Copy. Saves your changes to a copy of the current menu item. Does not affect the current menu item. This toolbar icon is not shown if you are creating a new menu item.
  • Edit Associations. Allows to edit the associations. Clicking on the button will open the side by side Multilingual Associations component. This toolbar icon is shown only on multilingual sites.
  • Cancel. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Related Information