Joomla - Quick Guide


Joomla - Overview

Joomla is an open source Content Management System (CMS), which is used to build websites and online applications. It is free and extendable which is separated into front-end and back-end templates (administrator). Joomla is developed using PHP, Object Oriented Programming, software design patterns and MySQL (used for storing the data).

What is Content Management System (CMS)?

The Content Management System (CMS) is a software which keeps track of the entire data (such as text, photos, music, document, etc.) which will be available on your website. It helps in editing, publishing and modifying the content of the website.

History

Joomla is based on Mambo CMS which was developed by an Australian company in 2001 and initially released on August 17, 2005. The official version of Joomla 1.0 was released on September 22, 2005.

Features

Joomla has its own powerful built-in features (core features).

Joomla Features

Advantages

Disadvantages

Real World Examples of What Joomla Can Create?

Joomla - Installation

System Requirements for Joomla 3.x

Download Joomla

When you open the link https://www.joomla.org/download.html, you will get to see a screen as below −

joomla Setup

Download the Joomla zip file from the official site or if you want to update the files of your previous version, then click on Upgrade Package option.

Create Store Database

SetUp Wizard

It's very easy to set up Joomla into your system. The following steps describe how to setup Joomla locally on your system.

Step 1 − Extract the downloaded Joomla folder and upload it on your web server or localhost.

Step 2 − Open your browser and navigate to your Joomla file path, then you will get the first screen of the Joomla installer as shown in the following screen. In our case the path is localhost/< Your_joomla_folder >.

joomla Setup

It contains the following fields −

After filling all the information, click on the Next button.

Step 3 − Here, you have to enter the information about the MYSQL database as seen in the screen below.

joomla Setup

After filling all information, click on Next button.

Step 4 − In this step, you will be on last page of the installation process.

joomla Setup

Here you can view all the information added to Joomla.

Choose Default English (GB) Sample Data as an example to build your website and click on Install button.

Step 5 − Next, you can see that Joomla starts the installation process on your machine.

joomla Setup

Step 6 − After a few minutes, after installation is successful and you will get a screen of the Joomla web installer as shown below.

joomla Setup

Next, click on the "Remove installation folder" button which will help you to protect your site, so that no other person can re-install your site.

Note − If your installation gets stuck and does not get completed for more than an hour, then do some changes as shown below.

Go to Joomla folder → installation → sql folder → mysql folder Open joomla.sql file and find the following term: "ENGINE=InnoDB". Replace this term with "ENGINE=MyIsam" and save the file.

Before MySQL 5.5.5, MyISAM is the default storage engine. (The default was changed to InnoDB in MySQL 5.5.5.)

Then your installation will begin.

Admin Panel

After installing Joomla you are able to login to your Joomla Admin Panel as described below −

Step 1 − To access Joomla administrative panel, open the browser and type the URL as http://localhost/ < Your_joomla_folder >/administrator/index.php, then you will get the screen as shown below −

joomla Setup

Step 2 − Enter the username and password which you had mentioned during installation as shown in the step 3 of Set Up Wizard section and click on the login button.

Joomla - Architecture

Joomla is a Model-View-Controller web application. In this chapter, we are going to discuss about the architectural style of Joomla. The following diagram shows the architecture of Joomla.

joomla Architecture

The architecture of Joomla contains following layers −

Database − Database is a collection of data and can be stored, manipulated and organized in a particular manner. The database stores the user information, content and many more required data of the site. It is used to store the administrative information to manage the Joomla site. Using Joomla database layer, it ensures maximum flexibility and compatibility for extension.

Joomla Framework − Framework is a collection of open source software, where the Joomla CMS is built. It is developed for more flexibility and breaks the framework into single modular packages which helps each package to develop more easily.

Components − Components are considered as mini applications. It consists of two parts i.e. Administrator and Site. Whenever a page gets loaded, component is been called to render the body of main page. The Administrator part manages different aspects of the component and the site part helps in rendering the pages when request is made by site visitor. Components are main functional unit of Joomla.

Modules − Modules is an extension which is used to render the pages in Joomla. It is also used to display the new data from the component. It frequently looks like boxes such as login module. In Joomla administrator the modules are managed by the module manager. It displays the new content and images when module is linked to Joomla components.

Plugin − This is also a kind of Joomla extension, it is very flexible and powerful for extending the framework. It contains a bit of codes that is used to execute the particular event trigger. It is commonly used to format the output of a component or module when a page is built. The plugin function which are associated with event are executed in a sequence when a particular event occurs.

Templates − Template determines the look of the Joomla website. There are two types of templates used i.e. Front-end and Back-end. The Back-end template is used to control the functions by the administrator where-as the Front-end template is a way to present the website to users. Templates are easy to build or customize your site. It provides maximum flexibility to style your site.

Web Browser − It is a server where the user interacts. It delivers the web pages to the client. The HTTP (Hyper Text Transfer Protocol) is used to communicate between the client and the server.

Joomla - Control Panel

The Control Panel provides default features and functions of Joomla to access through clickable icons, menu bar etc. When you login to the Joomla administrative panel, you will get the screen as shown below. Important icons of control panel and their functions are marked in the following screen −

joomla Control Panel

Article Content

There are four icons under the CONTENT section as shown below −

Structure Format

In STRUCTURE section, there are two groups of icons −

User Information

Under USERS section, there is one icon located −

Set the configuration

Three icons are located under the CONFIGURATION section as given below −

Install Extension

There are many Extensions available in Joomla. You can install different types of extensions to extend the functionality of the site.

Maintenance

In MAINTENANCE section, there are two icons located −

Logged-In User

It shows the administrator name who has logged in to the Joomla site.

Published Articles

It shows the published articles and also shows the present article, that you have published.

Information of Sites

It displays the details of the site such as OS name, version of PHP and MySQL etc and also shows the number of users that are using this site.

Joomla - Toolbar

In this chapter we will study about the various toolbar options in Joomla. Given below is a list of toolbars −

Article Manager Toolbar

Click on ContentArticle Manager in Joomla administrator control panel. In Article Manager, you can create the standard pages that consist of images, text and hyperlinks. The following figure depicts the Article Manager Toolbar.

joomla Article Manager Toolbar

Category Manager Toolbar

Click on ContentCategory Manager in Joomla administrator control panel. It manages to create categorize the articles which allows to group your content better. The following figure depicts the Category Manager Toolbar.

joomla Category Manager Toolbar

Media Manager Toolbar

Click on ContentMedia Manager in Joomla administrator control panel. It manages the files by uploading a new file or deleting the existing ones on your web server. Given below is a snapshot of the Media Manager Toolbar.

joomla Media Manager Toolbar

Menu Manager Toolbar

Click on MenusMenu Manager in Joomla administrator control panel. It manages the menu items. Here new menus are created, deleted or menus are managed subsequently. Given below is a snapshot of the Menu Manager Toolbar.

joomla Menu Manager Toolbar

Module Manager Toolbar

Click on ExtensionModule Manager in Joomla administrator control panel. It manages the modules location and functions that are installed. The following figure depicts the Module Manager Toolbar.

joomla Module Manager Toolbar

User Manager Toolbar

Click on UsersUser Manager in Joomla administrator control panel. It manages all the user information such as Username, Email, Last Visit Date and Registration Date. Given below is the snapshot of the User Manager Toolbar.

joomla User Manager Toolbar

Global Configuration Toolbar

Click on SystemGlobal Configuration in Joomla administrator control panel. It manages the global setting of the Joomla site. Given below is a snapshot of the Global Configuration Toolbar.

joomla Global Configuration toolbar

Template Manager Toolbar

Click on ExtensionTemplate Manager in Joomla administrator control panel. It manages the templates that you use in the website. The following picture shows the Template Manager Toolbar −

joomla Template Manager Toolbar

Language Manager Toolbar

Click on ExtensionLanguage Manager in Joomla administrator control panel. It manages the languages that you use in the website. The following picture shows the Language Manager Toolbar −

joomla Language Manager Toolbar

Joomla - Menus

Menu manager allows creating custom menus for your website and allows navigation through your website.

Step 1 − Click on MenusMenu Manager in Joomla administrator, you will get the following screen −

Joomla Menus Menu

You can see the menu and menu items point to logical page on the website.

Step 2 − To add a new menu to your website, go to MenusMenu ManagerAdd New Menu as shown in the following screen −

Joomla Menus Menu

After clicking on Add New Menu, you will get the screen as shown below. Here you can create a new menu.

Joomla Menus Menu

Step 3 − To create a new menu item, go to MenusName of the MenuAdd New Menu Item as shown in the following screen −

Joomla Adding New Item

You can also add new menu item via User Menu. All the steps described below applies to menu item creation via this method.

When you open the page of a New Menu Item, you will get the following screen −

Joomla Menus Menu

There are two main sections under New Menu Item −

There are some tabs present while creating menu items as shown in the following screen −

Details

The Details tab in Add New Menu Item, is as shown below −

Joomla Menus Menu

It contains the following options −

Link Type

The next tab is Link Type in Add New Menu Item, as show below −

Joomla Menus Menu

Page Display

The next tab Page Display in Add New Menu Item, is as shown below −

Joomla Menus Menu

Metadata

The next tab Metadata in Add New Menu Item, is as shown below −

Joomla Menus Menu

It contains following options as described below −

Joomla - Content Menu

In this chapter, we will study about menus present under the Joomla content. A drop-down menu is displayed when you click on Content Menu.

joomla Content Menu

Article Manager

In Article Manager, you can create the standard pages that consist of images, text and hyperlinks. Click on ContentArticle Manager menu on Joomla administrative panel, you will get the following screen −

joomla Content Menu

Here, we have mentioned the details about the column header present on the Article Manager page.

Let us learn about the Search box in the article manager page which is used to search the items very easily.

joomla Content Menu

Here you can search the item in the article manager page by selecting any of these − Select Status, Select category, Select Max Levels, Select Access, Select Author, Select language or Select Tag.

We will study about Article Manager Toolbar in detail in the chapter Joomla Toolbar.

Add New Article

Click on ContentArticle ManagerAdd New Article menu on the Joomla administrative panel, then you will get the following screen. The same page can be viewed when you click on Category ManagerAdd New Category

joomla Content Menu

Here you can create your article or web page by specifying the title in Title bar and we can add or write content in the content tab. We will study about this in detail in the chapter Joomla Adding Content.

Category Manager

Category Manager is used to create categories for the articles which allows grouping your content better. Click on ContentCategory Manager menu on the Joomla administrative panel, then you will get the following screen image −

joomla Content Menu

We will study about Category Manager Toolbar in detail in the chapter Joomla Toolbar.

Here, we have mentioned the details about the column header present on the Category Manager page.

Featured Article

Click on ContentFeatured Manager menu on the Joomla administrative panel, then you will get the following screen −

joomla Content Menu

Here the yellow star mark indicates the article is featured. The star mark is present next to each article for featured articles.

Here, we have mentioned the details about the column header present in theFeatured Article page.

Media Manager

You can manage your media files by uploading a new file or deleting the existing ones using media manager. Click on ContentMedia Manager menu on the Joomla administrative panel, then you will get the following screen −

joomla Content Menu

We will study about Media Manager Toolbar in detail in the chapter Joomla Toolbar.

Thumbnail View

Thumbnail view contains previews of images and icons of sub-folder. When we click on Thumbnail View then the media manager will look like as shown below.

joomla Content Menu

Detail View

Detail view contains the file details. In the detail view, the file information such as dimension and file size are displayed. When we click on the Detail View then the media manager will look like as shown below.

joomla Content Menu

Joomla - Components Menu

In this chapter, we will study about Components Menu in Joomla. Click on Components Menu, a dropdown menu as shown below will be displayed −

joomla Component Menu

Banners

ComponentsBanners are used to setup the banners on the website. When you click on Banners, you see a submenu as shown below −

joomla Component Menu

Let us study each of the submenu as follows −

Banners

It is used to edit or add banners in the Joomla website to display.

Click ComponentsBannersBanners, a screen as shown below will get displayed.

joomla Component Menu

We will study about Adding Banners in detail in the chapter Joomla - Adding Banners.

Categories

With Category Manager you can create new banner categories or edit the existing banner categories.

Click ComponentsBannersCategories, a screen as shown below will get displayed.

joomla Component Menu

You can study more about Category Manager Toolbar in detail in the chapter Joomla Toolbar.

Below, we have mentioned the details about the column header present under the Category Manager - Banner page.

The Search box in the Category manager - Banners page is used to search the category items very easily.

You can search the item in the article manager page by selecting any of the following ways i.e. through Select Status, Select Max Levels, Select Access, Select language or Select Tag.

Clients

With Client Manager you can create a new client banner or edit the existing ones.

Click ComponentsBannersClients, a screen as shown below will get displayed.

joomla Component Menu

Below, we have mentioned the details about the column header present in the Banner Manager − Clients page.

The Search box in the Banner Manager− Clients page is used to search the client items very easily.

You can search the item on the Client Banners page by selecting the Status or Type.

Tracks

In Tracks, you can view the tracking information for a list of existing banners.

Click ComponentsBannersTracks, a screen as shown below will get displayed.

joomla Component Menu

The Begin Date and End date is used to track the information of the banner within a particular period (For instance, consider begin date as 2015-07-06 and end date as 2015-07-10, within this period of time the banner information will get tracked).

Toolbars

Contacts

It adds contact information of client on Joomla site such as name, address, telephone number, email etc.

Click ComponentsContactsContacts, a screen as shown below will get displayed.

joomla Component Menu

We will study about Adding Contacts in detail in the chapter Joomla - Adding Contacts.

Joomla Update

It specifies the Joomla latest version which is being used.

Click ComponentsJoomla! Update, a screen as shown below will get displayed.

joomla Component Menu

Messaging

ComponentsMessaging allows sending and reading messages in Joomla. When you click on Messaging, you see a submenu as shown below.

joomla Component Menu

New Private Message

It is used to send messages to the other backend of Joomla site. You can read, write or delete the messages.

Click ComponentsMessagingNew Private Message, a New Private Message page opens up. We will study about Private Message in detail in the chapter Joomla - Private Messages.

Read Private Messages

In this section, you can read all the private messages.

Click on ComponentsMessagingRead Private Message, a screen as shown below will get displayed.

joomla Component Menu

Toolbars

Below, we have mentioned details about the toolbars present in Read Private Message.

Newsfeeds

It allows adding news feed on your Joomla site from other sites.

Click ComponentsNewsfeedsFeeds, a Newsfeeds page will open. We will study about Newsfeeds in detail in the chapter Joomla - Adding News Feed.

Post-installation Messages

It allows reviewing actionable messages after installation.

Click ComponentsPost Installation Messages, a screen as shown below will get displayed.

joomla Component Menu

Here it delivers messages after successful installation of Joomla extension or core.

Redirect

Redirect Manager is used to redirect the URL's that do not exist on the website with web pages that are working.

Click ComponentsRedirect, a screen as shown below will get displayed.

joomla Component Menu

The details about the column header present in the Redirect Manager page are mentioned below.

Toolbars

Below, we have mentioned details about the toolbars present on Redirect page.

Search

Search Manager allows you to see how many searches were done for each key combination and what was the result for each search.

Click ComponentsSearch, a screen as shown below will get displayed.

joomla Component Menu

Smart Search

It enhances site search.

Click ComponentsSmart Search, a screen as shown below will get displayed.

joomla Component Menu

Below, we have mentioned the details about the column header present in the Smart Search page.

Tags

It is used to display the list of the tagged pages.

Click ComponentsTags, a screen as shown below will get displayed.

joomla Component Menu

Weblinks

The link resource is provided very easily for user of the site and can be sorted into categories. It is used to add, edit or delete the links to other website on your Joomla.

Click ComponentsWeblinksLinks, Weblinks page will get open. We will study about Weblinks in detail in the chapter Joomla - Adding Web Links.

Joomla - Extensions Menu

In this chapter, we will study about Extensions Menu in Joomla. Click on Extensions, a dropdown menu as shown below will be displayed −

joomla Extension Menu

Extension Manager

Extension Manager is used to extend the functionality of Joomla website.

Click ExtensionsExtension Manager, a screen as shown below will get displayed.

joomla Extension Menu

You can study more about Extension Manager in the chapter Joomla - Extension Manager.

Module Manager

It manages the modules that are installed on the site i.e. the location and function of modules.

Click ExtensionsModule Manager, a screen as shown below will get displayed.

joomla Extension Menu

You will study more about Module Manager in the chapters under section Joomla Modules.

Plugin Manager

It manages the Joomla plugins and allows to enable/disable or edit the details of plugins.

Click ExtensionsPlugin Manager, a screen as shown below will get displayed.

joomla Extension Menu

You can study more about Plugin Manager in the chapter Joomla - Plugin Manager.

Template Manager

It manages the designs that are used in the website. The templates can be implemented without changing the content structure within a few seconds.

Click ExtensionsTemplate Manager, a screen as shown below will get displayed −

joomla Extension Menu

You can study more about Template Manager in the chapter Joomla - Template Manager.

Language Manager

This helps you set a default language for your site.

Click ExtensionsLanguage Manager, a screen as shown below will get displayed.

joomla Extension Menu

You can study more about Language Manager in detail in the chapter Joomla - Language Manager.

Joomla - Help Menu

In this chapter, we will study about menus present in the Help Menu in Joomla. Click on Help, a dropdown menu as shown below will be displayed −

joomla Help Menu

Joomla Help

This Help page guides the user to create Joomla website.

Click HelpJoomla Help, a screen as shown below will get displayed.

joomla Help Menu

Official Support Forum

Official Support Forum helps in supporting the exchange of ideas and views officially in Joomla.

Click HelpOfficial Support Forum, a screen as shown below will get displayed.

joomla Help Menu

Documentation Wiki

The Documentation Wiki is used for formatting the content of articles, cross linking pages and creating the documentation of Wiki template by themselves.

Click HelpDocumentation Wiki, a screen as shown below will get displayed.

joomla Help Menu

Joomla Extensions

Joomla extension extends the functionality of Joomla websites. In this Joomla extension page there are many extensions available to apply on Joomla websites.

Click HelpJoomla Extensions, a screen as shown below will get displayed.

joomla Help Menu

Joomla! Translations

Joomla translations help in translation of language in Joomla core files. It helps in documentation and screens along with other tasks to meet the need of diverse language community.

Click HelpJoomla Translations, a screen as shown below will get displayed.

joomla Help Menu

Joomla Resources

Joomla Resources help in locating the professional service providers. It helps the users to connect and do many more things in the Joomla CMS.

Click HelpJoomla Resources, a screen as shown below will get displayed.

joomla Help Menu

Community Portal

Community Portal helps in bringing Joomla news from all over the world at one place.

Click HelpCommunity Portal, a screen as shown below will get displayed.

joomla Help Menu

Security Center

Security Center helps in providing a public presence for security issues. It helps to detect a problem or service attack.

Click HelpSecurity Center, a screen as shown below will get displayed.

joomla Help Menu

Developer Resources

Developer Resources helps in providing resources for the users who are willing to build or maintain software based on the Joomla platform.

Click HelpDeveloper Resources, a screen as shown below will get displayed.

joomla Help Menu

Joomla Shop

Joomla shop helps the user to shop maximum number of products related to Joomla, when you click on a particular product then you will get the brief description about that product where users can read and buy it.

Click HelpJoomla Shop, a screen as shown below will get displayed.

joomla Help Menu

Joomla - Create Menus

In this chapter, we will study the step-by-step procedure of how to Create Menus in Joomla. Menus are the important part and help to navigate through your website easily.

Create Menus

Here are a few simple steps to create menus in Joomla.

Step 1 − Click MenusMenu ManagerAdd New Menu as shown below.

joomla Create Menus

Step 2 − After clicking on Add New Menu, the Menu Manager − Add Menu page will displayed as shown below. Here, we can add Menu Title (Name), Type and Description as shown.

joomla Create Menus

Step 3 − After filling all the information about menu, click on Save button. It saves the menu bar you created.

Step 4 − We can also click on Save & Close button. It saves the menu bar and then closes the present screen. Finally, you get the following screen as shown below.

joomla Create Menus

In this page, you can view the name of the menu you had created in previous step.

Step 5 − When we click on Save & New button, your menu is saved and it opens a new create menu screen as shown below.

joomla Create Menus

Step 6 − Using Cancel button, cancels the create menu action.

Joomla - Adding Menu Items

In this chapter, we will study the step-by-step procedure of how to add new menu items in Joomla. Menu items can be created in the main menu (menu1), which we have already created in chapter Joomla - Create Menus.

Adding Menu Items

Following are the simple steps to add a menu item in Joomla.

Step 1 − Click on MenusMenu1Add New Menu Item as shown below.

joomla Adding Menu Items

Step 2 − After clicking on Add New Menu Item, the Menu Manager − New Menu Item page is displayed as shown below.

joomla Adding Menu Items

You can view various tabs present in this page. The Details tab gets active by default.

There are two main sections under New Menu Item

joomla Adding Menu Items

Click on Articles menu type, you get following screen. Now select Single Article as shown below.

joomla Adding Menu Items

After selecting Single Article you will get the following screen.

joomla Adding Menu Items

After selecting Menu Item Type it will generate an Options tab automatically.

Step 3 − When we click on Options tab we will get the following screen.

joomla Adding Menu Items

Step 4 − Click on Link Type tab we will get the following screen.

joomla Adding Menu Items

Step 5 − Click on Page Display tab we will get the following screen.

joomla Adding Menu Items

Step 6 − Click on Metadata tab we get the screen given below.

joomla Adding Menu Items

Step 7 − The Module Assignment controls the module display on the page by assigning modules in menu items.

joomla Adding Menu Items

Toolbar

Below, we have mentioned details of the functions of the toolbar buttons present while adding menu items.

Joomla - Modify Menu Items

In this chapter we will study the simple steps to modify menu items in Joomla. You can learn how to create menu in the chapter Joomla − Create Menu. You can also learn how to add menu items in a menu bar in the chapter Joomla − Adding Menu Items.

Step 1 − Click on MenusMenu1 (Menu1 was created in the chapter Joomla - Create Menu) as shown below.

joomla Modify Menu Items

Step 2 − Select a file which you would like to modify by clicking on the checkbox and then click on Edit button to open the selected page for editing as shown below.

joomla Modify Menu Items

Step 3 − After clicking on edit button you get the following screen. Here you can modify the file as per your choice.

joomla Modify Menu Items

Here you can change the Menu Item Type by clicking on the Select button and selecting the type of menu. And in Select Article by clicking on the Edit button you can edit any particular page or article.

Click on the save button to save the changes of the edited file.

Joomla - Creating Submenus

In this chapter, we will study about Creating Submenus in Joomla step by step. Submenu is a menu accessed from a general menu, it can be either shown as one menu with more than two levels or as separate menu modules.

Creating Submenus

Following are the simple steps to create submenus in Joomla.

Step 1 − Click on MenusMenu Manager as shown below.

joomla Creating Submenus

Step 2 − After clicking on Menu Manager you will get the following screen. Here we have already created a menu as Menu1 as shown below.

joomla Creating Submenus

Step 3 − Click directly on Menu1 link, you get the following screen.

joomla Creating Submenus

Step 4 − Create a new article called as Policy and later create a menu item called Policy as shown below −

joomla Creating Submenus

Follow the same steps to create menu from the chapter Joomla - Create Menus. But here we are creating submenus for Service so we have to use Menu Location as Menu1 and Select Parent Item as Service.

Step 5 − Click on the button Save & Close.

Step 6 − Repeating step (4) and step (5) we have created one more submenu called Additional Service.

Step 7 − After you have finished creating submenus in menu items, the Menu Manager − Menu Items will look like as shown below. We can see that there are two submenus present below the Service Menu.

joomla Creating Submenus

Step 8 − Repeating the above steps, we can create many similar submenus for other than service menu also.

Joomla - Create Modules

In this chapter, we will study about Creating Modules in Joomla. Modules are the extensions which are flexible and lightweight and useful for page rendering.

Create Modules

Following are the simple steps to create modules in Joomla.

Step 1 − Create a folder called mod_firstmodule in your Joomlamodules folder.

Joomla Create Modules

Step 2 − In the mod_firstmodule folder create a file called as "helper.php". This file contains class name as helper, it helps to display the retrieved data in the module output.

helper.php

<?php
   /**
      * Helper class for Hello World! module
      *
      * @package    Joomla.Tutorials
      * @subpackage Modules
      * @link http://docs.joomla.org/J3.x:Creating_a_simple_module/Developing_a_Basic_Module
      * @license        GNU/GPL, see LICENSE.php
      * mod_helloworld is free software. This version may have been modified pursuant
      * to the GNU General Public License, and as distributed it includes or
      * is derivative of works licensed under the GNU General Public License or
      * other free or open source software licenses.
   */
		
   class ModHelloWorldHelper {
      /**
         * Retrieves the hello message
         *
         * @param   array  $params An object containing the module parameters
         *
        * @access public
      */
		
      public static function getHello($params) {
         return 'Hello, World!';
      }
   }
	
?>

Step 3 − Create a file called as mod_helloworld.php. It is an entry point for the module which performs initialization routines, collects necessary data and displays the module output using template.

mod_helloworld.php

<?php
   /**
      * Hello World! Module Entry Point
      *
      * @package    Joomla.Tutorials
      * @subpackage Modules
      * @license    GNU/GPL, see LICENSE.php
      * @link       http://docs.joomla.org/J3.x:Creating_a_simple_module/Developing_a_Basic_Module
      * mod_helloworld is free software. This version may have been modified pursuant
      * to the GNU General Public License, and as distributed it includes or
      * is derivative of works licensed under the GNU General Public License or
      * other free or open source software licenses.
   */

   // No direct access
   defined('_JEXEC') or die;

   // Include the syndicate functions only once
   require_once dirname(__FILE__) . '/helper.php';

   $hello = modHelloWorldHelper::getHello($params);
   require JModuleHelper::getLayoutPath('mod_helloworld');
?>

Step 4 − Create a mod_helloworld.xml file. This file contains the information about module. This xml file contains information of files that are to be installed in Joomla for the module.

mod_helloworld.xml file

<?xml version = "1.0" encoding = "utf-8"?>

<extension type = "module" version = "3.1.0" client = "site" method="upgrade">

   <name>Hello, World!</name>
   <author>Tutorials Point</author>
   <version>1.0.0</version>
   <description>A simple Hello World! module.</description>
	
   <files>
      <filename>mod_helloworld.xml</filename>
      <filename module = "mod_helloworld">mod_helloworld.php</filename>
      <filename>index.html</filename>
      <filename>helper.php</filename>
      <filename>tmpl/default.php</filename>
      <filename>tmpl/index.html</filename>
   </files>
	
   <config>
   </config>
	
</extension>

Step 5 − Create a simple html file called index.html. The purpose of writing this file is that, the created directories should not be browsed. When a user browses into these directories, the index.html file gets displayed. You can even keep this file empty.

index.html

<html>
   <body> Welcome to Tutorials Point!!!!! </body>
</html>

Step 6 − Create a folder called as tmpl. Place default.php file as shown below and index.html (created in step (5)) under tmpl folder. The default.php file is a template that displays the module output.

default.php

<?php
   /**
      * @package Joomla.Site
      * @subpackage mod_firstmodule
      * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
      * @license GNU General Public License version 2 or later; see LICENSE.txt
   */
 
defined('_JEXEC') or die;
>

<p>Hello World!!!!!!</p>

After you have finished creating all these files, compress the complete folder mod_firstmodule.

Step 7 − Go to ExtensionExtension Manager in Joomla administrator and you will get the following screen. Here you can upload and install your created module files i.e. mod_firstmodule folder. Click on Choose File and select the created module file (compressed one). Click on Upload & Install button to upload the module file.

Joomla Create Modules

Step 8 − After upload and installation, go to Module Manager and click on New. There you can view your created module file as shown below.

Joomla Create Modules

Step 9 − You can assign this module similar to the other modules and then publish it.

Joomla - Breadcrumb Module

In this chapter, we will study about Breadcrumb Module in Joomla. A Breadcrumb is used to display the hierarchical representation of the navigation links so that the users can easily understand where they are in the website and allow them to navigate back.

Breadcrumbs Module

Following are the simple steps to edit an existing Breadcrumb Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator. After you click on Module Manager you get the following screen.

Joomla Breadcrumb Module

Step (2) −As shown in the above screen, click on New button and the following screen displays. On this page, click on the Breadcrumbs.

Joomla Breadcrumb Module

Step 3 − Next, you see the existing breadcrumbs module as shown below.

Joomla Breadcrumb Module

By default, the Module tab is displayed. The Module displays the breadcrumbs.

Details of the fields present in the Module Breadcrumbs page are as follows −

Step 4 − Click on Menu Assignment tab, you will get the screen as shown below.

Joomla Breadcrumb Module

Step 5 − In Module Permissions tab, we can view the three actions. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Breadcrumb Module

Step 6 − The Advanced tab is used to do the advanced settings of the breadcrumbs. The advanced tab screen is shown below.

Joomla Breadcrumb Module

Toolbar

Following are the details about the toolbar function tabs present in breadcrumbs.

Joomla - Feed Display Module

In this chapter, we will study about Feed Display Module in Joomla. Feed Display Module is used to show the RSS News Feeds from a website. It is a way to provide user with the updated content from other resources.

Feed Display Module

Following are the simple steps to add/edit Feed Display Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator. You will get the following screen.

Joomla Feed Display Module

Step 2 − Next, click on New button and the following screen displays, select module type − Feed Display.

Joomla Feed Display Module

Step 3 − After clicking on Feed Display, Module Feed Display will be displayed as shown below.

Joomla Feed Display Module

By default, the Module tab is displayed. The Module allows you to display the syndicated feed.

Given below are the details of the fields present on the Module Feed Display screen −

Step 4 − Click on Menu Assignment tab, you will get the screen as shown below.

Joomla Feed Display Module

Step 5Module Permissions tab has three actions present. It manages the setting of module permissions for the user groups as shown in the following screen.

Joomla Feed Display Module

Step 6 − The Advanced tab is used to do the advanced settings of the feed display. The advanced tab screen is shown below.

Joomla Feed Display Module

Toolbar

Following are the details about the toolbar function tabs present in feed display −

Joomla - Footer Module

In this chapter, we will study about Footer Module in Joomla. Footer displays the information of Joomla license and the copyright of the website.

Footer Module

Following are the simple steps to edit an existing Footer Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator. After clicking on Module Manager you will get the following screen.

Joomla Footer Module

Step 2 − As shown in the screen above, click on New button and the following screen will get displayed. Select Module Type as Footer.

Joomla Footer Module

Step 3 − After clicking on Footer, following Footer module screen is displayed.

Joomla Footer Module

By default, the Module tab is displayed. The Module tab displays the copyright information of Joomla.

Given below is the information about the function tabs displayed on the page.

Following content is present on the right side of the module tab.

Step 4 − Click on Menu Assignment tab, you will get the screen as shown below.

Joomla Footer Module

Step 5 Module Permissions tab shows three actions to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Footer Module

Details of the function tabs on the page is given below.

Step 6 − The Advanced tab is used to do the advanced settings of the footer. Following screenshot represents the advanced tab.

Joomla Footer Module

Toolbar

Following are the details about the toolbar funcion tabs present in Footer Module −

Joomla - Latest News Module

In this chapter, we will study about Latest News Module in Joomla. Latest News Module is used to display the most recent published article in a list.

Latest News Module

Following are the simple steps to edit an existing Latest News Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator control panel. Following screen will be displayed −

Joomla Latest News Module

Step 2 − Click on New button, you get a screen as shown below. Now select Module Type Latest News.

Joomla Latest News Module

Step 3 − After clicking on Latest News, screen displayed is as shown below.

Joomla Latest News Module

By default, the Module tab is displayed. The Module tab displays the Latest News.

Below, we have mentioned the details of the fields present in the Module Latest News page.

Step 4 − Click on Menu Assignment tab, you will get the screen as shown below.

Joomla Latest News Module

Step 5 Module Permissions tab offers three actions to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Latest News Module

Step 6 − The Advanced tab is used to do the advanced settings of the latest news. The advanced tab screen is shown below.

Joomla Latest News Module

Toolbar

Following are the details about the toolbar function tabs present in Latest News Module.

Joomla - Search Module

In this chapter, we will study about Search Module in Joomla. Search Module is used to display a search box, where the user types a particular name to search the website.

Search Module

Following are the simple steps to edit an existing Search Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator control panel, you get the following screen −

Joomla Search Module

Step 2 − Next, click on New button and the following screen gets displayed. Next, select Module Type as Search on this screen.

Joomla Search Module

Step 3 − After clicking on Search, the existing Search module displays as shown below.

Joomla Search Module

By default, the Module tab is displayed. The module displays a search box. Below, we have mentioned the details of the fields present in the Module tab.

Step 4 − Click on Menu Assignment tab, you will get the screen as shown below.

Joomla Search Module

Step 5Module Permissions tab has three actions to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Search Module

Step 6 − The Advanced tab is used to do the advanced settings of the Search. The advanced tab screen is shown below.

Joomla Search Module

Toolbar

Following are the details about the toolbar function tabs present in Search Module.

Joomla - Random Image Module

In this chapter, we will study about Random Image Module in Joomla. Random Image Module is used to display the images randomly from the selected directory.

Random Image Module

Following are the simple steps to edit an existing Random Image Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator, the following screen will be displayed −

Joomla Random Image Module

Step 2 − Next, click on New button and the following screen gets displayed. Next, click on the Random Image.

Joomla Random Image Module

Step 3 − After clicking on Random Image, the existing Random Image module displays as shown below.

Joomla Random Image Module

By default, the Module tab is displayed. Below, we have mentioned the details of the fields present in the Module tab.

Step 4 − When we click on Menu Assignment tab, you will get the screen as shown below.

Joomla Random Image Module

Step 5Module Permissions tab provides three actions to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Random Image Module

Step 6 − The Advanced tab is used to do the advanced settings of the Random Image. The advanced tab screen is shown below.

Joomla Random Image Module

Toolbar

Following are the details about the toolbar function tabs present in Random Image Module.

Joomla - Who's Online Module

In this chapter, we will study about Who's Online Module in Joomla. This module helps to display the user's information who are accessing the website.

Who's Online Module

Following are the simple steps to edit an existing Who's Online Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator, the following screen will be displayed.

Joomla Who's Online Module

Step 2 − Next, click on New button and the following screen will get displayed. In this page, click on Who's Online.

Joomla Who's Online Module

Step 3 − After clicking on Who's Online, the existing Who's Online module will get displayed as shown below.

Joomla Who's Online Module

By default, the Module tab is displayed. Below, we have mentioned the details of the fields present in the Module tab.

Given below are the details present on the right side of the module tab.

Step 4 − When we click on the Menu Assignment tab, you will get the screen as shown below.

Joomla Who's Online Module

Step 5Module Permissions tab has three actions to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Who's Online Module

Step 6 − The Advanced tab is used to do the advanced settings of the Who's Online. The advanced tab screen is shown below.

Joomla Who's Online Module

Toolbar

Following are the details about the toolbar function tabs present in who's Online.

Joomla - Syndicate Module

In this chapter, we will study about Syndicate Module in Joomla. Syndicate module helps in creating an RSS Feed link for the page. It allows creating a Newsfeed by the user for the current page.

Syndicate Module

Following are the simple steps to edit an existing Syndicate Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator,the following screen will be displayed.

Joomla Syndicate Module

Step 2 − Next, click on New button and the following screen will get displayed. On this page, click on the Syndication Feeds.

Joomla Syndicate Module

Step 3 − Next, click on Syndication Feeds, the existing Syndicate module will get displayed as shown below.

Joomla Syndicate Module

By default, the Module tab is displayed. Below, we have mentioned the details of the fields present in the Module tab.

Step 4 − Click on the Menu Assignment tab, you will get the screen as shown below.

Joomla Syndicate Module

Step 5Module Permissions tab has three action to choose from. It manages the setting of module permission for the user groups as shown in the following screen.

Joomla Syndicate Module

Step 6 − The Advanced tab is used to do the advanced settings of the Syndicate. The advanced tab screen is shown below.

Joomla Syndicate Module

Toolbar

Following are the details about the function tabs present on the toolbar of Syndicate module.

Joomla - Donation Module

In this chapter, we will study about Donation Module in Joomla.

Donation Module

Following are the simple steps to edit an existing Donation Module in Joomla.

Step 1 − Click ExtensionModule Manager in Joomla administrator, the following screen will be displayed.

Joomla Donation Module

Step 2 − Next, click on New button and the following screen will get displayed. Next, click on the OS Donate.

Joomla Donation Module

Step 3 − After clicking on OS Donate, the existing Donate module will get displayed as shown below.

Joomla Donation Module

By default, the Module tab is displayed. Below we have mentioned the details of the fields present in the Module tab.

Step 4 − In Description tab, there is a brief description given about the Donation Module.

Joomla Donation Module

Step 5 − When we click on the Menu Assignment tab, you will get the screen as shown below.

Joomla Donation Module

Step 6Module Permissions tab shows three action to choose from. It manages the setting of module permissions for the user groups as shown in the following screen.

Joomla Donation Module

Step 7 − In sticky hover options tab, you can set the options for sticky hover.

Joomla Donation Module

Step (8)−The Advanced tab is used to do the advanced settings of the Donation module. The screenshot of Advanced tab is as shown below.

Joomla Donation Module

Toolbar

Following are the details about the function tabs present on the toolbar of Donation Module.

Joomla - System Settings

The Global Configuration is used for configuring Joomla site with your personal settings. To access the system settings, just follow the following steps −

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Step 2 − Under Global Configuration section, click on the System tab to get System Settings as shown in the following screen.

Joomla System Settings

Under System Settings, you can see there are two options −

Debug Settings

Joomla System Settings

The Debug Settings contain two options −

Cache Settings

Joomla System Settings

The Cache Settings contain three options −

Session Settings

Joomla System Settings

The Session Settings contain two options −

Toolbar

Following are the details about the toolbar function tabs −

Joomla - Media Settings

In this chapter, we will study about Joomla Media Settings. Joomla Media Settings help to configure the global media files options such like file format, MIME specifications, upload of files, size of files etc.

Joomla Media Settings

Following are the simple steps used to set the Joomla media options −

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Click on Media Manager in Joomla Global Configuration. You will get to see the following screen and fill the fields with appropriate values.

Joomla Media Settings

Below we have mentioned the details of the fields present in the Joomla Media Settings page −

Step 2 − Click on Permission and select the required options from the drop-down menu.

Joomla Media Settings

The following steps describe how to change the permissions for the Media Manager component −

Step (2.1) − You can select the Title that is listed in the Group, located on the right.

Step (2.2) − The possible desired Actions are −

Step (2.3) − Select the Permission for an Action that you want to change −

Toolbar

Following are the toolbar options in the media.

Joomla - Language Manager

In this chapter, we will study about Joomla Language Manager. The Joomla language manager option is used to set the Native Title, Language Code, SEF Prefix, and Image Prefixes of the installed or to be installed languages.

Joomla Language Manager

Following are the simple steps used to set the Joomla language manager.

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on the Language Manager in Joomla Global Configuration and you will get the screen as shown below.

Joomla Language Manager

Below we have mentioned the details of the fields present in the Joomla Language Manager page.

Toolbar

Following are the toolbar options in the Language Manager.

Joomla - Private Messages

The messaging system allows to send messages to the back- end users of Joomla. You can send, read, write and delete messages.

Step 1 − You can create a new private message as shown in the screen below. Go to ComponentsMessagingNew Private Message to write a new private message.

Joomla Private Messages

Step 2 − When you open the New Private Message, you will get the following screen.

Joomla Private Messages

You can select a "Recipient" by clicking on the select user button. Enter a subject in the "Subject" field. Enter your message in the "Message" area. Message area provides an editor kind of interface with options such as bold, italic, heading format, insertion of image, link, table, indentation of text, text alignment, special characters etc.

Step 3 − If you want to read the private messages, then go to ComponentsMessagingRead Private Messages as shown in the following screen.

Joomla Private Messages

When you open the above link, you will get the following screen.

Joomla Private Messages

You can filter list of the messages by typing part of the subject in the "Search" box. You can select the status of the message as "Read", "Unread" and "Trash" by using the Select Status dropdown.

Step 4 − At the top left, you will see a toolbar that provides following functions −

Joomla - Mass Emailing

Mass Mail is used for sending emails to the group of registered users. Users can be selected based on groups.

Step 1 − To use this feature, go to UsersMass Mail Users as shown in the screen below.

Joomla Mass Emailing

Step 2 − The following screen shows Mass Mail window.

Joomla Mass Emailing

The Mass Mail window provides following options −

At the top left, there's a toolbar with following options −

Joomla - Cache Management

In this chapter, we will study about Joomla Cache Manager. You can install the cache controller plug-in which helps to improve the performance of Joomla. You can also turn off the cache on the particular pages and component.

Joomla Cache Management

Following are the simple steps used to set up the Joomla cache manager −

Step 1 − Click on Cache Management in Joomla Global Configuration. You will get the screen as shown below.

Joomla Cache Management

Following are the details of the fields present in the Joomla Cache Management page −

Toolbar

Following are the toolbar options in Cache Management.

Joomla - Users Setting

In this chapter, we will study about Joomla Users Setting. It gives options on how to configure the new users and provides various options that help restrict new users from providing unwanted details.

Joomla Users Setting

Following are the simple steps used for to set the Joomla users setting.

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on Users Manager in Joomla Global Configuration. You will get the screen as shown below and select the fields with appropriate values.

Joomla User Settings

We can view the different tabs present in the screen shown above. By default, the Component tab is displayed.

Below we have mentioned the details of the fields present in the Component tab.

Step 2 − The User Notes History tab is used to save history of the user notes.

Joomla User Settings

Step 3 − The Mass Mail tab is used to save setting for the mass mail.

Joomla User Settings

Step 4 − In Permissions tab,we can view the six actions as can be seen in the screen below. This tab is used to manage the permission settings for the user groups following screen.

Joomla User Settings

Toolbar

Following are the toolbar options in the Users Setting.

Joomla - Debug

In this chapter, we will study about Debug in Joomla. By enabling the debug mode it helps to troubleshoot the various issues of Joomla. It shows details of how Joomla is rendering Session Data, Profile Information, Memory Usage and Database Queries.

Joomla Debug

Following are the simple steps used to set the Joomla debug.

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on the System tab in Joomla Global Configuration as shown below.

Joomla Debug

Below we have mentioned the details of the fields present in the Joomla Debug Setting section.

Toolbar

Following are the toolbar options in the debug.

Joomla - Template Manager

In this chapter, we will study about Template Manager in Joomla. It manages the various templates that are used in the website. The templates can be used without changing the content structure of the website.

Template Manager

Following are the simple steps to edit the Template Manager in Joomla.

Step 1 − Click ExtensionsTemplate Manager as shown below.

joomla Template Manager

Step 2Template Manager:Styles page get displayed as shown below. Here, you can click directly on any of the templates listed in Template column.

joomla Template Manager

Step 3 − After clicking on any one of the above templates you will get the screen as shown below. In the Editor tab, template files are listed on the left side of the page as seen in the screenshot below −

joomla Template Manager

Step 4 − Select any of the files by clicking on it for editing.

joomla Template Manager

Step 5 − Click on Create Overrides tab, you will see the list of Modules, Components, and Layouts present in the template manager as shown below. Here you can easily override the new templates.

joomla Template Manager

Step 6 − Click on any one component and you will see many sub components present inside it as shown below.

joomla Template Manager

Step 7 − When you click on any one sub component then you will get the following message.

joomla Template Manager

Step 8 − You can go back to Editor tab to check if override file is available for editing or not as shown below.

joomla Template Manager

Step 9 − Click on Template Description tab, you will see the detailed description of the selected template as shown below.

joomla Template Manager

Toolbar

Following are the toolbar options in the Template Manager.

joomla Template Manager joomla Template Manager joomla Template Manager joomla Template Manager

Joomla - Customize Template

In this chapter, we will study about Template Customize Manager in Joomla. The Customize template allows editing or creating new files in the template.

Customize Template

Following are the simple steps to customize the template in Joomla.

Step 1 − Click ExtensionsTemplate Manager as shown below.

joomla Customize Template

Step 2 − After clicking on Template Manager, the Template Manager: Styles page will get displayed.

joomla Customize Template

Step 3 − Next, click on Templates as shown above, you will get the following screen. Here select any one of the Templates.

joomla Customize Template

Step 4 − After selecting a template you will get the screen as shown below. In the Editor tab, template files are listed on the left side of the page as seen below.

joomla Customize Template

Step 5 − Select any of the files by clicking on it for editing.

joomla Customize Template

Step 6 − Click on Create Overrides tab, you will see the list of Modules, Components, and Layouts present in the template manager as shown below. Here you can easily override the new templates.

joomla Customize Template

Step 7 − Click on any one component and you will see many sub-components present inside it as shown below.

joomla Customize Template

Step 8 − When you click on any one sub-component then you will get the following message.

joomla Customize Template

Step 9 − You can see the overrides file is available for editing or not by going back to the Editor tab as shown below.

joomla Customize Template

Step 10 − After clicking on Template Description tab, you will see the detail description of the selected template as shown below.

joomla Customize Template

Toolbar

Below we have mentioned details about the fields on toolbar in the Template Manager.

joomla Customize Template joomla Customize Template joomla Customize Template joomla Customize Template

Joomla - Adding Template

In this chapter, we will study how to add / install Template in Joomla.

Adding Template

Following are the simple steps to add / install template in Joomla.

Step 1 − Click on ExtensionsExtension Manager as shown below.

joomla Adding Template

Step 2 − After clicking on Extension Manager, you will get the following screen. Here you can Upload / Install the template file either from the Web, package, Directory or URL. Choose the template file which is available on your system and later click on the Upload &Install button.

joomla Adding Template

Step 3 − After installing the template successfully, you can go to the template manager and see the new installed template present in the list as shown below.

joomla Adding Template

Toolbar

Following are the options on the toolbar of the Adding Template screen −

Joomla - Creating Template

In this chapter, we will study how to create a template in Joomla.

Creating Templates

Following are the simple steps to create templates in Joomla −

Step 1 − Create a folder called MyFirstTemplate inside your JoomlaTemplates folder. Inside MyFirstTemplate folder, create 2 more folders named as images and CSS to save all the images and CSS files.

Joomla Creating Template

Step 2 − Inside MyFirstTemplate folder, create a file called as templateDetails.xml, without this file the template will not get displayed in Joomla.

templateDetails.xml

<?xml version = "1.0" encoding = "utf-8"?>

<extension version = "3.0" type = "template">
   <name>Tutorials Point</name>
   <creationDate>2015-06-13</creationDate>
   <author>Tutorials Point</author>
   <authorEmail>tutorials@example.com</authorEmail>
   <authorUrl>http://www.example.com </authorUrl>
   <copyright>Jack 2015</copyright>
   <license>GNU/GPL</license>
   <version>1.0.2</version>
   <description>My First Template</description>
	
   <files>
      <filename>index.php</filename>
      <filename>templateDetails.xml</filename>
      <folder>images</folder>
      <folder>css</folder>
   </files>
	
   <positions>
      <position>breadcrumb</position>
      <position>left</position>
      <position>right</position>
      <position>top</position>
      <position>user1</position>
      <position>user2</position>
      <position>user3</position>
     <position>user4</position>
     <position>footer</position>
   </positions>
	
</extension>

Details of the code

Step 3 − Create a file called as index.php. This helps in executing all the Joomla pages.

index.php

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html>

<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" >

   <head>                                         //head section
      <jdoc:include type = "head" />
      <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/system.css" type = "text/css" />
      <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/general.css" type = "text/css" />
      <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
   </head>

   <body>                                          //body section
      <jdoc:include type = "modules" name = "top" />
      <jdoc:include type = "component" />
      <jdoc:include type = "modules" name = "bottom" />
   </body>
	
</html>

?>

Details of the code

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" >

This code is used to tell the browser which type of html page is being used and begins the HTML document by describing the language used in the website.

<head>                                         //head section
   <jdoc:include type = "head" />
   <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/system.css" type = "text/css" />
   <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/general.css" type = "text/css" />
   <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type = "text/css" />
</head>

These lines are used to link the various stylesheets for the template in Joomla.

<body>                                          //body section
   <jdoc:include type = "modules" name = "top" />
   <jdoc:include type = "component" />
   <jdoc:include type = "modules" name = "bottom" />
</body>

Here in the body section, the jdoc is used to include the output in Joomla from some parts of Joomla system. The name = "top" is used to set the menu at the top.

Step 4 − After creating these two files, login to Joomla and click on ExtensionExtension Manager and the following page will get displayed.

Joomla Creating Template

Step 5 − In the above page, click on Discover link, the following page is displayed.

Joomla Creating Template

Step 6 − Next, click on the Discover button to discover the new created template as shown below.

Joomla Creating Template

Step 7 − Click on the checkbox to select the template and click on Install button to install the template in Joomla.

Joomla Creating Template

Step 8 − After installing template you can view your new created template by clicking on ExtensionTemplate Manager. You will see your new created template is listed as shown below.

Joomla Creating Template

Toolbar

Following are the toolbar options in the Template Manager −

Joomla - Customize Logo

In this chapter, we will study about how to Customize Logo in Joomla. You can add the logo for your web sites and customize it as per your need.

Joomla Customize Logo

Following are the simple steps used to set the customize logo in Joomla −

Step 1 − Click on ExtensionsTemplate Manager.

Joomla Customize Logo

Step 2 − After clicking on the Template Manager, following screen will get displayed.

Joomla Customize Logo

Step 3 − Click on the Hathor Default option, a screen as below will be displayed. You can customize the logo for your web site here.

Joomla Customize Logo

Following are the fields present in the Joomla Customize Logo page −

Joomla Customize Logo

Toolbar

Following are the toolbar options present −

Joomla - Category Management

In this chapter, we will study about Category Management in Joomla. Category Manager is used to create categories for the article which allow grouping your content better.

Category Management

Following are the simple steps to add new category manager in Joomla.

Step 1 − Click on Category Manager in Control Panel as shown below.

joomla Category Management

Step 2 − After clicking on a Category Manager, you will get the following screen.

joomla Category Management

Step 3 − Click on New button in the above screen. Following is the basic editor page we get for category manager. This editor is explained in detail in the article Joomla - Adding Content. Different tabs are present on this page. By default, the Category tab is displayed.

joomla Category Management

Step 4 − In Publishing tab, it gives the information of Joomla category.

joomla Category Management

Following are the details of the fields present in the Publishing tab.

Step 5 − In Permission tab, you can set the permission for different user groups for that category.

joomla Category Management

Step 6 − In the Options tab, you can choose different layouts for your website.

joomla Category Management

Toolbar

Following are the toolbar options in the Category Management.

Joomla - Adding Content

In this chapter, we will study how to add content on the Joomla website.

Adding Content

Following are the simple steps to add content in Joomla.

Step 1 − Click on ContentArticle ManagerAdd New Article as shown below.

joomla Adding Content

Step 2 − After clicking on Add New Article, you will get the editor page of the Article Manager as shown below.

joomla Adding Content

Following are the details of the fields on editor page of the Article Manager.

Title

joomla Adding Content

TinyMCE editor

It is a WYSIWYG Editor, which is similar to a word processor interface where we can edit the contents of the article.

joomla Adding Content

First Row − They appear on the top of the Editor page and contain a group of related commands.

Second Row − In this row, we can see that there are 4 buttons present −

Third Row

Details

Category − It is used to select the category for your article.

Tags − It is used to display the tags on the front-end page.

Status − You can select any of the following status for your article −

Featured − It is used, whether to display the article on the home page or not by using the buttons YES/NO.

Access − You can select an access level for your item from the list box.

Language − It selects the language for its item.

Version Note − It is used to note the version of the item. It is optional.

Text Insertion

It is used for writing the content of an article.

Editor Buttons

Five buttons present at the bottom of the text editor as shown below are the editor buttons.

joomla Adding Content joomla Adding Content joomla Adding Content joomla Adding Content

Toolbar

Following are the toolbar options −

Joomla - Formatting Content

In this chapter, we will study how to format content on the Joomla website.

Formatting Content

Following are the simple steps to format content in Joomla −

Step 1 − Click on Article Manager in Control Panel as shown below.

joomla Formatting Content

Step 2 − Select the article to be formatted by clicking on the checkbox. Next, click on the Edit button as shown below.

joomla Formatting Content

Step 3 − Next, the article opens up for editing as shown below. Here we are aligning the heading Apple in center using center alignment. Similarly, you can edit the image alignment, font size and so on. You can study about the editor in detail in the chapter Joomla - Adding Content.

joomla Formatting Content

Toolbar

Following are the toolbar options −

Joomla - Article Metadata

In this chapter, we will study about Article Metadata in Joomla. Metadata describes details of the article in short. It makes it easy to work with a particular data.

Joomla - Article Metadata

Following are the simple steps used to set the Joomla article metadata −

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on Global Configuration, you will get to see the following screen. Fill the fields with appropriate values.

joomla article metadata

Below we have mentioned the details of the fields present in the Joomla Article Metadata section.

Toolbar

Following are the toolbar options in the Metadata −

Joomla - Adding Banners

In this chapter, we will study about Adding Banners in Joomla. It displays the active banners and allows you to use different banners for advertising on webpage.

Adding Banners

Following are the simple steps to add Banners in Joomla.

Step 1 − Click ComponentsBannersBanners in joomla administrator, you will get the following screen.

Joomla Adding Banners

Step 2 − Next, click on New button, you will get the following screen.

Joomla Adding Banners

There are different tabs present in above screen. By default, Details tab is active. This tab displays the details of the banner.

Below we have mentioned the details of the fields present on the Details tab.

Following fields are present on the right side of the Details tab.

Step 4 − After clicking on Banner Details tab, you will get the following screen.

Joomla Adding Banners

Following fields are present on Banner Details tab.

Step 5 − Click on Publishing tab, you will get the following screen.

Joomla Adding Banners

Following fields are present on right side of the Publishing tab.

Toolbar

Following are the toolbar options present in Adding Banners.

Joomla - Adding Contacts

In this chapter, we will study about Adding Contacts in Joomla. It stores the contact details of the company.

Joomla Adding Contacts

Following are the simple steps used to set the Joomla contacts.

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on Contacts in Joomla Global Configuration and you will get to see the following screen.

Joomla Adding Contacts

Below we have mentioned the details of the fields present on the Contact tab.

Step 2 − In Icons tab, you can apply settings for single contact.

Joomla Adding Contacts

Below we have mentioned the details of the fields present in the Icons tab.

Step 3 − In Category tab, you can apply settings for contact category options.

Joomla Adding Contacts

Below we have mentioned the details of the fields present in the Category tab.

Step 4 − In Categories tab, you can apply settings for contact categories options.

Joomla Adding Contacts

Below we have mentioned the details of the fields present in the Categories tab.

Step 5 − In List Layouts tab, you can apply settings for contact list option.

Joomla Adding Contacts

Below we have mentioned the details of the fields present in the List Layout tab.

Step 6 − In Form tab, you can apply setting for single contact.

Joomla Adding Contacts

Step 7 − In Integration tab, as seen in the figure below −

Joomla Adding Contacts

Step 8 − In Permissions tab, we can view the six actions as displayed in the screen below. The Permission tab is used to manage the permission settings for the user groups following screen.

Joomla Adding Contacts

Toolbar

Following are the toolbar options in the contacts.

Joomla - Adding News Feed

In this chapter, we will study about Adding News Feed in Joomla.

Joomla Adding News Feed

Following are the simple steps used to add news feed.

Step 1 − Go to SystemGlobal Configuration as shown in the following screen.

Joomla System Settings

Next, click on Newsfeeds option in Joomla Global Configuration. You will get the screen below and then select appropriate values.

Joomla Adding News Feed

Below we have mentioned the details of the fields present in Joomla adding news feed page.

Step 2 − In Category tab, you can apply settings for contact category options.

Joomla Adding News Feed

Below we have mentioned the details of the fields present in the Category tab.

Step 3 − In Categories tab, you can apply settings for contact categories options.

Joomla Adding News Feed

Below we have mentioned the details of the fields present in the Categories tab.

Step 4 − In List Layouts tab, you can apply settings for contact list option.

Joomla Adding News Feed

Below we have mentioned the details of the fields present in the List Layout tab.

Step 5 − In Permissions tab, we can view the actions as displayed in the screen below. The Permission tab is used to manage the permission settings for the user groups.

Joomla Adding News Feed

Toolbar

Following are the toolbar options in the Newsfeeds.

Joomla - Adding Forum

In this chapter, we will study about Adding Forum in Joomla. We can install the forum extension in Joomla to share or discuss ideas and views on particular issues.

Joomla Adding Forum

Following are the simple steps used to set the Joomla Adding Forum.

Step 1 − Click on Install Extensions option in Joomla.

Joomla Adding Forum

Step 2 − Click on Choose File button and choose the extensions forum you have downloaded to include in your web site. After choosing the file, click on Upload & Install button.

Joomla Adding Forum

Step 3 − Joomla starts installing the Forum extension for your site. After the installation is complete, you get the screen below showing the success message.

Joomla Adding Forum

Step 4 − Click on MenusMain MenuAdd New Menu Item option in Joomla.

Joomla Adding Forum

Step 5 − In Add New Menu Item page, specify title in the Menu Title. Click on the Select button to choose the Forum extension for your website.

Joomla Adding Forum

Step 6 − Click on the Discussion and choose the Discussion discussion index views.

Joomla Adding Forum

Step 7 − Open your website which contains the Forum menu as shown in the screen below.

Joomla Adding Forum

Toolbar

Given below are few details about the toolbars present in Forum.

Joomla - Adding Web Links

In this chapter, we will study about Adding Web Links in Joomla. It allows you to insert, remove and edit the links to another webpage in Joomla.

Adding Weblinks

Following are the simple steps to add Weblinks in Joomla −

Step 1 − Click ComponentsWeblinksLinks in Joomla administrator. After clicking on Links, you will get the following screen.

Joomla Adding Weblinks

Step 2 − Next, click on New button, you will get the following screen.

Joomla Adding Weblinks

It is the basic editor page for the Web Link Manager. We have already explained about the editor in detail in the chapter Joomla - Adding Content. Here there are different tabs present. By default, the New Web Link tab is displayed.

Step 3 − In Images tab, you will get the following screen.

Joomla Adding Weblinks

The following fields are present on the Images tab −

Step 4 − Click on Publishing tab, you will get the following screen.

Joomla Adding Weblinks

The following details are present on the publishing tab −

Step 5 − After clicking on the Options tab, you will get the following screen.

Joomla Adding Weblinks

The following details are present on the Options tab −

Toolbar

Following are the toolbar options in Adding Weblinks −

Joomla - Plugin Manager

In this chapter, we will study about Plugin Manager in Joomla. It helps you enable and disable Joomla Plugins. This adds the unique features to an existing web site.

Joomla Plugin Manager

Following are the simple steps to set or edit existing Joomla Plugins −

Step 1 − Click on ExtensionPlugin Manager in Joomla administrator as shown below.

Joomla Plugin Manager

Step 2 − After clicking on the Plugin Manager, an existing Joomla plugins will be displayed as shown below.

Joomla Plugin Manager

Toolbar

Following are the toolbar options in the Plugin −

Joomla - Extensions Manager

In this chapter, we will study about Extensions Manager in Joomla. We can install different types of extensions to extend the functionality of the site.

Joomla Extensions Manager

Following are the simple steps used to set the Joomla Extensions Manager.

Step 1 − Click on Install Extensions option in Joomla.

Joomla Extensions Manager

Step 2 − Click on Choose File button and choose the extension forum which you have downloaded to include on your web site. Click on Upload & Install button.

Joomla Extensions Manager

Step 3 − Joomla starts installing the Forum extension for your site. After completing the installation, you will get the successful installation message as shown below.

Joomla Extensions Manager

Step 4 − It is also possible to install the extensions directly from the web, select the extension that you want to add on your website and click on Install button.

Joomla Extensions Manager

Joomla - Website Backup

In this chapter, we will study about Website backup in Joomla. It allows backup of files, folders and re-opens it in Joomla.

Website Backup

Following are the simple steps used to backup the website in Joomla −

Step 1 − Click on SystemGlobal Configuration in Joomla administrator. You will get the following screen.

Joomla Website Backup

Step 2 − Next, click on EJB - Easy Joomla Backup at the left sidebar. You get a basic editor page for Joomla Backup. Here by default, the Component tab is displayed.

Joomla Website Backup

Below we have mentioned the details of the fields present in the Component tab on the page −

Step 3 − After clicking on Permissions tab, you will get the following screen.

Joomla Website Backup

Following are the details that are present on the Permissions tab −

Toolbar

Following are the toolbar options in the Website Backup screen −

Joomla - Website SEO

In this chapter, we will study about Website SEO in Joomla. SEO (Search Engine Optimization) is about optimizing a website for search engine. It helps search engines find and rank your site higher than the other sites in response to a search query.

Joomla Website SEO

Following are the simple steps used to set the Joomla Website SEO −

Step 1 − Click on SystemGlobal Configuration in Joomla administrator. By default Site tab opens up as shown below.

joomla website seo

Following are the details of the fields present in the SEO Setting.

Toolbar

Following are the toolbar options in SEO −