Hosting Tutorial & Guide

How to Use Tags in Joomla 3?

updated on Apr 15, 2015
How to Use Tags in Joomla 3? One of the new features introduced and implemented by Joomla 3 is Tags, and we will teach how to get your content well-organized by applying such a tag across many different content types, such as newsfeeds, contacts, categories and articles. Note that, any content item can be attached with as many tags as you need.

How to Create Tags on a Joomla 3 Website?

Generally speaking, Joomla tags can be created in two different ways. For the purpose of this tutorial, we assume that you want to create a tag in a way that is similar to creating a Joomla article. As for details, you can refer to the following steps.

Step 1 – Enter Tags Component Interface
To start with, you are expected to log onto your Joomla administrator interface with username and password. Upon entering, go directly to "Components" > "Tags" from the toolbar menu as follows. Note that, if you haven't installed a Joomla site for now, there is a possibility that you won't sign up to the backend directly. If so, it is advisable to install Joomla 3 to proceed with your tag creation process.

Joomla Tags - Enter Component Tags Page

Step 2 – Open Tags Manager Window
If done correctly, you will be showed with a default "Tags Component" page where nothing has been added as below. Obviously, this "Tags" interface is almost like "Article Manager" with a few filter options from the left-side of this screen. To add a new tag is very similar to adding a new article from "Article Manager", and you only need to click this green "New" button.

Joomla Tags - Open Tags Manager Window

Step 3 – Create Tag Details
This will open a new "Tag Manager" window, from which you will be firstly asked to enter the name of your tag in the blank "Title" field. In the meantime, it is possible to add more "Tag Details", including "Description", "Status", "Parent", "Access", "Language" and much more.

Joomla Tags - Create Tag Details

Step 4 – Make Publishing Settings
Within the "Publishing" tab, you are provided with the ability to specify the tag's "Meta Description", "Meta Keywords", "Author" and "Author Alias." For the rest of the options like "Created Date" and "Modified Date", Joomla will update all by itself, and you are disallowed to make changes.

Joomla Tags - Make Publishing Settings

Step 5 – Customize Options & Image
The next "Options" section enables you to define the tag layout and CSS class. Inside this "Images" tab, you can also use "Teaser Image" or "Full Image", and in the meantime, add related "Alt" and "Caption" information in below. If you have no idea about those settings, you can leave them to the defaults for the time being. Do not forget to press the upper-left "Save & Close" button to take effect.

Joomla Tags - Customize Options & Image

Till this step, your first Joomla tag has been created successfully, and you can repeat the above steps to create as many tags as you desire. In this example, the filled-in "Testing Tutorials" will be a parent tag, and a good number of children tags will be nested under it.

How to Add Joomla Tags to Articles?

To do this, head over to "Content" > "Article Manger" as is showed. Given that you want to create an article, the place to add tags is normally located at the right-hand of this editing page. Just make a click in this field and type in the tag name you want to use. The moment you enter some characters, a certain number of tags will appear from the screen. It is also possible to add many tags to the same article.

Joomla Tags - Add Joomla Tags to Articles

How to Display Your Tagged Content?

Having introduced how to place Joomla templates on the frontend, we will go through the process of displaying tagged content from your site's frontend. When you add a tag to one article, Joomla will automatically display it beneath the article title. The most effective way to show tags for the frontend of your Joomla 3 site is to show them using menu items.

Joomla Tags - Display Your Tagged Content

To do that, expand the "Menus" tab from the top toolbar and choose the "Menu Manager" from its drop-down list. Since you've entered a "Menu Title", it's time to select the "Menu Item Type" that your article belongs to. By the way, you can decide the location of your tagged content by specifying the left-side "Parent Item." After clicking the "Save" button, you will be able to see a list of tags on the frontend of your website. Below is an example of how your tags will be exhibited.

Joomla Tags - An Example Tag