Give us a call, we don’t bite! 302.645.7177

Edit Text, Headings, and Links in Joomla

The majority of all the content on your site is located on Pages (called Articles in Joomla). It is relatively easy to add, edit, and delete text on your page. You may also need to add headings and links to your text. Learn how to do these functions in Joomla with this guide. For more information about where a page content is located, visit Page Layout. If you need any help making changes to your website, call Techno Goober for help at (302) 645-7177 or contact us online

Quick Access: 

 


 

How to Edit Plain Text on the Page

To begin, log into WordPress, your content management system.

Step 1: Click the Content link at the top of your Content Management System window.

Content

Step 2: Click the Articles link in the Content drop-down.

articles

Step 3: Click on the title of the page that you want to modify.

title in articles manager

Step 4: Click your cursor in the Editor. Type with the keyboard. 

type with editor

Step 5: Save your changes by clicking Save

save page

Step 6: Go to the front-end of the website to check out your work. To do this, you can click the name of your website in the top right corner of your screen. 

open front end

Help! I Don’t See My Changes!

 


 

How to Add Headings on the Page

Step 1: In the text editor, type the heading you would like to add on its own line. 

test heading

Step 2: Click and highlight the heading you typed. 

highlight test heading

Step 3: Click Toggle Editor

toggle editor

Step 4: Find the text you want to be a heading. 

find heading

Step 5: Change the <p> tag to the heading tag you would like to add. Be sure the change the </p> closing tag too.

change header tags

Step 6: Click Toggle Editor to return to the regular text editor.

toggle editor2

Cheat Sheet:

  • <h1> </h1> = Heading 1 is for the title of the page. You should only have 1 title on a page. In WordPress, the name of your page is a Heading 1. 
  • <h2> </h2> = Heading 2 is the next largest heading on a page. It will be your most common heading. 
  • <h3> </h3> = Heading 3 is slightly smaller than Heading 2. If you need a subcategory under your H2, use an H3. 
  • <h3> </h3> = Heading 4 is the smallest heading you will probably use. This is useful for a subcategory under an H3.
  • You should always use headings in the order they are numbered. Do not put a Heading 3 before a Heading 2.
  • <p> </p> = Paragraph is normal text without a heading style. This text is “paragraph” style. 

 heading tags

headings in editor

Step 7: Go to the front-end of the website to check out your work. To do this, you can click the name of your website in the top right corner of your screen. 

open front end

Help! I Don’t See My Changes!

 


 

How to Add (Internal) Links to the Text

Step 1: Type and highlight the text you would like to link. This can be the actual URL or a part of a sentence that tells a reader what the link is. Avoid typing “Click Here” since this doesn’t tell a user where the link goes. 

highlight link

Step 2: Click the link icon in the toolbar. 

link icon

Step 3: Type the title of the page you want to link to on your website in the Search bar. Click the correct title when it appears. Use these intructions instead to create a link to a PDF.

search page in link

Stepinstructionshe blue Insert button to confirm the link.

insert link

Step 5: Confirm the link is correct. The text should be blue and may have an underline. 

confirm link

Step 6: Go to the front-end of the website to check out your work. To do this, you can click the name of your website in the top right corner of your screen. 

open front end

Help! I Don’t See My Changes!

 


 

How to Add (External) Links to the Text

Step 1: Type and highlight the text you would like to link. This can be the actual URL or a part of a sentence that tells a reader what the link is. Avoid typing “Click Here” since this doesn’t tell a user where the link goes. 

type external link and highlight

Step 2: Click the link icon in the toolbar. 

link icon

Step 3: Copy and paste the URL for the link into the box. 

type url in box

browse images

Step 4: Once you are finished adding the document to your Media Library, click the document. You will need to change some settings before adding it. All PDF document should open in a new window. This will ensure that your users don’t leave your site accidentally. Ensure you select Target: Open in new window.

target

Step 5: Click Insert

insert

Step 6: Click Save to save your changes to the page

save page

Step 7: Confirm the link is correct. The text should be blue and may have an underline. 

confirm external link

Step 8: Go to the front-end of the website to check out your work. To do this, you can click the name of your website in the top right corner of your screen. 

open front end

Help! I Don’t See My Changes!

Stay Clued In! Join Our Mailing List!

Keep up to date with the Goobers’ involvement in the community & special promotions.

Techno Goober Offcanvas Logo

Give us a call, we don’t bite! 302.645.7177