Actions

Difference between revisions of "Adding a menu item which points to an Article"

From Joomla! Documentation

m (Spelling)
m (Typo)
 
(73 intermediate revisions by 5 users not shown)
Line 1: Line 1:
The following tutorial will show you how to create a new item in the main menu that points to the article called Support and Documentation. Based on this information you will be able to add a new menu item to any of your defined menus pointing to any article you have previously created for your site.
+
<noinclude><languages /></noinclude>
 +
{{Top portal heading|color=white-bkgd|icon=book|icon-color=#5091cd|size=4x|text-color=#333|title=<translate><!--T:1-->
 +
Tutorial</translate>}}
 +
<translate><!--T:2-->
 +
The following tutorial will show you how to create a new item in the main menu that points to the article called Support and Documentation. Based on this information you will be able to add a new menu item to any of your defined menus pointing to any article you have previously created for your site.</translate>
  
==Tutorial==
+
<translate><!--T:3-->
If you are not currently logged in to the administration panel, you will need to do so. If you are already logged in, you do not need to complete this step.
+
If you are not currently logged into the administration panel, you will need to do so. If you are already logged in, you do not need to complete this step.</translate>
  
# Open a new browser window and type in the URL, which will be similar to http://www.your_site_name_here.com/administrator or, if you have Joomla! installed on your local computer, http://localhost/administrator. Here you will have to log in as an Administrator or Super Administrator.
+
<translate><!--T:4-->
# Within the site administration panel, select '''Menus''' from the menu bar in the upper left corner. From the drop-down list, choose the menu you wish to work with. The menu can be Main Menu, available by default, or any other menu. This will open the Menu Item Manager page.<br />[[Image:Edit-Main-Menu.png|Select Main Menu]]
+
1. Open a new browser window and type in the URL, which will be similar to <code><nowiki>http://www.your-site-name-here.com/administrator</nowiki></code> or, if you have Joomla! installed on your local computer, <code><nowiki>http://localhost/your-folder-name-here/administrator</nowiki></code>. Here you will have to log in as an Administrator or Super Administrator.</translate>
# From the row of actions in the upper-right corner, select '''New''' (represented by the green icon with the plus sign). This will open the Menu Item: [New] page.<br />[[Image:Main-Menu-Editor.png|Click New]]
+
# From the list titled "Select Menu Item Type," choose '''Articles''' (You'll find Articles under the Internal Link).<br />[[Image:NewMenuItem-Articles.png|Select Articles]]
+
# Choose '''Article Layout''' in the previously expanded Articles section.<br />[[Image:Select-Article-Layout.png|Select Article Layout]]
+
# We are getting really close. Hold on! On the new page fill in the different fields like this:<br />[[Image:NMI-Article-Details.png|Enter Article Details]]<br />'''Menu Item Details'''<br />
+
#* '''Title'''<br />This will be the text displayed for the newly added menu item. For this particular case let's use the word '''Documentation'''.
+
#* '''Alias'''<br />Usually, you will leave this empty and Joomla! will fill this in for you automatically. The content of this field will determine the page URL when SEF is activated.
+
#* '''Display in'''<br />This should already be set to Main Menu (or the menu you have previously chosen). Here you have the possibility to move the item to another menu if you wish. This field is quite useful when you decide to change the item location later.
+
#* '''Parent Item'''<br />Here you can specify where to place the new menu item. You can make it a top item or a sub-item of an already existing item. We will choose '''Top'''.
+
#* '''Published'''<br />If you wish your new item to be shown on your site, set this to '''Yes'''. If you would like to remove this menu item from the site, simply set this to No. It will ''not'' delete the item but will make it invisible to your visitors.
+
#* '''Access Level'''<br />This option will specify who will be able to see this new menu item:
+
#** ''Public'' - All visitors
+
#** ''Registered'' - Registered users only
+
#** ''Special'' - users assigned to any group besides "Registered"
+
#* '''On Click, Open in'''<br />Here you can specify how to open the article. It can be the same browser window (Parent Window with Browser Navigation), a new browser window (New Window with Browser navigation) or a pop-up window (New Window without Browser Navigation)
+
# Now, let's get to the right side of this page...
+
#* '''Parameters (Basic)'''<br />The most important part in this section is the Parameters (Basic) setting. Here you can specify the article that will be opened when the user clicks the newly created menu item.
+
#** For this press the '''Select''' button near the ''Select Article'' input box.<br />[[Image:SelectWhichArticle.png|Click Select]]
+
#** In the pop-up window, select ''Support and Documentation'' from the list of articles by clicking on the article name.<br />[[Image:ChooseArticleFromList.png|Choose Article From List]]<br />Please note that you can choose any of the existing articles at this point.
+
#* '''Parameters (Component)'''<br />Here you will find different options to help you customize the way your article will be displayed. Normally, you won't need to change anything in this section. If you decide to explore it, you will find good help in the tool tips that appear when you move your mouse over the labels (Show Unauthorized Links, etc.)
+
#* '''Parameters (System)'''<br />This section will let you customize the way the page containing the article will be displayed.
+
#** '''Page Title''' - If this parameter is left blank, Joomla! will generate a Page Title automatically.  This can be used to over-ride the page title set in the article. Don't forget that page titles are one of the most important points when it comes to search engine optimization (SEO)! Use them wisely.
+
#** '''Show Page Title''' - display (Yes) or not (No) the page title set in the previous parameter
+
#** '''Page Class Suffix''' - this allows you to generate unique CSS classes for this page. This comes in useful when you would like to change the look of the page to differentiate it from the rest of the site. If you don't need this, simply leave the field empty.
+
#** '''Menu Image''' - let's you choose an image to be displayed along with this item in the menu. The image you would like to associate with the item must be stored in the images/stories folder. You can upload your own image using the Media Manager or by FTP.
+
#** '''SSL Enabled'''<br />Specify how a page is displayed:
+
#*** ''On'' - As a secure page
+
#*** ''Off'' - As a standard page
+
#*** ''Ignore'' - Displayed as the other pages - secure or not
+
# Once you are done, click the '''Save''' button in the upper-right corner (the floppy disk icon). <br />[[Image:SaveArticleMenuItem.png|Click Save]]<br />This will save the new item and place it as the last element (or sub-element, in case of sub-menu items) in the menu. You can use the green arrows in the Order column to change the item position within the menu.
+
# Now, get back to the front-end and refresh the page. <br />[[Image:VerifyArticleMenuItem.png|Verify New Menu Item]]
+
  
Voilà! The new menu item is shown. Please note that you might need to log in as a registered user or administrator to view the new item. It all depends on the Access Level you have set (see above). When you click the new item, the article will be opened.
+
<translate><!--T:5-->
 +
2. Within the site administration panel, select '''Menus''' from the menu bar in the upper left corner. From the drop-down list, choose the menu you wish to work with. The menu can be Main Menu, available by default, or any other menu. This will open the Menu Item Manager page. You can also select '''Menu Manager''' from the left column and then select the menu you need from the list provided.</translate>
  
 +
[[Image:J3x-Edit-Main-Menu-<translate><!--T:6-->
 +
en</translate>.jpg|<translate><!--T:7-->
 +
Select Main Menu</translate>]]
 +
 +
<translate><!--T:8-->
 +
3. In the toolbar, at the upper-left corner, select '''New''' (represented by the green icon with the plus sign). This will open the Menu Item: [New] page.</translate>
 +
 +
[[Image:J3x-Edit-Main-Menu-Toolbar-new-<translate><!--T:9-->
 +
en</translate>.png|<translate><!--T:10-->
 +
Click New</translate>]]
 +
 +
<translate><!--T:11-->
 +
4. From the Menu Item Page click on the Select list for '''Menu Item Type'''.</translate>
 +
 +
[[Image:J3x-Add-Main-Menu-Select-Type-<translate><!--T:12-->
 +
en</translate>.png|<translate><!--T:13-->
 +
Select Menu Type</translate>]]
 +
 +
<translate><!--T:14-->
 +
5. From the list displayed, choose '''Articles'''.</translate>
 +
 +
[[Image:J3x-Add-Main-Menu-Types-<translate><!--T:15-->
 +
en</translate>.png|<translate><!--T:16-->
 +
Select Articles</translate>]]
 +
 +
<translate><!--T:17-->
 +
6. Choose '''Single Article''' in the previously expanded Articles section.</translate>
 +
 +
[[Image:J3x-Add-Main-Menu-Article-Type-<translate><!--T:18-->
 +
en</translate>.png|<translate><!--T:19-->
 +
Select Article Layout</translate>]]
 +
 +
<translate><!--T:20-->
 +
7. Returning to the Menu Item Page, click on the Select list for the '''Select Article''' field.</translate>
 +
 +
[[Image:J3x-Add-Main-Menu-Article-Select-Article-<translate><!--T:21-->
 +
en</translate>.png|<translate><!--T:22-->
 +
Select Article List</translate>]]
 +
 +
<translate><!--T:23-->
 +
8. A list of your Articles will pop up. Select an article by clicking on its title. You can narrow your search if you have a lot of articles by using the dropdown tools at the top of the screen.</translate>
 +
 +
[[Image:J3x-Add-Main-Menu-Article-Select-Article-List-<translate><!--T:24-->
 +
en</translate>.png|<translate><!--T:25-->
 +
Enter Article Details</translate>]]
 +
 +
<translate><!--T:26-->
 +
We are getting really close. Hold on!</translate>
 +
 +
<translate>
 +
==Tabs== <!--T:27-->
 +
</translate>
 +
<translate><!--T:28-->
 +
On the new page fill in the different fields as listed below. Note that the "Required" fields are indicated by an asterisk(*) next to the label.</translate>
 +
 +
<translate>
 +
===Details Tab=== <!--T:29-->
 +
</translate>
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Page-<translate><!--T:30-->
 +
en</translate>.png|<translate><!--T:31-->
 +
Enter Article Details</translate>]]
 +
 +
<translate><!--T:32-->
 +
'''Menu Item Details'''</translate>
 +
<translate><!--T:33-->
 +
*'''Menu Title'''<br />This will be the text displayed for the newly added menu item. For this particular case let's use the word '''Sample'''. Note: "Menu Title" is a required field.</translate>
 +
<translate><!--T:34-->
 +
*'''Alias'''<br />Usually, you will leave this empty and Joomla! will fill this in for you automatically. The content of this field will determine the page URL when SEF is activated.</translate>
 +
<translate><!--T:35-->
 +
*'''Menu Location'''<br />This should already be set to Main Menu (or the menu you have previously chosen). Here you have the possibility to move the item to another menu if you wish. This field is quite useful when you decide to change the item location later. Note: "Menu Location" is a required field.</translate>
 +
<translate><!--T:36-->
 +
*'''Parent Item'''<br />Here you can specify where to place the new menu item. You can make it the Menu Item Root (top item) or a sub-item of an already existing item. We will choose '''Menu Item Root'''.</translate>
 +
<translate><!--T:37-->
 +
*'''Status'''<br />If you wish your new item to be shown on your site, set this to '''Published'''. If you would like to make this menu item invisible from the site, simply set this to '''Unpublished'''. It will ''not'' delete the item but will make it invisible to your visitors. If you would like to remove this menu item from the site, simply set this to '''Trashed'''. It will ''not'' delete the item but will put it in the Trash, from this you can delete it.</translate>
 +
<translate><!--T:38-->
 +
*'''Ordering''' Click on the Save button at the top of the page and the Ordering drop-down will be visible. The new menu item will default to the bottom of the list, but you can change that by selecting the "First", "Last" or another menu item in the list to change its position.</translate>
 +
<translate><!--T:39-->
 +
* '''Default Page''' You can select this option if you'd like this menu item to be your Home Page.</translate>
 +
<translate><!--T:40-->
 +
* '''Access Level'''<br />This option will specify who will be able to see this new menu item:</translate>
 +
<translate><!--T:41-->
 +
** ''Public'' - All visitors</translate>
 +
<translate><!--T:42-->
 +
** ''Registered'' - Registered users only</translate>
 +
<translate><!--T:43-->
 +
** ''Special'' - users assigned to any group besides "Registered"</translate>
 +
<translate><!--T:44-->
 +
* '''Target Window'''<br />Here you can specify how to open the article. It can be the same browser window (Parent Window with Browser Navigation), a new browser window (New Window with Browser navigation) or a pop-up window (New Window without Browser Navigation)</translate>
 +
<translate><!--T:45-->
 +
* '''Template Style''' - Select a specific template for this menu item, or leave as 'Use default' for the default template.</translate>
 +
<translate><!--T:46-->
 +
* '''Language''' - Select a specific language or leave the default "All".</translate>
 +
 +
<translate>
 +
===Options Tab=== <!--T:47-->
 +
</translate>
 +
<translate><!--T:48-->
 +
Now, let's click on the '''Options''' tab at the top of the page. Here are more options you can choose for the display of your menu item. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels.</translate>
 +
{{-}}
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Options-<translate><!--T:49-->
 +
en</translate>.png|<translate><!--T:50-->
 +
Options</translate>]]
 +
 +
<translate><!--T:51-->
 +
Note that these options include "Use Global". If this is selected, the setting from the Article Manager Options will be used.</translate>
 +
 +
<translate><!--T:52-->
 +
'''Options'''</translate>
 +
<translate><!--T:53-->
 +
* '''Show Title''' - (Use Global/Hide/Show). Whether or not to show the Article's Title.</translate>
 +
<translate><!--T:54-->
 +
* '''Linked Titles''' - (Use Global/No/Yes). If the Article's Title is shown, whether to show it as a link to the article.</translate>
 +
<translate><!--T:55-->
 +
* '''Show Intro Text''' - (Use Global/Hide/Show). If set to Show, the Intro Text of the article will show when you drill down to the article - If set to Hide, only the part of the article after the "Read More" break will show.</translate>
 +
<translate><!--T:56-->
 +
* '''Position of Article Info''' - (Use Global/Above/Below/Split). Position of Article Info. Puts the article information block above or below the text or splits it into two separate blocks. One block is above and the other is below.</translate>
 +
<translate><!--T:57-->
 +
* '''Show Category''' - (Use Global/Hide/Show). Whether or not to show the Article's Category.</translate>
 +
<translate><!--T:58-->
 +
* '''Link Category''' - (Use Global/No/Yes). If the Article's Category is shown, whether to show it as a link to a '''Category layout'''  - (list or blog) for that Category.</translate>
 +
<translate><!--T:59-->
 +
* '''Show Parent''' - (Use Global/Hide/Show). Whether or not to show the Article's Parent Category.</translate>
 +
<translate><!--T:60-->
 +
* '''Link Parent''' - (Use Global/No/Yes). If the Article's Parent Category is shown, whether to show it as a link to a '''Category layout''' - (list or blog) for that Category.</translate>
 +
<translate><!--T:61-->
 +
* '''Show Author''' - (Use Global/Hide/Show) Whether to show the author of the Article.</translate>
 +
<translate><!--T:62-->
 +
* '''Link Author''' - (Use Global/No/Yes). If the Article's author is shown, whether to show it as a link to a Contact layout for that author. Note that the author must be set up as a Contact in Contact Manager{{rarr}}Edit.</translate>
 +
<translate><!--T:63-->
 +
* '''Show Create Date''' - (Use Global/Hide/Show). Whether or not to show the Article's create date.</translate>
 +
<translate><!--T:64-->
 +
* '''Show Modify Date''' - (Use Global/Hide/Show). Whether or not to show the Article's modify date.</translate>
 +
<translate><!--T:65-->
 +
* '''Show Publish Date''' - (Use Global/Hide/Show). Whether or not to show the Article's start publishing date.</translate>
 +
<translate><!--T:66-->
 +
* '''Show Navigation''' - (Use Global/Hide/Show). Whether or not to show a navigation link (for example, Next or Previous article) when you drill down to the article.</translate>
 +
<translate><!--T:67-->
 +
* '''Show Voting''' - (Use Global/Hide/Show). Whether or not to show the a voting icon for the article.</translate>
 +
<translate><!--T:68-->
 +
* '''Show Icons''' - (Use Global/Hide/Show). If set to Show, Print and Email will use icons instead of text.</translate>
 +
<translate><!--T:69-->
 +
* '''Show Print Icon''' - (Use Global/Hide/Show). Show or Hide the Print Article button.</translate>
 +
<translate><!--T:70-->
 +
* '''Show Email Icon''' - (Use Global/Hide/Show). Show or Hide the Email Article button.</translate>
 +
<translate><!--T:122-->
 +
* '''Show Hits''' - (Use Global/Hide/Show). Show or Hide the number of times the article has been hit (displayed by a user).</translate>
 +
<translate><!--T:123-->
 +
* '''Show Tags''' - (Use Global/Hide/Show). Show or Hide the Tags.</translate>
 +
<translate><!--T:72-->
 +
* '''Show Unauthorised Links''' - (Use Global/No/Yes). If Yes, the Intro Text for restricted articles will show.</translate> <translate><!--T:73-->
 +
Clicking on the "Read More" link will require users to log in to view the full article content.</translate>
 +
<translate><!--T:74-->
 +
* '''Positioning of the Links''' - (Use Global/Above/Below). If Above, links are shown above the content. Otherwise they are shown below the content.</translate>
 +
 +
<translate>
 +
 +
===Link Types Tab=== <!--T:75-->
 +
</translate>
 +
<translate><!--T:76-->
 +
Click on the tab labeled '''Link Types'''</translate>
 +
<translate><!--T:77-->
 +
This section will let you customize the way the page containing the article will be displayed. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels.</translate>
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Link-Types-<translate><!--T:78-->
 +
en</translate>.png|<translate><!--T:79-->
 +
Options Tab</translate>]]
 +
 +
<translate><!--T:80-->
 +
'''Link Types'''</translate>
 +
<translate><!--T:81-->
 +
* '''Link Title Attribute'''  - An optional, custom description for the title attribute of the menu hyperlink.</translate>
 +
<translate><!--T:82-->
 +
* '''Link CSS Style''' - An optional, custom style to apply to the menu hyperlink.</translate>
 +
<translate><!--T:83-->
 +
* '''Link Image''' - An optional image to be used with the menu hyperlink. The image you would like to associate with the item must be stored in the images/ folder. You can upload your own image using the Media Manager or by FTP.</translate>
 +
<translate><!--T:84-->
 +
* '''Add Menu Title''' - (Yes/No). If the optional image is added, adds the menu title next to the image. Default is 'Yes'.</translate>
 +
 +
<translate>
 +
===Page Display Tab=== <!--T:85-->
 +
</translate>
 +
<translate><!--T:86-->
 +
Click on the tab labeled '''Page Display'''. You will find good help in the tool tips that appear when you move your mouse over the labels.</translate>
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Page-Display-Tab-<translate><!--T:87-->
 +
en</translate>.png|<translate><!--T:88-->
 +
Page Display Tab</translate>]]
 +
 +
<translate><!--T:89-->
 +
'''Page Display'''</translate>
 +
<translate><!--T:90-->
 +
* '''Browser Page Title''' - If this parameter is left blank, Joomla! will generate a Browser Page Title automatically.  This can be used to override the page title set in the article. Don't forget that page titles are one of the most important points when it comes to search engine optimization (SEO)! Use them wisely.</translate>
 +
<translate><!--T:91-->
 +
* '''Show Page Heading''' - Display (Use Global/Yes/No) the page title set in the previous parameter.</translate>
 +
<translate><!--T:92-->
 +
* '''Page Heading''' - Optional alternative text for the Page heading.</translate>
 +
<translate><!--T:93-->
 +
* '''Page Class''' - This allows you to generate unique CSS classes for this page. This comes in useful when you would like to change the look of the page to differentiate it from the rest of the site. If you don't need this, simply leave the field empty.</translate>
 +
 +
<translate>
 +
===Metadata Tab=== <!--T:94-->
 +
</translate>
 +
<translate><!--T:95-->
 +
Click on the tab labeled '''Metadata'''. This is where you can customize your meta tags for SEO optimization. You will find good help in the tool tips that appear when you move your mouse over the labels.</translate>
 +
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Page-Metadata-Tab-<translate><!--T:96-->
 +
en</translate>.png|<translate><!--T:97-->
 +
Metadata Tab</translate>]]
 +
 +
<translate><!--T:98-->
 +
'''Metadata'''</translate>
 +
<translate><!--T:99-->
 +
* '''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.</translate>
 +
<translate><!--T:100-->
 +
* '''Meta Keywords''' - An optional comma-separated list of keywords and/or phrases to be used in the HTML output.</translate>
 +
<translate><!--T:101-->
 +
* '''Robots''' - (Use Global/Index, Follow/No index, follow/Index, No follow/No index, no follow). Robots Instructions</translate>
 +
<translate><!--T:102-->
 +
* '''Secure'''<br />This is for specifying the SSL security for your page:</translate>
 +
<translate><!--T:103-->
 +
** ''On'' - As a secure page</translate>
 +
<translate><!--T:104-->
 +
** ''Off'' - As a standard page</translate>
 +
<translate><!--T:105-->
 +
** ''Ignore'' - Displayed as the other pages - secure or not.</translate>
 +
 +
<translate>
 +
===Module Assignment Tab=== <!--T:106-->
 +
</translate>
 +
<translate><!--T:107-->
 +
Click on the tab labeled '''Module Assignment'''. In this area, you can make adjustments to modules. Please see this link for specific information on the options available in the Module area.</translate>
 +
<translate><!--T:108-->
 +
[[S:MyLanguage/Help34:Extensions_Module_Manager_Menu|Extensions Module Manager Menu]]</translate>
 +
[[Image:Joomla-3-Menu-Add-Menu-Item-Page-Module-Assignment-Tab-<translate><!--T:109-->
 +
en</translate>.png|<translate><!--T:110-->
 +
Module Assigment Tab</translate>]]
 +
 +
 +
<translate><!--T:111-->
 +
Once you are done, click the '''Save''' button in the upper-left corner. This will save your work. This will save the new item and place it as the last element (or sub-element, in case of sub-menu items) in the menu. After the first save you can change the item order position within the menu.
 +
The Save and Close button options are described below the image.</translate>
 +
 +
[[Image:Joomla-3-Menu-Add-Menu-Save-<translate><!--T:112-->
 +
en</translate>.png|<translate><!--T:113-->
 +
Click Save</translate>]]
 +
 +
<translate><!--T:114-->
 +
* '''Save''' - Saves the menu item and stays in the current screen.</translate>
 +
<translate><!--T:115-->
 +
* '''Save & Close''' - Saves the menu item and closes the current screen.</translate>
 +
<translate><!--T:116-->
 +
* '''Save & New''' - Saves the menu item and keeps the editing screen open and ready to create another menu item.</translate>
 +
<translate><!--T:117-->
 +
* '''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.</translate>
 +
<translate><!--T:118-->
 +
* '''Close''' - Closes the current screen and returns to the previous screen without saving any modifications you may have made.</translate>
 +
 +
<translate><!--T:119-->
 +
Now, go back to the front-end and refresh the page. You should be able to see your new menu item.</translate>
 +
 +
<translate><!--T:120-->
 +
Please note that you might need to log in as a registered user or administrator to view the new item. It all depends on the Access Level you have set (see above). When you click the new item, the article will be opened.</translate>
 +
 +
__NOTOC__
 +
 +
<noinclude>
 +
<translate>
 +
<!--T:121-->
 
[[Category:Tutorials]]
 
[[Category:Tutorials]]
 
[[Category:Menu Management]]
 
[[Category:Menu Management]]
 
[[Category:Article Management]]
 
[[Category:Article Management]]
 +
[[Category:Beginners]]
 +
</translate>
 +
</noinclude>

Latest revision as of 12:06, 24 September 2015

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎Nederlands • ‎русский • ‎中文(中国大陆)‎
Tutorial

The following tutorial will show you how to create a new item in the main menu that points to the article called Support and Documentation. Based on this information you will be able to add a new menu item to any of your defined menus pointing to any article you have previously created for your site.

If you are not currently logged into the administration panel, you will need to do so. If you are already logged in, you do not need to complete this step.

1. Open a new browser window and type in the URL, which will be similar to http://www.your-site-name-here.com/administrator or, if you have Joomla! installed on your local computer, http://localhost/your-folder-name-here/administrator. Here you will have to log in as an Administrator or Super Administrator.

2. Within the site administration panel, select Menus from the menu bar in the upper left corner. From the drop-down list, choose the menu you wish to work with. The menu can be Main Menu, available by default, or any other menu. This will open the Menu Item Manager page. You can also select Menu Manager from the left column and then select the menu you need from the list provided.

Select Main Menu

3. In the toolbar, at the upper-left corner, select New (represented by the green icon with the plus sign). This will open the Menu Item: [New] page.

Click New

4. From the Menu Item Page click on the Select list for Menu Item Type.

Select Menu Type

5. From the list displayed, choose Articles.

Select Articles

6. Choose Single Article in the previously expanded Articles section.

Select Article Layout

7. Returning to the Menu Item Page, click on the Select list for the Select Article field.

Select Article List

8. A list of your Articles will pop up. Select an article by clicking on its title. You can narrow your search if you have a lot of articles by using the dropdown tools at the top of the screen.

Enter Article Details

We are getting really close. Hold on!

Tabs

On the new page fill in the different fields as listed below. Note that the "Required" fields are indicated by an asterisk(*) next to the label.

Details Tab

Enter Article Details

Menu Item Details

  • Menu Title
    This will be the text displayed for the newly added menu item. For this particular case let's use the word Sample. Note: "Menu Title" is a required field.
  • Alias
    Usually, you will leave this empty and Joomla! will fill this in for you automatically. The content of this field will determine the page URL when SEF is activated.
  • Menu Location
    This should already be set to Main Menu (or the menu you have previously chosen). Here you have the possibility to move the item to another menu if you wish. This field is quite useful when you decide to change the item location later. Note: "Menu Location" is a required field.
  • Parent Item
    Here you can specify where to place the new menu item. You can make it the Menu Item Root (top item) or a sub-item of an already existing item. We will choose Menu Item Root.
  • Status
    If you wish your new item to be shown on your site, set this to Published. If you would like to make this menu item invisible from the site, simply set this to Unpublished. It will not delete the item but will make it invisible to your visitors. If you would like to remove this menu item from the site, simply set this to Trashed. It will not delete the item but will put it in the Trash, from this you can delete it.
  • Ordering Click on the Save button at the top of the page and the Ordering drop-down will be visible. The new menu item will default to the bottom of the list, but you can change that by selecting the "First", "Last" or another menu item in the list to change its position.
  • Default Page You can select this option if you'd like this menu item to be your Home Page.
  • Access Level
    This option will specify who will be able to see this new menu item:
    • Public - All visitors
    • Registered - Registered users only
    • Special - users assigned to any group besides "Registered"
  • Target Window
    Here you can specify how to open the article. It can be the same browser window (Parent Window with Browser Navigation), a new browser window (New Window with Browser navigation) or a pop-up window (New Window without Browser Navigation)
  • Template Style - Select a specific template for this menu item, or leave as 'Use default' for the default template.
  • Language - Select a specific language or leave the default "All".

Options Tab

Now, let's click on the Options tab at the top of the page. Here are more options you can choose for the display of your menu item. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels.

Options

Note that these options include "Use Global". If this is selected, the setting from the Article Manager Options will be used.

Options

  • Show Title - (Use Global/Hide/Show). Whether or not to show the Article's Title.
  • Linked Titles - (Use Global/No/Yes). If the Article's Title is shown, whether to show it as a link to the article.
  • Show Intro Text - (Use Global/Hide/Show). If set to Show, the Intro Text of the article will show when you drill down to the article - If set to Hide, only the part of the article after the "Read More" break will show.
  • Position of Article Info - (Use Global/Above/Below/Split). Position of Article Info. Puts the article information block above or below the text or splits it into two separate blocks. One block is above and the other is below.
  • Show Category - (Use Global/Hide/Show). Whether or not to show the Article's Category.
  • Link Category - (Use Global/No/Yes). If the Article's Category is shown, whether to show it as a link to a Category layout - (list or blog) for that Category.
  • Show Parent - (Use Global/Hide/Show). Whether or not to show the Article's Parent Category.
  • Link Parent - (Use Global/No/Yes). If the Article's Parent Category is shown, whether to show it as a link to a Category layout - (list or blog) for that Category.
  • Show Author - (Use Global/Hide/Show) Whether to show the author of the Article.
  • Link Author - (Use Global/No/Yes). If the Article's author is shown, whether to show it as a link to a Contact layout for that author. Note that the author must be set up as a Contact in Contact Manager  Edit.
  • Show Create Date - (Use Global/Hide/Show). Whether or not to show the Article's create date.
  • Show Modify Date - (Use Global/Hide/Show). Whether or not to show the Article's modify date.
  • Show Publish Date - (Use Global/Hide/Show). Whether or not to show the Article's start publishing date.
  • Show Navigation - (Use Global/Hide/Show). Whether or not to show a navigation link (for example, Next or Previous article) when you drill down to the article.
  • Show Voting - (Use Global/Hide/Show). Whether or not to show the a voting icon for the article.
  • Show Icons - (Use Global/Hide/Show). If set to Show, Print and Email will use icons instead of text.
  • Show Print Icon - (Use Global/Hide/Show). Show or Hide the Print Article button.
  • Show Email Icon - (Use Global/Hide/Show). Show or Hide the Email Article button.
  • Show Hits - (Use Global/Hide/Show). Show or Hide the number of times the article has been hit (displayed by a user).
  • Show Tags - (Use Global/Hide/Show). Show or Hide the Tags.
  • Show Unauthorised Links - (Use Global/No/Yes). If Yes, the Intro Text for restricted articles will show. Clicking on the "Read More" link will require users to log in to view the full article content.
  • Positioning of the Links - (Use Global/Above/Below). If Above, links are shown above the content. Otherwise they are shown below the content.


Link Types Tab

Click on the tab labeled Link Types This section will let you customize the way the page containing the article will be displayed. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels. Options Tab

Link Types

  • Link Title Attribute - An optional, custom description for the title attribute of the menu hyperlink.
  • Link CSS Style - An optional, custom style to apply to the menu hyperlink.
  • Link Image - An optional image to be used with the menu hyperlink. The image you would like to associate with the item must be stored in the images/ folder. You can upload your own image using the Media Manager or by FTP.
  • Add Menu Title - (Yes/No). If the optional image is added, adds the menu title next to the image. Default is 'Yes'.

Page Display Tab

Click on the tab labeled Page Display. You will find good help in the tool tips that appear when you move your mouse over the labels. Page Display Tab

Page Display

  • Browser Page Title - If this parameter is left blank, Joomla! will generate a Browser Page Title automatically. This can be used to override the page title set in the article. Don't forget that page titles are one of the most important points when it comes to search engine optimization (SEO)! Use them wisely.
  • Show Page Heading - Display (Use Global/Yes/No) the page title set in the previous parameter.
  • Page Heading - Optional alternative text for the Page heading.
  • Page Class - This allows you to generate unique CSS classes for this page. This comes in useful when you would like to change the look of the page to differentiate it from the rest of the site. If you don't need this, simply leave the field empty.

Metadata Tab

Click on the tab labeled Metadata. This is where you can customize your meta tags for SEO optimization. You will find good help in the tool tips that appear when you move your mouse over the labels.

Metadata Tab

Metadata

  • 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
    This is for specifying the SSL security for your page:
    • On - As a secure page
    • Off - As a standard page
    • Ignore - Displayed as the other pages - secure or not.

Module Assignment Tab

Click on the tab labeled Module Assignment. In this area, you can make adjustments to modules. Please see this link for specific information on the options available in the Module area. Extensions Module Manager Menu Module Assigment Tab


Once you are done, click the Save button in the upper-left corner. This will save your work. This will save the new item and place it as the last element (or sub-element, in case of sub-menu items) in the menu. After the first save you can change the item order position within the menu. The Save and Close button options are described below the image.

Click Save

  • 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.
  • Close - Closes the current screen and returns to the previous screen without saving any modifications you may have made.

Now, go back to the front-end and refresh the page. You should be able to see your new menu item.

Please note that you might need to log in as a registered user or administrator to view the new item. It all depends on the Access Level you have set (see above). When you click the new item, the article will be opened.