Создание папки и загрузка базовой основы
В предыдущей главе вы ознакомились с основными элементами шаблона; теперь давайте рассмотрим, с чего начинается его создание.
Для начала необходимо продумать, как будут выглядеть страницы сайта, какие на нём будут располагаться элементы, какие будут модульные позиции и всё остальное.
Добрый совет: нарисуйте себе такую страницу в редакторе изображений, причём в натуральную величину, не больше и не меньше – это будет очень удобно и полезно по многим причинам. Во-первых, вы будете видеть реальный, а не воображаемый результат, а во-вторых, редактировать внешний вид страницы в редакторе намного проще и удобнее. Ко всему прочему, при создании такого изображения вы уже будете иметь некоторые готовые элементы, например, логотип ("шапку") сайта, которую можно затем просто вырезать из этого изображения в отдельный файл и использовать уже на самом сайте. Плюс ко всему вы будете знать все необходимые размеры и прочие параметры.
Однако наличие такого изображения не является обязательным условием для создания шаблона! Вы можете создавать свой шаблон и не имея исходного рисунка; разница лишь в том, что в первом случае вы готовую базовую основу шаблона (не путайте с рисунком, который вы создали!) подгоняете под уже имеющееся продуманные параметры, а во втором – делаете всё тоже самое, но продумывая внешний вид по ходу создания. При этом в любом случае вы можете изменять шаблон как вам будет угодно: добавлять или удалять какие-либо модульные позиции, менять размеры, оформление и т.п.
Так же стоит иметь в виду, что при необходимости можно изменять и перенастраивать шаблон, уже установленный на сайт.
Создание папки и загрузка базовой основы
Для создания любого шаблона удобно иметь готовую базовую основу. Конечно, это не является обязательным условием, можно всё начать писать "с нуля", но, как уже говорилось в предыдущей главе, наибольшая часть папок и файлов в шаблоне стандартная, поэтому нет смысла каждый раз всё переписывать заново; именно эта часть и представляет собой такую базовую основу.
Для начала на компьютере создайте простую пустую папку, но при этом обратите внимание на важную деталь: название папки должно строго соответствовать названию шаблона. Так же обратите внимание, что в название должно состоять из букв английского алфавита, цифр и знаков подчёркивания или тире.
Далее в эту папку распакуйте готовую базовую основу шаблона.
41 Скачать файл с базовой основой шаблона (zip-архив) вы можете 
3
* Загрузка возможна только для зарегистрированных пользователей!
В результате получится папка вот с таким содержимым (вы его уже видели в предыдущей статье):
Теперь можно открыть файл (просто кликните на него) с изображением скриншота template_preview.png и посмотреть, что же имеется в данном шаблоне:
Как видно из рисунка, это довольно стандартный шаблон: вверху находится "шапка" сайта ("header"), далее идёт меню, полоска "путь на сайте" ("breadcrumbs"), в середине находится контент, вверху и внизу которого можно расположить модули, например, с рекламой, а по бокам находятся позиции для расположения других модулей; внизу, как всегда, "подвал" сайта ("footer").
Внесение изменений в код
Так как ваше название шаблона отличается от того, что имеется в шаблоне-основе, то нужно сначала внести в него некоторые изменения, а затем уже продолжить с ним работу.
Для начала откройте папку с файлами языков Language > ru-RU и переименуйте два файла:
- ru-RU.tpl_wds_template_v1.ini
- ru-RU.tpl_wds_template_v1.sys.ini
то есть вместо названия, указанного в шаблоне-основе (выделено красным) впишите своё название (о файлах языков было подробно рассказано в предыдущей главе). Будьте внимательны, не допускайте ошибок и пробелов!
Далее при помощи редактора Notepad++ откройте файл error.php и в строке
7 <link rel="stylesheet" href="/../templates/wds_template_v1/css/err_cs.css">
так же измените wds_template_v1 на название своего шаблона.
И последний файл, в который нужно внести изменения - это файл установки templateDetails.hml . Этому файлу далее будет посвящена отдельная глава, а пока в нём необходимо изменить несколько строк.
Откройте файл с помощью редактора Notepad++ и в строке
16 <name>WDS_template_v1</name>
замените название шаблона. Затем то же самое сделайте и в двух других строках:
82 <language tag="ru-RU">ru-RU/ru-RU.tpl_wds_template_v1.ini</language>
83
84 <language tag="ru-RU">ru-RU/ru-RU.tpl_wds_template_v1.sys.ini</language>
При выполнении данных действий будьте предельно внимательны, так как любая ошибка может привести к тому, что система не сможет загрузить шаблон или работать с ним; так же не забывайте сохранять внесённые изменения!
Теперь можно начинать работу с этой базовой основой и изменить всё по своему желанию: добавить новые позиции, удалить ненужные позиции, выставить все необходимые размеры, цветовое оформление и так далее.
Для того, что бы вы могли видеть результаты своей работы, шаблон (базовую основу) нужно установить на специально созданный для этой цели сайт; он создаётся на локальном сервере и служит именно для создания шаблонов.
Установка основы шаблона
Откройте на компьютере папку локального сервера OSPanel > domains и создайте здесь папку для нового сайта, например, shablon1 , установите в неё Joomla и настройте. Весь этот процесс подробно расписан в первой части (гл. 6 "Создание сайта"; гл. 7 "Первичная настройка сайта"), поэтому повторять его здесь не будем.
Теперь на созданный сайт нужно установить базовую основу шаблона. Этот процесс выполняется точно так же, как это описано в восьмой главе первой части, но перед установкой необходимо создать zip-архив этого шаблона, иначе его не удастся установить на сайт.
Может быть у кого-то возникает вопрос: почему нельзя было сразу установить скачанную базовую основу на сайт, а затем уже произвести все переименования и изменения в код? Ответ прост: из-за некоторых особенностей работы Joomla проще и удобнее такие действия произвести перед загрузкой шаблона-основы на сайт.
Для создания архива воспользуемся программой 7Zip File Manager (можно использовать и другие программы). Откроем программу, найдём нашу скаченную папку с базовой основой шаблона, откроем её и выделим все элементы:
Далее нажимаем Файл > 7-Zip > Добавить к "wds_template_v1.zip":
Будет запущен процесс создания архива, после которого созданный архив окажется в этой же папке с шаблоном, поэтому его следует скопировать куда-либо и удалить из папки шаблона:
Следует отметить, что приведённый выше способ создания архива не единственный, можно всё сделать и по-другому (зависит от установленной операционной системы и самой программы), но в любом случае важен полученный правильный результат в виде файла с архивом шаблона, который имеет такое же название и расширение .zip.
Теперь можно установить полученный файл на сайт. Для этого зайдите в административную панель сайта и установите полученный шаблон, как это уже было подробно рассмотрено в первой части (см. глава 8).
Далее установите его как шаблон по умолчанию и начните с ним работать.
