Joomla – Create Modules
Joomla modules can be defined as the extensions which are flexible, light-weight, and useful for page rendering. In this article, you will understand how to insert or edit the Joomla Modules on your site.
Create Modules
Check out the steps given below to understand how to add the Joomla Modules on the site:
Step 1
First of all, navigate to the “Extensions – Modules” from the Joomla Taskbar. It will redirect you to the page showing a list of all the modules installed on your site. It will look like the following image:
This page can also be accessed from Joomla Control Panel.
Step 2
Click on the ‘New‘ button from the Joomla toolbar. After clicking on the ‘New’ button, you will get a list of all the module types. You need to select the module type that you want to create for your site. The following image displays the list of module types available on Joomla:
For an illustration purpose, we are choosing the module type as ‘Login’.
Step 3
After clicking on the ‘Login’ module, you will get the following form:
Here, you are required to fill all the mandatory details. Most of them are optional, so that you can leave them as default. Some of the important fields are:
| Title | It is used to specify the title for the particular module type. |
| Show Title | It is used to show or hide the title on your site. |
| Position | It is used to specify the position where you want to put the module on your site. To know all the positions available on your website’s template, add the code “?tp=1” after your domain. For example, http://www.yourdomain.com/?tp=1. |
| Status | It is used to describe the status of the module, such as Published, Unpublished, or Trashed. |
| Start Publishing | It is used to specify the date and time to start publishing. For example, If you want to publish your content at a later time automatically, you can use this field. |
| Finish Publishing | It is used to specify the date and time to finish publishing. For example, if you want to unpublish or remove your content at a specific date and time, then you can use this field. |
| Access | It is used to specify the access level of the modules. You can allow access to the Guests, Public, Super Users, Registered, and Special users. |
| Ordering | It is used to specify the order of the contents when there is more than one module in the same position. |
| Language | It is used to assign a language of the modules on the site. |
| Note | It is used to input the text information (visible to site administrators only). |
Step 4
Now, open the “Menu Assignment” tab and choose whether you want to display the created module on all the available pages or only on specific pages. You can select the option from the drop-down list available on the module assignment page. It will look like the image attached below:
Step 5
The ‘Advanced‘ tab is used to change the advanced settings of the modules. The following image displays the options available on the ‘Advanced’ tab:
The table given below provides a short description of available options:
| Layout | It is used to specify the layout for the module. |
| Module Class Suffix | It is used to add a new CSS class or modify the existing class. The added CSS style will only apply to the selected module. |
| Module Tag | It is used to specify HMTL tags for the modules. By default, it uses a div tag, but other HTML5 elements are also supported. |
| Bootstrap Size | It is used to select the width of the module using the span element built into bootstrap. |
| Header Tag | It is used to specify HTML tags for the modules header. |
| Header Class | It is used to add the optional CSS classes to the modules header or title element. |
| Module Style | It is used to override the template style for its position. |
The options available here are not mandatory and can be left as defaults.
Step 6
‘Module permissions‘ tab is the last tab available on the module creation page. It is used to manage the permissions of the module for the user groups. The following screen displays the options available under the Module permissions tab:
| Delete | It is used to provide permission to user groups to delete the content present in the module. |
| Edit | It is used to provide permission to user groups to modify the content present in the module. |
| Edit State | It is used to provide permission to user groups to modify the state of content present in the module. |
| Frontend Editing | It is used to provide permission to user groups to modify the content of the module directly from the frontend of the website. |
Step 7
After filling all the details, click on the “Save” button from the toolbar to keep the changes.
The following image displays how the created ‘Login’ module will look on the site:
That is how you can create modules in Joomla.
Edit Module in Joomla
To edit a module in Joomla, follow the below steps:
Step 1
Log in to Joomla’s account and navigate to the ‘Module Manager‘.
Step 2
Select the module that you want to edit by clicking on the checkbox and then click on the ‘Edit‘ button.
Step 3
Make the changes and click on the ‘Save‘ button to keep the changes.