Actions

Difference between revisions of "Inserting a link to another website into an Article"

From Joomla! Documentation

m (Added category)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{cookiejar}}
+
A link to another website (hyperlink) may be inserted in an Article as follows:
{{inuse}}
+
A link to another website (or hyperlink) may be inserted in an Article as follows:
+
 
#Open the Article for editing either by:
 
#Open the Article for editing either by:
#* Click the Content > New Article menu item to go to the Article Manager, select the Article and click the Edit toolbar button.
+
#* Click the '''Content > Article Manager''' menu item to go to the ''Article Manager'', select the Article and click the ''Edit'' toolbar button.
#* Clicking the Add New Article button in the Control Panel.
+
#* Click the ''Add New Article'' button in the Control Panel.
#* If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the Edit toolbar button.  
+
#* If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the ''Edit'' toolbar button.  
 
#Locate and highlight the text or image you want to use as the link.
 
#Locate and highlight the text or image you want to use as the link.
 
#Click the ''Insert/edit link'' editor toolbar button. The ''Insert/edit link'' screen opens.
 
#Click the ''Insert/edit link'' editor toolbar button. The ''Insert/edit link'' screen opens.
#There are 4 tabs in the Insert/edit link screen. The parameters that must be are set on the General tab.
+
#There are 4 tabs in the Insert/edit link screen. The main parameters that should be are set are in the ''General'' tab.
 
#*'''Link URL''': The full URL (Uniform Resource Locator) of the target website, for example http://www.joomla.org.
 
#*'''Link URL''': The full URL (Uniform Resource Locator) of the target website, for example http://www.joomla.org.
#*'''Target''': Defines how the link will open.
+
#*'''Target''': Defines how the link will open. This is used as the '''target''' attribute in HTML.
#*'''Title''': A name for the link. This becomes the '''title''' attribute in HTML.
+
#*'''Title''': A name for the link. This is used as the '''title''' attribute in HTML and is necessary to ensure accessibility.
#*'''Class''': Choose a style class for the link if required.
+
#*'''Class''': Choose a style class for the link if required. This is used as the '''class''' attribute in HTML.
 
#Click the ''Insert'' button to create the link. The ''Insert/edit link'' screen will close and the link will be displayed in the article text.
 
#Click the ''Insert'' button to create the link. The ''Insert/edit link'' screen will close and the link will be displayed in the article text.
 
#*Unless there are specific CSS styles in place the default style is underlined blue text.
 
#*Unless there are specific CSS styles in place the default style is underlined blue text.
 
#*Clicking the ''Cancel'' button closes the screen without inserting a link.
 
#*Clicking the ''Cancel'' button closes the screen without inserting a link.
 +
 +
<noinclude>[[Category:Tutorials]]</noinclude>

Latest revision as of 12:15, 17 May 2010

A link to another website (hyperlink) may be inserted in an Article as follows:

  1. Open the Article for editing either by:
    • Click the Content > Article Manager menu item to go to the Article Manager, select the Article and click the Edit toolbar button.
    • Click the Add New Article button in the Control Panel.
    • If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the Edit toolbar button.
  2. Locate and highlight the text or image you want to use as the link.
  3. Click the Insert/edit link editor toolbar button. The Insert/edit link screen opens.
  4. There are 4 tabs in the Insert/edit link screen. The main parameters that should be are set are in the General tab.
    • Link URL: The full URL (Uniform Resource Locator) of the target website, for example http://www.joomla.org.
    • Target: Defines how the link will open. This is used as the target attribute in HTML.
    • Title: A name for the link. This is used as the title attribute in HTML and is necessary to ensure accessibility.
    • Class: Choose a style class for the link if required. This is used as the class attribute in HTML.
  5. Click the Insert button to create the link. The Insert/edit link screen will close and the link will be displayed in the article text.
    • Unless there are specific CSS styles in place the default style is underlined blue text.
    • Clicking the Cancel button closes the screen without inserting a link.