How-To Categories
Recent How-To's
News Feed E-mail
Login
Affiliates
| How to Create a Basic Template |
|
|
|
| Written by Cory | |||||||||
| Monday, 25 September 2006 | |||||||||
Page 6 of 7
Step 5: Create a ThumbnailThis step is not entirely necessary. Your template will load and run properly with or without a thumbnail. This just gives you a quick look at the template from the template manager. The dimensions of a thumbnail do not have to meet specific requirements, but they should be around 225 pixels wide by 150 pixels high. Give your thumbnail the name 'template_thumbnail.png'. Here is my thumbnail:
Step 6: Create "templateDetails.xml"The next step is to create the 'templateDetails.xml' file. Here is the XML markup that goes into this file for our template: <mosinstall type="template" version="1.0.x"> <name>redspheres</name> <creationDate>09/26/2006</creationDate> <author>Cory Webb</author> <copyright>Copyright 2006 - Cory Webb, Released under GNU/GPL</copyright> <authorEmail>your email here</authorEmail> <authorUrl>www.howtojoomla.net</authorUrl> <version>1.0</version> <description>RedSpheres is a sample Joomla! template for the purpose of instruction. I hope we all learn something.</description> <files> <filename>index.html</filename> <filename>index.php</filename> <filename>template_thumbnail.png</filename> <filename>templateDetails.xml</filename> <filename>css/index.html</filename> <filename>css/template_css.css</filename> <filename>images/index.html</filename> <filename>images/logo.png</filename> <filename>images/bullet.gif</filename> </files> </mosinstall> It is important that every file in your installation package has a corresponding filename tag in the 'templateDetails.xml' file. Step 7: Zip ItAll of your template files should be in a folder that is named with your template name. Use a file compression application, like WinZip, to create a ZIP file with your template files. This ZIP file is your installation file. Step 8: Install ItIn your template manager, install your new template, and set it as your default template. Step 9: Modify ItNobody's perfect. We all make mistakes. For that reason, you should be prepared to check your template for errors, browser compatability, and overall quality. Using the Joomla! template manager, you can modify your template 'index.php' and 'template_css.css' files right from the browser. You can make changes, save them, and immediately see the result by previewing your site. |
|||||||||
| < Prev | Next > |
|---|
