Joomla 1.7 Help – How to add Links Inside your Joomla Article

by Elaine on November 4, 2011

Joomla 1.7 Tutorial –  This tutorial will show you how to easily create a navigational bar to point to links inside your existing article.   This is also called creating Article “Anchors”.    This is especially helpful if you have a really long article that spans over many screens.  Instead of asking your visitors to scroll vigorously down and through your article, you can create a link at the top of the article to point to specific location in your document.  You will use the Article Anchor icon:  Screen Shot 2011 11 03 at 8.24.07 PM Joomla 1.7 Help   How to add Links Inside your Joomla Article

With my example, this tutorial will show you:

  • Using Article “About Cmsmind.com”
  • How to insert Article Anchors in the Joomla 1.7 Article
  • Highlight Text to link to the Article Anchor
  • Insert Link to the Article Anchor
  • How to insert links to the Article Anchors – “Chapter 1″ and “Chapter 2″.
  • View the Article afterwards to test
Steps:

1.  How to insert Article Anchors in the Joomla 1.7 Article

joomla 17 insert edit anchor article 1 Joomla 1.7 Help   How to add Links Inside your Joomla Article

Joomla 1.7 - Insert Edit Article Anchor

  • Login to your Joomla 1.7 Administrator backend
  • Click on Content, Article Manager
  • Edit your article, for my example, I will edit “About Cmsmind.com”
  • Please your cursor next to the heading “Chapter 1: About CmsMind.com”
  • Click on the “Insert / Edit Anchor” icon: Screen Shot 2011 11 03 at 8.24.07 PM Joomla 1.7 Help   How to add Links Inside your Joomla Article
  • In the window that pops up “Insert/Edit Anchor”, enter the following value:
      • Anchor Name: Chapter1
  • Click on Insert
  • A Yellow Anchor will be inserted at the beginning of the Line.  Your article will now look like the screenshot below:
joomla 17 anchor article link 2 Joomla 1.7 Help   How to add Links Inside your Joomla Article

Joomla 1.7 - Inserted Article Anchor Link

Joomla 17 article anchor link 3 Joomla 1.7 Help   How to add Links Inside your Joomla Article

Joomla 1.7 - Highlight Text to Link to the Anchor

2.  Highlight Text to link to the Article Anchor – “Chapter 1″

  • Highlight the text you want to link
  • In my example – I highlight the text – “Chapter 1″

3.   Insert Link to the Article Anchor

  • Click on the ‘Edit/Insert Link’ icon:Joomla 17 edit insert link icon Joomla 1.7 Help   How to add Links Inside your Joomla Article
  • In the new Insert/Edit Link window that pops up, enter in the following values:
      • Link URL = #Chapter1
      • Target = Not set
      • Title = Chapter 1: About CmsMind.com
      • Class = Not Set
  • Click on Insert
  • See the screenshot below:
Joomla 17 insert link to anchor 5 Joomla 1.7 Help   How to add Links Inside your Joomla Article

Joomla 1.7 - Enter link to Article Anchor

4.  Repeat for Chapter 2 – About Elaine

  • Article Anchor name = Chapter2
  • Link URL = #Chapter2

Save your article and refresh your Joomla 1.7 website frontend.  Bring up your article that you added these article anchors to and test them out.  When you click on the links, the content that you anchored will be at the top of the page.

Thanks,

Elaine

 Joomla 1.7 Help   How to add Links Inside your Joomla Article

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

{ 1 comment… read it below or add one }

san augstin hotels March 1, 2013 at 12:33 pm

I am searching Joomla realted e-commerce software for website development, I need a readymade…

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: