Updating your Latest News module or Blog with Frontend User Article List installed for Joomla Editing

(1) Your Username
(2) Password
(3) Login – the page will reload and a new item will appear allowing you to begin editing your site

(1) Click on edit your website and a new panel will open within your site.

A list of all your pages available for editing will be show, click on any of those to edit and make changes to existing pages.

To make a new article for your news section or blog (1) Click on add new article

(1) Title your article
(2) Select the news section
(3) Select the Latest category
(4) Select paragraph from the format drop down – this will ensure your text matches the rest of the website – no other styling is necessary (such as choosing a font of font size)
(5) Begin typing here.

If you are going to copy and paste your text from else where please pay careful attention to the next step before doing so.

When you type in programmes such as word, formatting is added to the text. You will not be able to see this but this behind the scenes formatting will get carried over to your website when you copy and paste. The problem with this is the formatting from word can overide the formatting that the website needs to use and you can end up with some unexpected font style and sizes throughout your website.

To help prevent this happening, there is a special word import tool within your web tools

(1) Clicking on the Word import tool will open a new window into which you can paste from your word document.

With the word clip board open, go to your word document and copy your text

Paste into the importing clip board

Then click the Insert button

The import has regonised the heading style and converted that to the pink heading style of the website
The body text it has also converted to the main text style of the website.
It has retained all the line breaks and the bullet points

You can see you will still need to tidy up a few things like removing the extra line spacing…but have a look at what would have happened if we had not used the word import method

Text all over place, hundreds of addition line breaks and a load of weird code that was way too long to fit on the screen.

(1) To style your news stories heading to match the website – click within the title then choose heading3 from the format drop down or which ever heading you prefer.

If you wish to add an image to your news story please see our other lessons on how to add and align a picture.
Its also really important to have your image the right size before you add it to the website, to help it make it look its best and to keep page load times down.
If you dont have any photo editing tools then the free online picture editing service at picnik.com is brilliant. Allowing you to crop, resize and enhance your pictures and save them back to your computer.

(1) Hit save

Now visit your website and see the newly added story at the top of your blog page.

Well Done