Which file and code to change

Customising something in Joomla is not difficult in itself, but finding out what you actually change can be a real challenge.

This is a good example. As seen on the left, the change looks fairly simple, and it is, once you know where to make the change. Finding out is the hard part.

It means you really need to understand the template system in Joomla.

The starting point

These instructions assume that you have obtained a copy of the Joomla 1.5 system, uploaded it to your server space, expanded it, then done a default installation without the test data, then added enough information so that you have a weblinks page similar to the one shown on the left.

We'll also assume that you know how to add weblinks to your Joomla page.

How to customise Joomla

Begin by making a full copy of the folder that holds the BEEZ template. Why? Because you will then be able to revert back to the original, working beez template when necessary. This is the best way to work, because it means you can switch between the original template and your custom version very easily and immediately see the effect.

The files are here . . .

/your_joomla_folder/templates/beez

 

If you have a coding background you will look at the folder or directory structure and recognise immediately that a great deal of thought went into the overall structure. It really does make getting around easier.

As far as templates are concerned, each template is contained within one folder that has an appropriate name. BEEZ is the standard CSS template that comes with Joomla and is an excellent starting point.

Duplicate the BEEZ template folder

 

You now have a known-good copy of beez from which to start.

Rename the folder to whatever you want - in my case I used my initials with a z on the end in recognition of the original name.

Use your favourite ftp program to log into your server and download a copy of the beez folder from your server onto your local computer.

Here's how things looked in my ftp application (cyberduck).