Home Classroom Joomla Creating a website using Joomla – Part 5

Creating a website using Joomla – Part 5

17282

Working with Components

A number of components have been installed on your site for increased functionality. In this section you will learn how to work with those components to add a Contact Us page and a Poll. Using these components is optional and can be applied to your site when and if you desire. The components do not have to be added in any particular order. If you do not wish to apply the component functionality to your site at this time, skip this section.
Contact us page

1. From the control panel in the back end of your site, and the row of menu items across the top, choose Components < Contacts < Contacts.

 

1. Click the new button.

2. Type in a Name and select the category, Contacts.

3. Type in the Information you want for your contact at your discretion.

4. From the Contact Parameters section on the right hand side, choose to hide or show the fields listed.

5. Click on the Email Parameters section and modify as desired.

6. When satisfied, click the Save button.

7. In order for your Contact component to show on the front end of your site you must publish the menu link that has already been established for it.

a) From the Control Panel and the row of menu options across the top, choose Menus < Main Menu (Supported, Managed and Custom sites may choose another menu option to place the Contact category in).

b)  Locate the menu item Contact Us .
c) Click on the red x under the Published column to turn it into a green checkmark. This will effectively publish the menu item so it will appear in the menu listing on the frontend of your site.
8.Go to the front end of your site. Refresh the window and see your Contact Us link.

 

Polls

A poll is added to your site by first creating the poll then module for it to display in on the front end of your site.

 

Create a Poll

1. Login to your administration site
2. From the Control Panel and the horizontal Menu Bar, choose Components < Polls
3. Click the New button
4. Under the Details section, type in a Title (ie. What do you like about our site?) for your poll and choose ‘published’
5. Under the Options section, type the options to the question (ie. nice layout, easy to use….)
6. Click the ‘Save’ button

 

Create a Module for Poll

1. From the Control Panel and the horizontal menu bar, go to Extensions < Module Manager

2. Click the ‘New’ button

3. From the selection listed, choose ‘Poll’

4. Click the next button

5. In the ‘Details’ section, type in a Title for your poll and choose a position for your polls module using the module layout diagram as your guide

6. From the ‘Parameters’ section, choose the poll you created from the ‘poll’ dropdown box

7. Click the ‘Save’ button

Go the front end of your site. Refresh and see your poll.

 

Working with Modules

The Module positioning of your Joomla website is defined by the Joomla template you currently use. Below you can see a screenshot that represents the basic items, added by the default Joomla template. This will help you understand better the structure and key concepts of a Joomla website Module positions and how to change it.

In this article we will show the positions from 1 to 10 in one of Joomla’s default templates which are included in the official installation package. To change the position of a certain module, you can access it from the Extensions -> Module Manager Page and then change its “Position” setting.

 

Some of the most commonly used position names are top, user1 to user6, left, right, header, footer, breadcrumb, and newsflash.

1. In the “top”  position of the Joomla website the “Banners” and “NewFlash” modules are placed by default.

The Banners module allows you to upload images that link to a desired URL. You can define your banners from Components -> Banners and then display the selected items by publishing the “Banners” module from the Extensions -> Module Manager page in your Joomla administrative area.

The Newflash module displays a single random article, or a number of articles in a horizontal or vertical configuration. From your Joomla administration area you can select a category of articles that will be displayed by this module.

2. The “Top menu”  module is published into the “user3″ position by default. You can easily create and manage menus from the Menus->Menus Manager  page. You can then set your “Top menu” module to display the menu you have just created.

3. The “Breadcrumbs” module is placed into the “breadcrumb” position. It is a convenient navigation method which displays the current page you are on and the full “path” to it. If you are in a page called “Sample Page” that is under the main menu, the “Breadcrumbs” will display Home -> Sample Page. Using Breadcrumbs is very useful especially when you have multi-level menus.

4. The “Search” module is published in the “user4” position of the template. It gives your users the option to search within the content of your website.

5. Several modules are published into the “left” position of the template. In this position you can publish vertical menus, login forms and many other modules depending on your particular needs.

6. The “Latest News” module is published into the “user1” position of the template. It displays the most recently added articles from the selected category or from all categories. In addition, you can specify the number of displayed articles depending on your preferences.

7. The “Popular” module is published into the “user2” position of the template. It will display a selected number of articles that are visited the most. You can either select a category from which the articles will be displayed or you can set the module to display the most visited articles in the entire site.

8. This is the main part of your website. Here are the newest articles you have set to be displayed on the front page.

9. A “Polls” module is published into the “right” position of the template. You can create the actual polls from the Components -> Polls page in the administrative back-end of your Joomla application. Once you have created your Polls, you can choose which one to be displayed on your website by editing the preferences of the “Polls” module from the “Module manager“.

10. “Banners” and “Footer” modules are displayed in the “footer” position of the template. You can use the “Footer” module to display useful links, your copyright and other useful information at the bottom of your page.

 

Viewing Joomla 1.5 Module Position in browser

To know module position in a Joomla template, we only need to append a query string tp=1. For a example:

http://localhost/joomla/index.php?tp=1

 

Adding Content Using Modules

In addition to the primary content area on your site which displays articles, you have several module positions available to display information.

A module position is a designated space in which you can put content. Module positions are generally smaller spaces suitable for advertisements or announcements. The module positions on your site are labelled in the layouts above:

When there is no content in any one module position, the position collapses freeing space for main page content or other modules. To add module and position it:

Now login to your administration site;

From the control panel and the horizontal menu bar at the top, choose Extensions < Module Manager

  • Click the ‘New’ Button You will see that there are number of module types you can choose from some of the module types are formatted for specific components like polls or Newsfeeds. Other modules perform specific functions. Mouse over each one for a description of the module type.
  • If you wish to create a custom module in which you can insert text, an image or html code, choose the module type, Custom HTML
  • Type in a name for the module
  • Choose yes or no to show the title of your module
  • Choose the position in which the module will display. Refer to the site layout above to see which positions are available and where they are located on your site.
  • In the text box below, type in the text or insert the image by clicking on the insert image icon at the bottom left of the text box. This will display all the images from those you have previously uploaded into the Stories folder of the media manager.
  • Click the ‘Save’ button on the top right.

We highly appreciate your valuable comments. Also if you have any issues in joomla you could email to harsha@vishmitha.com or Supporting Forum to get our assist.

The next article will discuss about working with Joomla Templates.

Comments

comments

Harsha Gomes is the Managing Director of Vishmitha.com and Winhost Inc. He is a past employee of CINTEC, Ministry of Economic Reforms&Science&Technology, Pathfinder Holdings (Pvt) Ltd, and Sannasa Media (Pvt) Ltd. He has experience in PHP,AJAX, Flex, HTML,CSS, Javascript, MySQL, Joomla, Payment Integration, Smarty, PHPBB, Magento, OS Commerce. He is an expert in developing websites using the CMS tool Joomla.

NO COMMENTS

Leave a Reply