Joomla! 1.7 Tutorials: Add articles

Ranked #3,322 in Internet, #187,827 overall | Donates to Squidoo Charity Fund

Lesson 3: Adding article content

You've set up your website, and now you need stuff for people to read when they visit.

Content takes many forms in Joomla!, from images, galleries, videos, and text.

In this tutorial we will create several very simple articles in which we describe our four products. In each article we will place an image.

This is where we got to

in Lesson 2

Write some articles

just a few words for now

In this lesson we start by adding four articles in the Products category.

Two are in Product type No. 1, and one each in No.2 and No.3 type.

Product No. 1 - Blue 1 and Red 1
Product No. 2 - Purple box
Product No. 3 - Orange ball

Go to the backend (Administrator) of the site, and add an article for our Blue widget.

Click on Add New Article

in the Site Control Panel

click on Add New Article

Enter the name of the product in the title bar

Choose the parent category in the drop down

Choose the parent category in the drop down

Use a simple text editor

and copy the text and paste into the article

You can write some content directly in the text editor inside Joomla! 1.7

It is absolutely imperative that you don't write your content in a word processor, as these programmes add their own styling which will prevent your page from validating properly.

If you are more comfortable using a programme such as Microsoft Word®, then use the icon to paste from Word, that is available in some text editors in Joomla! This method will 'clean' the text for you.

I find Notepad the easiest, and the text can be pasted straight in.

Do ALL your styling (pretty-ing up the words) in Joomla!

Insert an image into the article

Upload an image into the media manager

Upload an image

In the article editor, scroll to the bottom and click the Image button.

Upload an image into the Media Manger

either directly, or in the article

You can add images directly into the Madia Manager, make folders for say, Products, and delete them.

You can also add an image into the Media Manager while you are writing the article.

Type the name of the image

It's good for search engine optimisation

Type in the name of the image

Click insert

at the top right of the pop-up

Insert image

The image is now under your text

in the article

The image is in the article

One more thing...

We need to pretty up the text a little

Click in the heading line and use the Format dropdown

Style headings

Choose Heading 2 for the main page heading.

Next step...

Write more articles

for the other three products we have

Click on Save and New.

Enter the names of the products in the title bar.

Choose the parent for each product.

After you write the last article, click Save and Close.

All four articles

are now listed in the Article Manager

in the Article Manager

How it looks in the front end

of our Joomla! site

product page

Click next under the product details

We get a message with a Next button.

click next

We have two products in this category, so we can navigate to see the next one.

Our red widget

in the front end of our Joomla! site

Next product

and a Previous button now

Lesson 1: Installation

Loading

Videos for learning Joomla!

on Amazon

Loading

Lesson 2: Adding categories

Loading

Joomla! 1.7 and 1.6 books

for you at Amazon

Loading

Lesson 4: Add submenu items

Loading

Visit Joomla!

Open source CMS

Joomla!
Joomla! - the dynamic portal engine and content management system

Are you following along?

Got lost anywhere?

About Jan T

web designer, Joomla! lover

Loading

by

JanTUB

I have been quilting for more than a quarter of a century. (Sounds much longer than 25 years.) That's me in my studio in 2006.

Quilt tutor, patchwork...
more »

Feeling creative? Create a Lens!