Tuesday, January 13, 2009

Customising the Joomla Frontpage

This simple question is asked over and over again on the Joomla forums by newbies. The most popular question would be, how do I change from two columns to one column display.

Understanding the FrontPage component

The Joomla frontpage is a component which allows you to control how your homepage looks. It is slightly different from standard components in the fact that its configuration is not done via the Components menu. Instead you need to find the Home link in your main menu. In a default installation the Home points to the frontpage component.

To customise the look and feel of the frontpage you need to edit the Parameters of the Home menu item link. Therefore go to Menu > mainmenu > and click on the Home link.

Joomla frontpage parameters

#Leading - This parameter determines the number of full width articles to display. Articles displayed in the Leading will have the Intro text displayed. This setting overrides the columns parameter i.e. if you have decided to have 2 columns and 1 items in the leading intro you will have a layout as follows:

Article 1 - Full Width (Row 1 - Leading)

Article 2 (Row 2, Column 1) Article 3 (Row2, Column 2)

Article 4 (Row 3, Colum 1) Article 5 (Row 3, Column 2)

Columns - the columns determines how many columns will feature in each row. If you want more than a single column, set the number of columns here.

#Intro - the number of articles whose Intro text will be displayed (excludes the number of items in the Leading parameter).

#Links - the number of links to articles to display (excludes the number of items in the Leading and Intro parameters). Items showed in the Links section will feature just the title of the article (with no Intro text displayed).