How To Update Your Joomla 1.7 Website Content

Click the below links for easy to follow instructions on how to:

Log into your website Upload an image
Administer your website Add an image – Basic
Edit your website content Add an image – Advanced
Add a hyperlink Remove an image
Remove a hyperlink Change an image


How to Log into Your Website

Joomla 1.7 Login

  1. Open a web browser
  2. Go to your administrator login page
  3. Enter your login details and click the “Log In” button

 

 

Back to top


How to Administer Your Website

Control window

Control window close up

The screen you are first presented with has the main menu on the main area of the screen.  You can return to this screen at any time by going to “Site” in the top left hand side of the screen, and selecting “Control Panel”.

Control window location

Back to top


How to Edit Your Website Content

To edit your Website content, click on the Article Manager

Article manager icon
Select the page you wish to edit by clicking on the page’s title name.

Article manager

Article manager close up

TIP: If your website has a large number of pages, you can filter by page name (in the top left-hand corner shown above).

The Article Window

Article window

From the Article window you can:

Change page title

  1. Change the Page Title (this is not recommended for beginner users, as it can have knock on effects on your menus and other pages).
  2. Publish or Unpublish the Publish or unpublishpage (i.e. show or hide it on your website)
  3. Change your Content (the writing on your webpages)
    1. NOTE:  Never copy normal text directly into this window, as it will keep the original formatting.  Instead, copy into a text editor such as Notepad first, or convert into plain text (which removes any formatting) and then copy into this window, so that the website page formatting is maintained.

Back to top


How to Create a Hyperlink

Hyperlinks

  1. Highlight the text you wish to make into a hyperlink and click the “Insert/editLink” buttonInsert or edit a link
  2. “Link URL”: Define where you would like the link to redirect/point to (e.g. www.webholism.com)
  3. “Title”: Define a “Title” if you wish.  WebHolism would recommend to always define an appropriate Title which describes the link accurately, as this can help to improve your search engine ranking
  4. Click “Insert”

Back to top


How to Remove a Hyperlink

Hyperlinks

  1. Highlight the existing hyperlink text and then click the “Unlink” button

Back to top


How to Upload an Image

Uploading an Image

  1. Click the “Image” button in the bottom left hand side of the window
  2. Click the “Choose File” button in the bottom left hand side of the windowImages
  3. Browse to the image you wish to upload
  4. Select the image
  5. Click the “Start Upload” button

If you then wish to add your newly uploaded image to your webpage, select your new image and click the “Insert” button.

Once this is done, you will then be able to view and delete any unwanted images by selecting the Media Manager button from the control panel.

Back to top


How to Add an Image – Basic

Uploading an Image

  1. Click in the content where you wish the image to be inserted
  2. Click the “Image” button in the bottom left hand side of the window
  3. Select the image you wish to use (the “Image URL” box will automatically update with the file location)
  4. Enter in a useful description of the image in the “Image Description” and “Image Title” boxes.  This counts towards your SEO, so remember to describe the image truthfully, and to the best of your ability.
  5. Click the “Insert” button in the top right hand corner

Back to top


How to Add an Image – Advanced

Edit images

  1. Complete the “How to Add an Image – Basic” instructions above
  2. You should now be in the main window for your article, with your page content in the main white content area.Advanced images
  3. Select the image you wish to work on by clicking on it
    Advanced images 2
  4. Click the icon with the tree image on it
  5. Select the Appearance tab
  6. Configure the following options if desired (note how the box on the right changes with your updates):
    • Alignment: where you want your image to sit in relation to the text around it.  Play around with these options to see what you like most
    • Vertical Space: the distance (in pixels) you want between the top/bottom ofyour image
      and the surrounding text
    • Horizontal Space: the distance (in pixels) you want between the left/right of yourimage and the surrounding text
    • Border: if you would like a border around your image, how thick do you want it to be (in pixels)
  7. When finished, click the “Update” button in the bottom left hand corner
  8. Review how your image looks in the content, and repeat the above instructions if change is desired.

Back to top


How to Remove an Image

  1. Select the image by clicking on it
  2. Push the delete or backspace button on your keyboard

Back to top


How to Change an Image

Edit images

  1. Select the image by clicking on it
  2. Click the icon with the tree image on it
  3. Follow the “How to Add an Image – Basic” or “How to Add an Image – Advanced” instructions

Back to top


This entry was posted in Joomla 1.7, Tutorials, Website. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>