Создание собственной темы для UserCMS 2.x
Создание собственной темы максимально простое и занимает не более 5-7 минут.
- Для начала необходимо подготовить верстку (файл html + css + изображения) или скачать
- Создать папку в разделе themes c названием вашего темы (латиницей и без пробелов). Например: the_best
- Скопировать верстку в данную папку
- Переименовать index.html в index.tpl
- Открыть index.tpl редатором кода (например netbeans или sublime text)
- Изменить кодировку самого файла на utf-8 (если требуется)
- Вставить спецкоды (вместо круглых () скобок квадратные []):
обязательными являются только 2:
(head) - Выводит title страницы
(component)- Выводит html код компонента страницы (в большинстве случаев центральный блок с контентом)
необязательные спецкоды:
(position=xxxxxxxxxxx) - Выводит html код блоков в данной позиции, таких спецкодов может быть несколько, например для верхнего меню, для ниженго, для боковой панели, для корзины, для анонса новостей и пр, причем несколько блоков можно выводить в одной позиции.(position=comments), (position=top_menu), (position=left_side), (position=baratura), (position=copywrite), - Создать файл config.ini
следующего содержания:
name=название темы
autor=автор темы
autor_site=сайт автора
css=список css файлов через запятую без пробела
js=список js файлов через запятую
пример всегда можно посмотреть в ядре системы в стандартных темах - При необходимости php код можно писать прямо в шаблоне. Например: если требуется определенный html- код выводить только на главной странице либо использовать блоки.
- Изменить относительные пути для всех файлов, прикрепленных к нашему html шаблону:
-css (в теге link к атрибуту href добавить /themes/ папка темы / название файла, например: /themes/best/style_ie.css (если файл не подключается через файл настроек)
-изображений вставленных через тег img, например: вместо
- js-файлов на /themes/best/ + название файла, где best - папка где лежит тема.
Для удобства используйте автозамену href=" на href="/themes/best/, а также src=" на src="/themes/best/ - где это необходимо. - Сохранить файл index.tpl
- Перейти в раздел Настройки в админ панели сайта и изменить тему.
- Готово.
Также в теме можно использовать следующие PHP константы
SITE_URL - выводит урл сайта, например: наш сайт
THEME_URL - выводит урл сайта, например: /images/logo.png
Рекомендации по структуре темы размещены тут
Примеры тем:
Для установки темы ее нужно распаковать в папку themes и в настройках выбрать ее.