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

by Elaine on April 22, 2014

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 link article to joomla menu 1 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu
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 link article to joomla menu 2 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu
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 link article to joomla menu item 3 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu 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 2 5 8 article manager 2 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu
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 link article to joomla menu item 4 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu 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 link article to joomla menu item 5 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu 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 link article to joomla menu item 6 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu
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

 Joomla 3.0 Tutorial   How to Link an Article to Joomla Menu

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 2 comments… read them below or add one }

Jason February 28, 2013 at 5:10 pm

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.

Reply

Elaine February 28, 2013 at 8:17 pm

Hi Jason,
You are right. I will look into the JCE component.
Thanks for your visit,
elaine

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: