开始使用

学习如何使用Warp主题,如何用Warp开发主题,以及如何排除故障。

首先,你需要下载一份Warp主题。在 YOOtheme的下载页面中,下载 Master 2 免费主题。在下载的ZIP压缩包内,包含最新的Warp主题框架。

下载 Warp


设置 Joomla 模板

注意本中文文档重点针对Wordpress主题,若有需要请联系站长翻译Joomla相关文档。
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 {doc: installation-issues-3 text: 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.