В этом уроке на практическом примере покажем, как обновить шаблон сайта с версии Joomla 1.5 к версии Joomla 2.5.

Обновить шаблон до Joomla 2.5 можно двумя путями. Первый путь - это изменение шаблона 1.5 к 2.5. Второй путь - это внесение изменений в шаблон для Joomla 2.5 и его настройка под вид шаблона Joomla 1.5. Второй метод легче, так как не нужно иметь большого опыта программирования.

Итак в этом уроке будем обновлять шаблон сайта с помощью второго метода.

Начинаем работу с рабочего стандартного шаблона, созданного разработчиками для Joomla 2.5. Будем изменять шаблон Atomic. Разобьем работу на этапы.

 

 

Этап 1 - Копирование шаблона

Следует напомнить, что все шаблоны содержаться в папке templates. Отсюда берем папку с названием atomic и копируем в другую папку в себя на компьютере или в папку templates (рис. 1).

Рис. 1. Копирование шаблона atomic

Этап 2 - Название шаблона

Теперь эту скопированную папку нужно переименовать. Например, в нашем случае название сайта ezdimsami, то назовем шаблон и папку ezdimsami-atomic, чтобы показать, что базовый шаблон взят от atomic. Конечно можно задать и другое имя шаблона, например ezdimsami (рис. 2).

Рис. 2. Смена названия шаблона.

Этап 3 - подготовка файла index.php

В новом созданном шаблоне открываем в текстовом редакторе файл index.php и удаляем все между тегами <body> </body> (рис. 3 - 5).

Рис. 3. Открытие файла index.php

Рис. 4. Удаление кода с файла  index.php

Рис. 5. Файл index.php  после удаления кода

Этап 4 - Копирование кода в файл index.php

 

  1. Открываем файл  index.php с шаблона для Joomla 1.5.
  2. Выделяем и Копируем от туда весь кода между тегами <body> </body> (Ctrl + C).
  3. Открываем файл index.php с шаблона для Joomla 1.2 и вставляем с буфера обмена скопированный код между тегами <body> </body> (Ctrl + V).
  4. Сохраняем файл index.php (рис. 6) .

 

Рис. 6. Пример файла index.php с шаблона для Joomla 1.5

Рис. 7 Пример файла index.php с шаблона для Joomla 1.5

 

Этап 5 - Удаление или переименование файла template.css, скопированного с шаблона Atomic

Этап 6 - Копирование файла template.css со старого шаблона от версии 1.5

Копирование файла template.css и связанных с ним графических файлов

Этап 7 - Редактирование файла templateDetails.xml

 

  • Открываем файл templateDetails.xml в текстовом редакторе (рис. 8).
  • Изменяем название в теге <name> на название вашего нового шаблона (рис. 9). Например, если название папки шаблона ezdimsami-atomic, то эта запись в файле templateDetails.xml будет <name>ezdimsami-atomic</name>.
  • Замените секцию <positions> той, что у старом шаблоне версии 1.5 (рис. 10).
  • Измените другие элементы в файле templateDetails.xml, если нужно. Например, Вы можете изменить дату создания и версию шаблона.

 

Рис. 8. Файл templateDetails.xml

Рис. 9. Смена названия нового шаблона

Рис. 10. Изменение секции positions

Этап 8 - Копирование изображений

Удаляем изображения (файлы картинок) в папке /template/image и добавляем туда изображения из своего старого шаблона (рис. 11).

Рис. 11. Копирование изображений

Этап 8 - Изменение вместимого head в файле index.php

Удаляем все в секции <head> в файле  index.php и добавляем туда свои пути для файлов CSS и Javascript старого шаблона.

Здесь нужно быть внимательным и заменить в пути название шаблона или прописать название с помощью php: $this->template.

Этап 9 - Устанавливаем шаблон

Архивируем шаблон и устанавливаем архив в панели администратора Joomla. Потом в Менеджере шаблонов выставляем этот шаблон по умолчанию (рис. 12-14)

Рис. 12. Установка шаблона

Рис. 13. Менеджер шаблонов.

 Рис. 14. Менеджер шаблонов.


Рассылка временно отключена.