Joomla Template Tutorial - Part 7: For more flexible design, we can use parameters in our template. So, you can provide options to change template without your users touch line codes. For example, your user can choose background color.
In this post, we try to provide background color option. Following this steps:
- Open templateDetails.xml within your Joomla\templates\mytemplate.
- Enter following bold code:
<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
<name>mytemplate</name>
<version>1.0.0</version>
<creationDate>12/12/07</creationDate>
<author>Wiwit Siswoutomo</author>
<authorEmail>wsiswoutomo@yahoo.com</authorEmail>
<authorUrl>http://www.phpeveryday.com</authorUrl>
<copyright></copyright>
<license>GNU/GPL</license>
<description>TPL_MY_TEMPLATE</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
</files>
<positions>
<position>breadcrumbs</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
<position>debug</position>
<position>syndicate</position>
</positions>
<params>
<param name="backgroundVariation"
type="list" default="blue" label="Background Variation"
description="Background color variation to use">
<option value="blue">Blue</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="orange">Orange</option>
<option value="black">Black</option>
<option value="white">White</option>
<option value="yellow">Yellow</option>
</param>
</params>
</install>
- Next, create a file named "params.ini" within Joomla\templates\mytemplate. This file contents choosed value for parameters. Enter following code:
backgroundVariation=blue
- Open your index.php within Joomla\templates\mytemplate.
Change tag <body> become:
<body bgcolor="<?php echo $this->params->get('backgroundVariation'); ?>">
- Now try to point your browser to http://localhost/joomla. You can see like following screen:
- Now, try to open your joomla administration. Open at Extensions > Template Manager.
- Click at link mytemplate:
- You will get template edit page. Now, focus your attention at Parameters box. Change Background Variation become Red.
- Click Save button on the top.
Point your browser to http://localhost/joomla. Background color has changed
