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.
- Download Joomla from the Joomla website.
- Setup a new Joomla install.
- 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.
- Extract the theme
.zipfile to a directory on your PC.
- Using FTP, upload the theme directory to the
/tmpfolder of your Joomla installation on your webserver.
- Go to the Joomla extensions installer and use the Install from Directory option to set the directory of your uploaded template files.
- 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.
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.