Adding Modules

Joomla Modules are ways to include different types of content, outside the main content area of your pages. There are a number of modules that come pre installed with Joomla and many more that you can add as extensions. Modules are placed into Positions that are determined by the template.

Viewing Module Positions

In the back end go to Extensions/Template Manager. Click on Options in the top right. Under the Templates tab click Preview Module Position - Enabled. Click Save and Close.

Now open a new tab and open the front page of your site. In the address bar type ?tp=1 after your URL. Press enter and your site should load with an overlay of your template positions.

Create a Module

In the back end go to Extensions/Module Manager. You will notice that you already will have at least 2 modules, a Main Menu module and a Login Form module. In the menu bar click New. In the select module type popup click on 'Latest News'. This will display a list of links to the most recent articles. You will be returned to the Module Manager: Latest News window. Give the module a title (eg Latest) and select a position (eg sidebar a). 

Publishing Options and Page Asignment

Configure the access and publishing options in the remainder of the  Details pane (if you want it publicly viewable and published immediately just leave these settings as they are).

You can set what pages you want the module to apear in in the Menu Assignment  section (eg all pages or only the pages selected). You can also set the category of article you want to include in the list.


Click Save and Close. Log in to the front end of your site and view your home page. You should see the the Module in the position that you specified.


You can add other modules in a similar way. Each module type has its own specific set of options. 





More Modules


Breadcrumbs are a very useful navigation tool, especially for large sites with lots of nested links. They simply display the path to the current page, linking to pages further up the site hierarchy.

Go to Modules Manager, click New and choose Breadcrumbs. Give it a Title but set Show Title to Hide. Click Select Position. Most modules should already have a position for the breadcrumbs so select Breadcrumbs.

Leave everything else as it is and click Save and Close.

News Feeds

News feeds allow you to import RSS feeds and display them in your site. We are going to create a news feed to display the latest news headlines from the ABC news site.

Go to Modules Manager, click New and choose Feed Display. Give it the title 'Latest ABC Headlines'. Choose the position you want the feed to display in and its menu assignment.

The URL for the feed is:

Copy and paste it into the Feed URL field under Basic Options 

Change the Feed Items to 10. Click Save and Close 

Latest News 

This module adds a list of links to recently published articles. 

Go to Modules Manager, click New and choose Latest News.  Give the module a title and choose a module position. In the Menu Assignment section select the pages you want the module to display in. In the Basic Options section select the categories of article you want to display. Use alt-click to select a number of categories or leave it as it is to select all categories. Click Save and Close or  Save and New if you would like to continue adding modules.

Articles Category

Not to be confused with Articles Categories, Articles Category allow you to display lists of articles based on various criteria. Filtering Options  in the Module Manager:Modules Articles Category window allow you to include or exclude articles based on category, author and date. Articles can be also grouped and ordered in various ways.


Insert a Module into an Article

There may come a time when you want to embed a module into an article. For instance the following list was created using the Article Category module, with the inclusive filter set to include all articles in the category Lesson 5.

 To embed a module in an article the first thing you need to do is check to see that the Content-Load module Pluggin is enabled.

Go to Extensions/Pluggin Manager. Find the Content - Load Modules pluggin in the list. Ensure there is a green tick in its Status column. 

Next create the module you want to include in an article. In the Position text field type a name for your module position (dont select it from the Select Position button). For instance type 'myposition'. Ensure that its Module Assignment  is set to On all pages. Click Save and Close.

Now open the article for editing. You do this either from the front end or in the back end by selecting it (or creating a new one) in the Article Manager.

Assuming you called your module position 'myposition' type {loadposition myposition} where you want your module to appear.

Save your article and you should see your module.

More Articles...

  1. Add a You Tube Module