Creating an article template on Joomla.

Creating an article template on Joomla.

As a CMS, Joomla offers a fairly powerful content management system. One of Joomla’s advantages over other CMSs is its ability to simplify the management of large volumes of content. Many sites with a lot of content are developed on Joomla for this reason alone.

However, before you can publish thousands of articles on your Joomla site, you need to start by learning the basics. Together we’re going to look at the key stages in the creation of articles and how to structure them to make your web platform pleasant and fluid. Without further ado, let’s get to the heart of the matter.

How do I create categories in Joomla?

The first step to achieving a good content structure on your website is to correctly prioritise your elements. Being able to divide content into categories is without doubt one of the key features of CMS. This makes it possible to sort and organise content, both for personal management in the back office and to make it easier for web users to navigate.

Although it is not compulsory, it is strongly recommended that you set up categories to present your content. Obviously, the broader the subjects covered by a website, the more essential categories will become. Let’s take a look at how to create categories on Joomla.

There are various ways of adding a category on Joomla. However, the quickest way is to go via the navigation bar, go to Content I Categories, and click on Add New Category (1).

This will take you to the settings area for your category. The only mandatory parameter is the category title. I therefore invite you to enter a name, in this case it will be joomla tutorials. Once you’ve entered the title, you can add a description (2) and change the rights (3). Once this has been done, simply click Save to make the category effective. A validation message confirms that the save has worked.

To check that the category has been saved, by returning to the control panel, click again in the navigation bar on Content I Category.

We then arrive at the section listing all the categories on the site. Here we find our newly registered category.

The new category has been created on the site. Let’s go a little further now. Suppose we need to split the joomla tutorials category into two. This would give a category dedicated to tutorials on design and another on content. Well, Joomla lets you do that with subcategories.

Add a category as a subcategory.

To carry out this step, we will need to redo a category (in my example, it will be joomla design tutorial.) in order to place it as a subcategory of our old category (here joomla tutorial).

We reproduce the same step, except this time, in the Parent drop-down list, we choose our old category.

After saving the new sub-category, returning to the list of categories, a visual hierarchy indicator appears (1). This indicates that the new category is a subcategory.

Now, a hierarchy is well defined between the categories. This example does not necessarily show the usefulness of this system in order to properly structure the content. However, with time and articles accumulating, a good hierarchy of categories is essential to maintain a healthy site. The advantage of Joomla is that it is always possible to come back to it along the way. Even if, upstream work will be less time-consuming than a last-minute correction.

Now that we have seen how to set up categories for articles, let’s continue by creating these famous articles.

Create articles on Joomla.

To build a new article, we’ll have to go back to Content I Articles. To do this, from the Control Panel, two solutions are possible (1 and 2):

We arrive in the section presenting the list of articles present on the site. From there, it is possible to create a new article, by clicking on New.

On this article creation page, we find the classic fields of Joomla for the design of articles. The content is to be filled in by following the site’s content strategy. Be aware, however, that the title of the article is a mandatory field (1).

It is also useful to assign a category to an article (2), as well as to check its accessibility (3).

To add the actual content of the article, just fill in the text box. The interface is very similar to word processing software (4). It is possible to use pre-formatted buttons to personalize content (5).

For more freedom, the HTML language will allow you to personalize the content even more. To do this, simply click on the toggle editor button, allowing you to switch to the HTML version of the content editor.

Add pictures:

It is possible to embellish the articles with images. To do this, a good practice to take is to properly size the images upstream. On the one hand, to have a maximum rendering, but also, because the resizing tool on Joomla is not very efficient.

Before adding images, you will need to create the storage folder on the Joomla site. To do this, return to your Control Panel and go to Content I Media Manager.

From the interface, add a new folder that will serve as storage for item images. It’s quite simple, click on Create New Folder (1), then fill in the Folder title field and validate by clicking on Create Folder (2).

Once the folder is added, double-click on it to access it. Once inside the folder, click on Upload (1) and add media (2).

A validation message appears to confirm that the transfer went well. From there, it’s easy to use the images in the folder on any post or page on the site.

Returning to the article to add an image, in the word processing area, we find an Image button (1).

A selection window will appear offering to browse the Media folders. Just find the previous image, click on it (1), select it and finish with the Insert button (2).

The image is finally inserted into the word processor. It can be adjusted before saving the changes.

Add an intro image:

On several online blogs, creators add introductory banners and images. With Joomla, it is quite simple to set up the same.

Just above the word processing area there is a navigation bar where the Image and Links section (1) is located, click on it.

In this tab, several parameters are available, which it is good to be aware of, because they bring several points of customization. For our purpose, we are going to use Intro Image. By pressing select, we can upload the image for the article introduction. Obviously, this image must belong to the Joomla image collection. Once the choice is made, press Insert (1) to validate the selection.

Remember to Save the modification of the article in order to keep the introductory image.

Create a text link in an article:

Whether for understanding the content, to redirect to other articles or to present other web pages, links are very important for the creation of dynamic articles. The editing area of the Joomla back-office allows you to quickly set up links within your articles.

In the edit page of one of the articles, place a mouse cursor in the area where the link should appear. Once done, click on the Insert / Edit link button (1).

A window will open, offering to add the redirect URL (1), as well as a title. Validate the request by clicking on OK (2).

When passing the mouse over the selected title, we notice the appearance of a line indicating that the link has been set up. To save, you must use the Save changes button and the creation of the redirect link is complete.

Remember to save by pressing the Save button before ending the article. Returning to Content I Articles, we find the article in the list of articles on the site. To make the article visible on the Home page, just click on the star (1).

Edit an article:

Since we are on the Content I Articles page, let’s take the opportunity to talk about article editing. To review the content of a previous article, it is quite simple. Just click in the list on the title of the article in question. An article processing window will appear on which it is possible to apply modifications.

Change a category article content:

After a while to publish on the platform, it may be necessary to review the hierarchy of certain articles. We have seen how to set up categories on Joomla. However, it may be necessary to move items from one category to another. That’s what we’re going to see right here.

We start by returning to the Content I Article Manager section.

We choose the article to modify by clicking on the selection zone (1) of this one. Then click on the Batch button (2) located in the top navigation bar.

A window will appear, offering several actions. The one we are interested in is To move or Copy your selection please select a Category (1). It is then enough to choose in the list, the category in which we wish to return the article. Finally, click on process (2) to make the change effective.

After validation, a confirmation message is sent stating that the article has been transferred to the desired category. To be able to redirect several articles to a new category, the multi-selection in the starting list works perfectly to save a little time.

Resuming an old version of an article:

It may happen when editing an article that we need to go back. Joomla, like any good CMS, keeps previous versions of articles in memory. This will allow us to easily retrieve a past version of the article.

As before, we start from Content I Article Manager. On this page, select the article in question and click on the title. Arrived at the edit page of the article, we will click on the button versions.

The list of versions for this article will appear, the title of the version informs us of its seniority. Ideally, we should resume the most recent version before which we modified the content. By clicking on the date, a tab opens to give an overview of the previous version. If this version is suitable, check this one (1), then click on Restore (2).

A confirmation message warns of the switch to the previous version. Don’t forget to save the changes on the page before leaving.

Article archive:

Once the site grows and the number of articles increases, we may need to set aside certain articles. The most common case is that of news articles made obsolete. To do this, it is possible to purely and simply delete your database.

Be aware, however, that there is an article archiving option with Joomla. This allows users to access the platform archive when needed. Depending on the web platform and its marketing strategy, this option can have advantages, let’s see how it works.

Everything happens in Articles I Content Manager, select the articles to archive (1) and click on the button in the top navigation bar, named Archive (2).

Articles are now archived. Now let’s see how to give access to archives to users.

Create link to archive:

To be able to quickly access the archives of the web platform, the best and most intuitive way is to offer a dedicated menu.

To do this, we will return to Menus I Main Menu and click on Add (1).

For the Menu Item Type parameter, click the Select button. A window appears on the screen giving access to all types of item, we will choose Articles I Archived Articles (1).

You will also need to add a title to the item and save it to make it effective.

Returning to the website, we find our Archive item in the Main Menu (1, 2), as well as the Archive section when we click on the link (3).

This last step closes this overview, which is by no means exhaustive about articles on Joomla. There are a lot of concepts to discuss to get around the question. Nevertheless, by mastering these few concepts, it is quite possible to start your blog without any worries.

Photo Maxime Macé

Maxime Macé

Simple passionné de thématiques diverses et variées. J’apprécie enrichir mes connaissances dans les disciplines techniques comme l’informatique, les sciences et l’ingénierie, mais aussi dans les domaines merveilleux de la philosophie, l’art et la littérature.

Prenons contact

Vous souhaitez me contacter suite à la lecture de cet article ? Merci de renseigner votre adresse électronique et je vous recontacterai dans les plus brefs délais.

CV Ingénieur développeur informatique

CV Étudiant PhD Artificial Intelligence

Portfolio Artist designer