TheDeveloperBlog.com

Home | Contact Us

C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML

Joomla Create Modules

Joomla Create Modules with Joomla Introduction, Menus, Modules, Global Setting, History of Joomla, Features of Joomla, Installation, Toolbar, Architecture of Joomla, Create Menus etc.

<< Back to JOOMLA

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:

Joomla Create Modules

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:

Joomla Create Modules

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:

Joomla Create Modules

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:

Joomla Create Modules

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:

Joomla Create Modules

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:

Joomla Create Modules
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:

Joomla Create Modules

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.

Joomla Create Modules

Step 3

Make the changes and click on the 'Save' button to keep the changes.






Related Links:


Related Links

Adjectives Ado Ai Android Angular Antonyms Apache Articles Asp Autocad Automata Aws Azure Basic Binary Bitcoin Blockchain C Cassandra Change Coa Computer Control Cpp Create Creating C-Sharp Cyber Daa Data Dbms Deletion Devops Difference Discrete Es6 Ethical Examples Features Firebase Flutter Fs Git Go Hbase History Hive Hiveql How Html Idioms Insertion Installing Ios Java Joomla Js Kafka Kali Laravel Logical Machine Matlab Matrix Mongodb Mysql One Opencv Oracle Ordering Os Pandas Php Pig Pl Postgresql Powershell Prepositions Program Python React Ruby Scala Selecting Selenium Sentence Seo Sharepoint Software Spellings Spotting Spring Sql Sqlite Sqoop Svn Swift Synonyms Talend Testng Types Uml Unity Vbnet Verbal Webdriver What Wpf