Создание собственной темы для UserCMS 2.x

Создание собственной темы максимально простое и занимает не более 5-7 минут.
 

  1. Для начала необходимо подготовить верстку (файл html + css + изображения) или скачать
  2. Создать папку в разделе themes c названием вашего темы (латиницей и без пробелов). Например: the_best
  3. Скопировать верстку в данную папку
  4. Переименовать index.html в index.tpl
  5. Открыть index.tpl редатором кода (например netbeans или sublime text)
  6. Изменить кодировку самого файла на utf-8 (если требуется)
  7. Вставить спецкоды (вместо круглых () скобок квадратные []):
    обязательными являются только 2:
    (head) - Выводит title страницы
    (component)- Выводит html код компонента страницы (в большинстве случаев центральный блок с контентом)
    необязательные спецкоды:

    (position=xxxxxxxxxxx) - Выводит html код блоков в данной позиции, таких спецкодов может быть несколько, например для верхнего меню, для ниженго, для боковой панели, для корзины, для анонса новостей и пр, причем несколько блоков можно выводить в одной позиции.(position=comments), (position=top_menu), (position=left_side), (position=baratura), (position=copywrite),
  8. Создать файл config.ini
    следующего содержания:
    name=название темы
    autor=автор темы
    autor_site=сайт автора
    css=список css файлов через запятую без пробела
    js=список js файлов через запятую

    пример всегда можно посмотреть в ядре системы в стандартных темах
  9. При необходимости php код можно писать прямо в шаблоне. Например: если требуется определенный html- код выводить только на главной странице либо использовать блоки.
  10. Изменить относительные пути для всех файлов, прикрепленных к нашему html шаблону: 
    -css (в теге link к атрибуту href добавить /themes/ папка темы /  название файла, например: /themes/best/style_ie.css (если файл не подключается через файл настроек) 
    -изображений вставленных через тег img, например: лого вместо лого
    js-файлов на /themes/best/ + название файла, где best - папка где лежит тема.
    Для удобства используйте автозамену href=" на href="/themes/best/, а также src=" на src="/themes/best/ - где это необходимо.
  11. Сохранить файл index.tpl
  12. Перейти в раздел Настройки в админ панели сайта и изменить тему.
  13. Готово.


Также в теме можно использовать следующие PHP константы

SITE_URL - выводит урл сайта, например: наш сайт

THEME_URL - выводит урл сайта, например: /images/logo.png


Рекомендации по структуре темы размещены тут

Примеры тем:

Baratura 2 v 1.0

Для установки темы ее нужно распаковать в папку themes и в настройках выбрать ее.



Создание и продвижение сайтов: Unibix