Joomla Tutorial – How to Link a Menu Item to an Article Anchor

by Elaine on November 4, 2011

Joomla 1.7 TutorialArticle Anchors are created for articles that are really long.  You want to divide up your article into chapters and make each chapter linkable from a navigational bar along the top of your article, or you can even make the Article Anchor links accessible through Menu Links.

If you want to learn how to create article links in articles, click here for my post.

Link a Menu Item to an Article Anchor Overview

  • Already have an article with Article anchors – if not yet, click here to learn how to create your article anchors.
  • Capture the Article Anchor Link
  • Create a menu item in Menu Manager
  • Create an External Link in Menu Manager
For Example:  I will use
  • My article “About CmsMind.com”
  • Create a new Menu Item under the “Main Menu”
  • Create a Menu Item named “CmsMind.com Anchor Link Chapter 1″
  • Use the Menu Item to link to “Chapter 1: About CmsMind.com” in the article
  • The Article Anchor name is “Chapter1″
  • The text link in my article that links to the anchor link is “Chapter 1″

1.  Copy the Article Anchor Link

joomla 17 copy anchor link 1 Joomla Tutorial   How to Link a Menu Item to an Article Anchor

Joomla 1.7 - Copy Article Anchor Link

  • Access the article from the Joomla 1.7 Frontend – “About CmsMind.com”
  • Right click on the Anchor Link – Chapter 1, click on Copy Link/Copy URL
  • The article link will be below.  Note the hash or number sign symbol divides the article alias from the anchor name.
/article category/article alias#article anchor name
  • Paste it into any text editor, the link should look similar to:
/article-category-list/68-about-cmsmind#Chapter1

2.  Create an External Link Menu item in Menu Manager

joomla 17 cmsmind menu item link article anchor 2 Joomla Tutorial   How to Link a Menu Item to an Article Anchor

Joomla 1.7- New Menu Item with Link to Article Anchor

  • Login to Joomla 1.7 Administrator backend
  • Click on Menus, Main Menu, Add New Menu Item
  • In Details, enter the following values:
      • Menu Item Type = External URL
      • Menu Title = CmsMind.com Anchor Link Chapter 1
      • Link =  /article-category-list/68-about-cmsmind#Chapter1   <Paste link from Step 1>
  • Click on ‘Save & Close’
That’s it.  Refresh your Joomla 1.7 frontend and you should see the new menu item in your Main Menu created from Step 2.  Click on that link and it will bring you to the Article Anchor you created.
joomla 17 menu link article anchor frontend Joomla Tutorial   How to Link a Menu Item to an Article Anchor

Joomla 1.7 - Menu Item with Link to Article Anchor

 Thanks,
 Joomla Tutorial   How to Link a Menu Item to an Article Anchor

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 }

narayan January 11, 2012 at 12:32 pm

All the thinks are wrong sorry.

Reply

Elaine January 11, 2012 at 12:58 pm

Hi Narayan,
What do you mean?
Thanks for your visit,
Elaine

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: