Actions

J1.5

Difference between revisions of "Add links to other pages: Joomla! 1.5"

From Joomla! Documentation

Line 5: Line 5:
 
{{:Page Index}}
 
{{:Page Index}}
 
</div>
 
</div>
 +
 +
=== Who is it written for?===
 +
:*Everyone. But the tasks require a bit more background knowledge than text formatting, so if you are not very experienced at this sort of thing you may find that you need to follow the instructions carefully.
 +
:*There is an indication in each section about where the inexperienced might find problems
 +
As with the tutorial on using the editor and adding articles - you need:-
 +
:*access to a Joomla! site
 +
:*to be logged in with a username with an appropriate level of permission
 +
:*to know where the Article to be edited is located
 +
 +
== Adding links to another web page or article==
 +
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 goes beyond text - thus the term hypertext.
 +
<div style="border:thin solid green; margin-left:50px; background: #f5f5f5;  width: 60%;">
 +
To add a link - you need to be aware of how a link to web sites are formed using a URL.
 +
 +
brief aside on this - maybe
 +
</div>
 +
 +
There are two main options:-
 +
:# A link within the current site to another article or menu
 +
:# A link to a page on another website, that is to say an external website
 +
 +
==== 1. To link to a menu within the current web site ====
 +
The menu and article details will vary from site to site.
 +
 +
'''Using a simple editor'''
 +
 +
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
 +
 +
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
 +
screen of the dialogue box - using the Tiny edite and the full url
 +
 +
 +
</div>
 +
::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'''
 +
 +
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
 +
a screen of JCE
 +
 +
</div>
 +
Some editors allow for choosing menus and articles within the current web site, as the illustration shows. 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
 +
 +
==== 2. To link to an external 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
 +
 +
<div style="border:thin solid red; margin-left:50px;  width: 50%;">
 +
screen of the dialogue box
 +
 +
</div>
 +
 +
::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

Revision as of 15:40, 26 December 2010

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.
Quill icon.png
Content is Incomplete

This article or section is incomplete, which means it may be lacking information. You are welcome to assist in its completion by editing it as well. If this article or section has not been edited in several days, please consider helping complete the content.
This article was last edited by LornaS (talk| contribs) 3 years ago. (Purge)

Contents

Index to the other documents in this series

Who is it written for?

  • Everyone. But the tasks require a bit more background knowledge than text formatting, so if you are not very experienced at this sort of thing you may find that you need to follow the instructions carefully.
  • There is an indication in each section about where the inexperienced might find problems

As with the tutorial on using the editor and adding articles - you need:-

  • access to a Joomla! site
  • to be logged in with a username with an appropriate level of permission
  • to know where the Article to be edited is located

Adding links to another web page or article

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 goes beyond text - thus the term hypertext.

To add a link - you need to be aware of how a link to web sites are formed using a URL.

brief aside on this - maybe

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

1. To link to a menu within the current web site

The menu and article details will vary from site to site.

Using a simple editor

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

screen of the dialogue box - using the Tiny edite and the full url


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

a screen of JCE

Some editors allow for choosing menus and articles within the current web site, as the illustration shows. 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

2. To link to an external 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

screen of 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