Joomla · Joomla 3.0 · Joomla Tutorials

Joomla 3.0 Tutorial – How to Link an Article to Joomla Menu

Joomla 3.0 Tutorial on How to link an Articles to Joomla Menu.  I currently have a Joomla Menu item created from the Weblinks component.  It lists all my links that I added in the Weblinks Component.  I also have an article called ‘6th Cmsmind’ and in here I want to link directly to the Weblinks component menu item I created.  This is very simple, all I need to do is copy the link from the menu item and paste that link into my article.  Below I will show you how.

Overview of How to Link Articles to Joomla Menu

  1. View Menu Link in Main Menu in Menu Manager
  2. View Menu link on Frontend
  3. Copy Menu Item Link from Frontend
  4. Go to Article Manager in Joomla 3.0
  5. Edit Article and Create a Link
  6. Insert Link to Menu Item
  7. View Article and Link Created

Steps:

1.  View Menu Link in Main Menu in Menu Manager

I’m going to show you how to get the menu item link from the frontend of your Joomla website, but in reality, you could also look at your Menu Item in your Menu Manager to get the link directly.  The menu item link is the menu item alias.  But to be safe, I would recommend to publish the menu in a module to get your menu item link directly from the frontend.

Joomla 3.0 Link Article to Joomla Menu Item - see menu item in menu manager

Joomla 3.0 Link Article to Joomla Menu Item – see menu item in menu manager
  •  Login to your Joomla 3.0 Administrator Backend
  • Click on ‘Menus’, ‘Main Menu’
  • See the Menu item.  I’m using the menu item ‘Elaine CmsMind Links’
  • The Alias is a direct link to the menu item.  For example my direct link would be:

http://cmsmind.com/Elaine-cmsmind-links

2.  View Menu link on Frontend

Add the Menu in a Module and publish on the frontpage.  You can view the Menu Item Link on the frontpage.

Joomla 3.0 Link Article to Joomla Menu Item - See menu link on frontend

Joomla 3.0 Link Article to Joomla Menu Item – See menu link on frontend
  •  Hover over the Menu Item.  I will hover over my Weblinks Menu Item
    • Elaine CmsMind Links
  • Look at the bottom status bar, the direct link is:
    • http://www.cmsmind.com/elaine-cmsmind-links

3.  Copy Menu Item Link from Frontend

Copy the Menu item link.  You can right click on the link and click on ‘Copy link’

Joomla 3.0 Tutorial - Link Article to Joomla Menu Item - Copy Menu Item Link
Joomla 3.0 Tutorial – Link Article to Joomla Menu Item – Copy Menu Item Link
  • Hover over the Menu Item Link
  • Right click on the Menu Item Link
  • Click on ‘Copy Link

4.  Go to Article Manager in Joomla 3.0

Joomla 3.0 Article Manager manages all the articles in your Joomla website.  You can edit, delete, publish, unpublish, create articles and more.

Joomla 3.0 Article Manager

Joomla 3.0 Article Manager
  •  Click on ‘Content’
  • Click on ‘Article Manager

5.  Edit Article and Create a Link

Edit the article that you want to link to a Joomla Menu.  I’m editing my article and adding a text from which I want people to click to access my Menu.

Joomla 3.0 Link Article to Joomla Menu - Edit Article Insert Link
Joomla 3.0 Link Article to Joomla Menu – Edit Article Insert Link
  • Add text:
    • Link from Article to Joomla Menu Item – Elaine CmsMind Links
  • Highlight the words:
    • Elaine CmsMind Links
  • Click on ‘Insert/Edit Link’

6.  Insert Link to Menu Item

Paste the link you copied from step 3.  The text will link directly to the Joomla Menu.

Joomla 3.0 Link Article to Joomla Menu - Insert Link
Joomla 3.0 Link Article to Joomla Menu – Insert Link
  • Put cursor on ‘Link URL’
  • Right Click and ‘Paste‘ link from Step 3
  • Set the following value:
    • Target = Open Link in the Same Window
  • Click on ‘Insert
  • Click on ‘Save & Close’

7.  View Article and Link Created

Now you can go to your Joomla 3.0 website frontend and view your article.  You will see the text entered in Step 5 along with a link to the Joomla Menu.

Joomla 3.0 Link Article to Joomla Menu - View Article in Frontend with Link

Joomla 3.0 Link Article to Joomla Menu – View Article in Frontend with Link
  • Hover over the ‘Elaine CmsMind Links’
  • You will see in the status bar the link to the Joomla Menu
  • Click on the link and it will go to the Weblinks Menu component

Hope that helps.  Please leave a comment if you have any questions.

Thanks,

Elaine

2 thoughts on “Joomla 3.0 Tutorial – How to Link an Article to Joomla Menu

  1. Wow, only 7 simple steps to link to a menu item? I can’t wait to hear the tutorial on 20 simple steps to add an image to your content page! 🙂 Seriously though, if it takes 7 steps to link to a menu item, Joomla is doing something seriously wrong. I’d advise people to just use JCE editor and you can link to a menu item in 1 easy step. Hope that helps.

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload