YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Setup a Joomla Template

This tutorial gives you a brief overview of the general Joomla! and Warp framework setup.

Installation

Setting up a Warp theme 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 YOOtheme Sample Data to import the demo content.

Troubleshooting

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.

You can find further guidance on troubleshooting and PHP problems in the Installation issues article.

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.

Documentation on Github

Help us out! If you are feeling that our documentation has errors or can be improved, fork it at Github and send us a pull request. Any contribution is much appreciated. Thank you!