Open Source Tutorials - Open Source Training
Open source training & tutorials from experienced, passionate people
chrome icon firefox icon ie icon opera icon safari icon Sings in these Browsers
A- A A+

By A Web Design

pdf icons

Creating An Article And Binding It To A Menu Item In Joomla 1.7

To create an article and bind it to a menu item in Joomla 1.7, login to Joomla as administrator, by simply entering the url_of_your_website/administrator in your Browser. Enter the appropriate username and password {which was provided while installing Joomla} and then click on Login as shown in Diagram 1.

diagram1.png
Diagram 1

After logging in to the backend, a control panel page opens as shown in Diagram 2.

The Control Panel provides access to many default Joomla! functions and features. From the Control Panel, you can create and manage articles and categories. Other features available in the Control Panel are the media, menu, language, and user managers.

diagram2.png
Diagram 2

Create A Category:

Start this process by creating a category in Joomla 1.7, please refer to the tutorial Category Manager in Joomla 1.7 on this website.

Suppose, the category created is titled – Content Management System - as shown in Diagram 3. In our case, this will be the parent category.

diagram3.png
Diagram 3

Create An Article:

Next create an article in Joomla 1.7, please refer to the tutorial Article Manager In Joomla 1.7 on this website.

Title the article – Joomla – and place this article under the category above is as shown in Diagram 4.

diagram4.png
Diagram 4

After creating an article and binding this to a specific category, you will need to display this article to visitors who come to the website. To do this you will need a clickable - Menu item - on the website page which will invoke this article when clicked and display it to the site visitor.

Creating Menu Item:

In the top menu of the Joomla Administrator’s, user interface, locate Menus. Click Menus, from the drop down menu that appears click Main Menu as shown in Diagram 5.

diagram5.png
Diagram 5

The Menu Manager screen opens. This is where you can create new menu items or edit existing menu items.

Click on New at the top-right hand corner to create a new menu item as shown in Diagram 6.

diagram6.png
Diagram 6

The Menu Manager: New Menu Item screen opens as shown in Diagram 7. Before adding any information to this form, select the Menu Item Type.

Click Select as shown in Diagram 7.

diagram7.png
Diagram 7

Select the specific menu item type from the list of menu item. In our case, select the Single Article menu item type to display it as a single article as shown in Diagram 8.

diagram8.png
Diagram 8

Enter the menu title – Joomla CMS - and its alias name just below. While any alias can be used it makes the most sense to use the menu title, in lowercase, without spaces or underscores, as the menu title alias.

In required settings, select the article – Joomla - as shown in Diagram 9.

Click on Save and Close as shown in Diagram 9, in order to save the menu item and close the edit screen.

NOTE: You can either click on Save, in order to save the menu item data and stay on the editable screen.

diagram9.png
Diagram 9

“Menu item successfully saved” message is displayed as shown in Diagram 10.

diagram10.png
Diagram 10

Refresh the index page of your website, in its main menu, you would see the new menu item created – Joomla CMS - as shown in Diagram 11.

diagram11.png
Diagram 11

Click on this menu item.

The article that was bound to this link will be displayed as shown in Diagram 12.

diagram12.png
Diagram 12

OSV Newsletter


Receive HTML?

NOTE: To prevent subscription to the OSV newsletter, uncheck the checkbox above.
Guest Blog for OSV
Free Ebook Download
LinkShare_180x150
Artisteer - DNN Skin Generator
Tapestry Theme - A Tumblog-Style Theme for Wordpress