Создание шаблона для Joomla 1.7. Добавление параметров к шаблону, которые можно изменять из админки Joomla. Часть 5.

 

Доброго времени суток! Сегодня я хотел бы остановиться на добавлении параметров к шаблону для CMS Joomla, которые можно изменять из админки.
В предыдущих статьях мы рассмотрели создание шаблона: разобрали файловую структуру шаблона CMS Joomla, преобразовали верстку в шаблон, определили позиции в шаблоне для модулей, изменили отображение модулей под дизайн нашего шаблона. Благодаря всему этому мы создали шаблон для CMS Joomla, но если Вы хотите создать высококлассный шаблон для Joomla необходимо сделать так, чтобы некоторые параметры изменялись из админки (ну, например цветовая гамма шаблона), т.е. нам нужно ввести в шаблон параметры, которые можно изменять из админпанели. Давайте приступим к решению данной задачи...
Итак, приступим к решению нашей задачи. Допустим, что мы хотим в админке выбирать цветовую гаму нашего шаблона (белая, серая и голубая). Для этого на основе нашего css-файла создадим три css-файла:

• template_white.css, который не будем изменять.
• template_gray.css, в котором всем div-ам добавим background: gray.
• template_blue.css, в котором всем div-ам добавим background: #0099сс.

Следующим шагом, нужно описать в конфигурационном файле шаблона для CMS Joomla наши параметры. Открываем файл templateDetails.xml и добавляем следующие строчки:

<config>
 <fields name="params">
 <fieldset name="advanced">
   <field name="tmpl_color" type="list" default="white" label="Выберите цвет шаблона"     description="Тут Вы можете выбрать цвет шаблона" filter="word">
     <option value="white">Белый</option>
     <option value="gray">Серый</option>
     <option value="blue">Голубой</option>
  </field>
</fieldset>
</fields>
</config>
Этими строками мы показали, что выбор параметров будет в виде выпадающего списка type= «list», значение по умолчанию будет белый (default= «white»). Выпадающий список состоит из трех элементов: Белый (white), Серый(gray), Голубой (blue).

На следующем шаге нам необходимо, чтобы отображение нашего шаблона Joomla соответствовало значению установленного параметра. Для этого в основной файл нашего шаблона (index.php) вставляем следующий код:
<?php
//Берем параметры
  $tmpl_color = $this->params->get('tmpl_color');
?>
В переменную $tmpl_color записываем значение установленного параметра в поле с именем «tmpl_color».
Теперь согласно этой переменной будем подставлять необходимый css-файл, для этого изменяем строку:
<link href="<?php echo $this->baseurl ?>/templates/lesson/css/template.css" rel="stylesheet" type="text/css" />
на следующую:
<link href="<?php echo $this->baseurl ?>/templates/lesson/css/template_<?php echo $tmpl_color ?>.css" rel="stylesheet" type="text/css" />
Вот и все!!!
По аналогии можно добавлять различные параметры в наш шаблон CMS Joomla (логотип, изменить структуру: 1 колонка, 2 колонки, 3 колонки и многое другое).
Этим постом я завершаю серию статей про создание шаблона для CMS Joomla. Надеюсь они Вам помогли, если есть замечания или предложения пишите в комментариях и мы обязательно обсудим.
Всем удачи и хорошей разработки сайтов на движке CMS Joomla. По многочисленным просьбам  продолжаю серию статей по созданию шаблонов на CMS Joomla. И следующий пост посвящен применению API функций в создании шаблона для Joomla. А в посте Создание шаблона для CMS Joomla. Список стандартных параметров и их описание (часть 1) я подробно остановлюсь на каждом параметре в отдельности.

Как правильно составлять xml-файл читайте в статье "Файлы объявления в CMS Joomla. Правила составления xml файла в Joomla."

Следите за обновлениями данного блога или за мной в twitter.

Понравилась статья? Поблагодарить автора:

Введите e-mail адрес: