Joomla Modules: Site Design Made Easy

Joomla Modules: Site Design Made Easy
Page content

What is a Joomla Module?

Simply put, a Joomla module is a box in your website’s template that showcases something. What that something is, however, is a bit more complex. Joomla modules can contain plugins, extensions, custom HTML, or one of a dozen of Joomla preset options. For example, a banner on a Joomla site is probably a module. The section of your website that allows users to log in to post comments is also a module. Modules can contain one of hundreds (or more) features that help make your website truly yours.

Why are Modules Important?

Joomla modules allow new site owners and designers to do something that they previously could not, which is to create relatively complex site layouts with relative ease. Imagine being able to move one element of your page design without having to write any code or spend a vast amount of time setting things up so they’re just-so. A lot of modules are plug-and-play, while others require a small amount of configuration - but even those that require some configuration are often much faster, easier, and cleaner than having to do all the work yourself!

Inserting a Module into a Joomla Site

Inserting a module into your site is relatively easy. While I can’t show you how every module will behave, I can show you how a basic module will work, and teach you about the positioning of modules within a Joomla site.

Go into your Module Manager, which is located within your “Extensions” drop-down. Here you’ll see a list of pre-existing modules. If you’re working with a fresh installation of Joomla, your list might be very short, or even empty by default, depending on if your Joomla included the demo content or not.

At the top of the page, click “New.”

New Module

Here you’ll see all the individual modules you can choose to install. A lot will depend on what plugins and extensions you’ve installed. For example, everyone will have access to Poll, Random Image, Custom HTML, Banner, Footer, etc etc. However, I had to purchase and install both the RocketTheme and YOOtheme extensions, so these will not be available to the beginner user. Here I’ll use YOOtweet to just quickly show how you can display a Twitter feed on a Joomla site.

The Module Manager

Fill in whatever parameters your extension asks before you do anything else. YOOtweet asks for one of a few different options, such as tweets referencing a user, containing words, containing hashtags, or from specific users.

YOOtweet parameters

Next comes the details - Joomla asks you to imput a few specific things before you can show it. For example, it asks for a title of a module, so it can be identified later. I’ll just name mine “Twitter.” It’ll also ask other things of you, like if you would like the title of the module to be displayed. I personally like this option for plugins that might not be clear, such as Twitter extensions, login extensions and the such. For images, banners, and the like, this is better left off. Be sure to make sure “Enabled” is checked if you would like your module to be displayed.

Naming and Enabling Your Module

Joomla also asks for positioning. You should have a vague idea of how your template works before you change this. Most columns are at the very least three column layouts, so placing your work in either the left or right column is always a viable option. All Joomla templates also include a footer option as well. the drop-down column wil provide you with all the possible positions for your specific template, but keep in mind that just because you can put something in that specific area, it doesn’t mean that it’ll look great there. But luckily it is very easy to move it to a new position, so feel free to experiment a little! For the sake of ease, I’m simply going to add it to the right column.

Positioning your Joomla Modules

The option “Order” tells Joomla where to place your image in the event that there is more than one module in that specific column. The higher the number, the lower on the list it will appear. The access level attribute allows you to allow modules to be only visible to certain people. Here, I’ll leave mine as “Public” which allows everyone on my site to see my tweets.

Menu Assignment simply states on which pages your module will be visible. Normally, you’re going to want it to be visible on all of them, so I’m going to leave the menu option “all” checked.

Menu Assignment

And there you have it! On the main page of my site I can now see my Twitter feed proudly displayed off to the side.


Image Credits

All screenshots were taken by Amber Neely and are intended for educational purposes only.