How to install a Joomla template on your existing website

Install Joomla Template

This tutorial gives you a brief overview of the general Joomla! and Joomla Template installation process.


Setting up a Joomla Template follows the standard Joomla installation procedure and works like with any other template.

  1. Download Joomla from the Joomla website.
  2. Setup a new Joomla install.
  3. Install and activate your theme.

For more information, take a look at the official Joomla documentation.

Setup a demo package

A demo package is a full Joomla installation, which includes the theme and sample data responsible for the layout and setup of our demo. This is great, if you don’t want to start from scratch or just to have a peek at how everything is put together.

NOTE On the last installation step don’t forget to Install the JoomLead Sample Data to import the demo content.


If the installation does not work and you get an error message, you might want to try installing the theme manually.

  1. Extract the theme .zip file to a directory on your PC.
  2. Using FTP, upload the theme directory to the /tmp folder of your Joomla installation on your webserver.
  3. Go to the Joomla extensions installer and use the Install from Directory option to set the directory of your uploaded template files.
  4. Hit the Install button and Joomla will install it from the stated directory.

Note The Joomla error messages during installation can sometimes be misleading. For example, Joomla claims that it is unable to find the installation package, when it actually wasn’t uploaded completely due to the PHP Maximum Upload Size limit.

Setup the menus

After creating your menu, you need to assign it to a menu module published in the menu module position. To do so, just go to Extensions > Module Manager, create a new Menu module and publish it in the menu position of the template.

Module in menu position

You can also publish any module in the menu position. The module name is used as menu item and the module content appears in the dropdown.

Menu styles

There are three different menu styles, the Navbar and its mega dropdown as a main menu, the Navs with the accordion effect in sidebars and the Subnavs in the toolbar or footer. Warp automatically styles the menu according to its module position.

Setup the logo

Setting up the logo in Joomla is pretty straightforward. Just create a Custom HTML module in the logo position. Now you can enter your markup in the Custom output field.

For example use the following code:

<img src="images/logo.png" width="200" height="50" alt="logo" />

Note Warp 7 also provides the logo-small position, where you can display an alternative logo image for smaller viewport sizes.


Leave a Reply

You must be logged in to post a comment.

JoomLead Gantry5 Particles 2.2.10 released, new features, bug fixes and more Learn more
Flash Sale. Get Up to 25% Off - Coupon: FLASH25 Shop Now