Actions

J2.5

Difference between revisions of "Add links to other pages"

From Joomla! Documentation

m (navigational template added)
m (notice)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{version/tutor|1.6,1.7,2.5}}{{:Getting_Started_Page_Index/2.5}}{{:GSheader16}}
+
{{version/tutor|2.5}}{{:Getting_Started_Page_Index/2.5}}
 
The aim of this document is to show how links can be added to Articles.
 
The aim of this document is to show how links can be added to Articles.
 
=== Who is it written for?===
 
=== Who is it written for?===
Line 16: Line 16:
 
You need to know the address of the menu or article that you want to link. The best way to do this is:-
 
You need to know the address of the menu or article that you want to link. The best way to do this is:-
  
::Open the menu/artilce you want to link to.
+
:*Open the menu/artilce you want to link to.
::Copy (Ctrl-c does this) the address in full from the top of the browser screen.
+
:*Copy (Ctrl-c does this) the address in full from the top of the browser screen.
  
 
If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!
 
If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!
  
::Open an article for editing
+
:*Open an article for editing
::Highlight the words to appear as an underlined link in the finished page
+
:*Highlight the words to appear as an underlined link in the finished page
::Click the "Insert/edit link" icon (a chain which became active when text is selected)
+
:*Click the "Insert/edit link" icon (a chain which became active when text is selected)
 
This opens a dialogue box
 
This opens a dialogue box
  
 
[[Image:GSlinktinyed.png|frame|center|'''The Link dialogue box for the Tiny editor''']]
 
[[Image:GSlinktinyed.png|frame|center|'''The Link dialogue box for the Tiny editor''']]
  
::Link URL:Paste the URL of the part of the website you want to link.
+
:*Link URL:Paste the URL of the part of the website you want to link.
::Target: choose 'Open link in a new window'
+
:*Target: choose 'Open link in a new window'
::Press Update
+
:*Press Update
 
When the article is saved - check that the link works.
 
When the article is saved - check that the link works.
  
Line 38: Line 38:
  
 
The initial process is the same:-
 
The initial process is the same:-
::Open an article for editing
+
:*Open an article for editing
::Highlight the words to appear as an underlined link in the finished page
+
:*Highlight the words to appear as an underlined link in the finished page
::Click the "Insert/edit link" icon (a chain which became active when text is selected)
+
:*Click the "Insert/edit link" icon (a chain which became active when text is selected)
 
This opens a dialogue box. To choose the right menu:-
 
This opens a dialogue box. To choose the right menu:-
::Click the + next to Menu
+
:*Click the + next to Menu
::Click the + next to Main Menu
+
:*Click the + next to Main Menu
 
Find the menu that you want to link.
 
Find the menu that you want to link.
::Click the + next to that menu
+
:*Click the + next to that menu
 
This shows all the options below that menu item.
 
This shows all the options below that menu item.
::Highlight the one you want to use
+
:*Highlight the one you want to use
 
To open it in a new window (rather than in the same page):-
 
To open it in a new window (rather than in the same page):-
::Click Target - there is a list of choices.
+
:*Click Target - there is a list of choices.
::Choose Open in New Window
+
:*Choose Open in New Window
 
Finally - to insert the link -
 
Finally - to insert the link -
::Click on the Insert button
+
:*Click on the Insert button
  
 
=== A link to an external Web site ===
 
=== A link to an external Web site ===
Line 58: Line 58:
 
You need to know the address of the page you want to link. The best way to do this is:-
 
You need to know the address of the page you want to link. The best way to do this is:-
  
::Open the page you want to link to.
+
:*Open the page you want to link to.
::Copy (Ctrl-c does this) the address in full from the top of the browser screen
+
:*Copy (Ctrl-c does this) the address in full from the top of the browser screen
  
 
In your article:-
 
In your article:-
  
::Enter the text to be linked if it is not there already. (This is what appears as an underlined link in the finished page.)
+
:*Enter the text to be linked if it is not there already. (This is what appears as an underlined link in the finished page.)
::Highlight the text to be linked
+
:*Highlight the text to be linked
::Click the "Insert/edit link" icon (a chain which becomes active when text is selected - in the bottom row of icons)
+
:*Click the "Insert/edit link" icon (a chain which becomes active when text is selected - in the bottom row of icons)
  
 
This opens the dialogue box
 
This opens the dialogue box
  
::Paste in the address of the destination page in the Link URL box (Ctrl-v)
+
:*Paste in the address of the destination page in the Link URL box (Ctrl-v)
  
 
To open in a new window (rather than in the same page) - this is often helpful for external sites:-
 
To open in a new window (rather than in the same page) - this is often helpful for external sites:-
  
::Click Target - there is a list of choices.
+
:*Click Target - there is a list of choices.
::Choose Open in New Window
+
:*Choose Open in New Window
  
 
Finally - to insert the link -
 
Finally - to insert the link -
  
::Click on the Insert button
+
:*Click on the Insert button
 
----[[User:LornaS|Lorna Scammell]] March 2011
 
----[[User:LornaS|Lorna Scammell]] March 2011

Latest revision as of 13:38, 22 May 2014

The aim of this document is to show how links can be added to Articles.

Who is it written for?

  • Everyone

Introduction

One of the key features of documents on the web that they can have links to other web sites, making any one web page part of a large network which extends beyond the text on the screen - thus the term hypertext. Links are also used to navigate within a Web site and even within the same page.

There are two main options:-

  1. A link within the current site to another article or menu
  2. A link to a page on another website, that is to say an external website

A link to a menu within the current web site

The menu and article details will vary from site to site and the detail depends on the editor used.

Using a simple editor You need to know the address of the menu or article that you want to link. The best way to do this is:-

  • Open the menu/artilce you want to link to.
  • Copy (Ctrl-c does this) the address in full from the top of the browser screen.

If you have sample data on a localhost web site, link something to the Menu 'More about Joomla!

  • Open an article for editing
  • Highlight the words to appear as an underlined link in the finished page
  • Click the "Insert/edit link" icon (a chain which became active when text is selected)

This opens a dialogue box

The Link dialogue box for the Tiny editor
  • Link URL:Paste the URL of the part of the website you want to link.
  • Target: choose 'Open link in a new window'
  • Press Update

When the article is saved - check that the link works.

Another editor Some editors allow for choosing menus and articles within the current web site, as the illustration shows.

The Link dialogue box for the JCE editor

The initial process is the same:-

  • Open an article for editing
  • Highlight the words to appear as an underlined link in the finished page
  • Click the "Insert/edit link" icon (a chain which became active when text is selected)

This opens a dialogue box. To choose the right menu:-

  • Click the + next to Menu
  • Click the + next to Main Menu

Find the menu that you want to link.

  • Click the + next to that menu

This shows all the options below that menu item.

  • Highlight the one you want to use

To open it in a new window (rather than in the same page):-

  • Click Target - there is a list of choices.
  • Choose Open in New Window

Finally - to insert the link -

  • Click on the Insert button

A link to an external Web site

You need to know the address of the page you want to link. The best way to do this is:-

  • Open the page you want to link to.
  • Copy (Ctrl-c does this) the address in full from the top of the browser screen

In your article:-

  • Enter the text to be linked if it is not there already. (This is what appears as an underlined link in the finished page.)
  • Highlight the text to be linked
  • Click the "Insert/edit link" icon (a chain which becomes active when text is selected - in the bottom row of icons)

This opens the dialogue box

  • Paste in the address of the destination page in the Link URL box (Ctrl-v)

To open in a new window (rather than in the same page) - this is often helpful for external sites:-

  • Click Target - there is a list of choices.
  • Choose Open in New Window

Finally - to insert the link -

  • Click on the Insert button

Lorna Scammell March 2011