Difference between revisions of "Add links to other pages"
From Joomla! Documentation
(Remove 1.6 and 1.7 tags) |
m (notice) |
||
(3 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{version/tutor|2.5}}{{:Getting_Started_Page_Index/2.5 | + | {{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. |
− | : | + | :*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 |
− | : | + | :*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 | 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. |
− | : | + | :*Target: choose 'Open link in a new window' |
− | : | + | :*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 |
− | : | + | :*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:- | 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. | Find the menu that you want to link. | ||
− | : | + | :*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 |
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. |
− | : | + | :*Choose Open in New Window |
Finally - to insert the link - | Finally - to insert the link - | ||
− | : | + | :*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. |
− | : | + | :*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.) |
− | : | + | :*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 | 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:- | 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 - | Finally - to insert the link - | ||
− | : | + | :*Click on the Insert button |
----[[User:LornaS|Lorna Scammell]] March 2011 | ----[[User:LornaS|Lorna Scammell]] March 2011 |
Revision as of 13:38, 22 May 2014
This page has been archived. This page contains information for an unsupported Joomla! version or is no longer relevant. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.
Articles in this Series
Start Here:
Hands-on a Joomla! site:
- Use a site that has already been set up.
- Install a copy of Joomla! on your own computer, known as localhost
- Use the Demo on the Joomla! site.
Adding and altering Articles:
Editing Articles:
- Hands-on adding links to other pages
- Hands-on adding a table
- Hands-on adding a picture
- Hands-on splitting a long article
- Manipulating Articles using the Front-end
Setting up a Joomla! site:
- Background: get to know the Back-end
- Background: controlling user access to a Joomla! Site
- Background: design the content - Categories
- Background: design appearance using Menus and Modules
- Background: design appearance using default Templates
- Hands-on setting up a Joomla! site
Administration:
Doing and learning more:
The aim of this document is to show how links can be added to Articles.
Who is it written for?[edit]
- Everyone
Introduction[edit]
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:-
- 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
[edit]
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
- 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 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[edit]
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