Раздел 1. Темизация UserCMS - создание своей темы. Часть 1
Темизация - это процесс изменения стандартного дизайна в движке на свой (на свою верстку).
Свою верстку следуем размещать только в папке /themes/
А вот папку /user_cms/ не стоит вообще трогать!
2) закидываем в эту папку нашу верстку
3) переименовываем index.html в index.tpl
4) если в верстке несколько файлов то переименовываем все .html файлы в .tpl
5) открываем index.tpl и заменяем теги: meta, title на [ head ] (без пробелов)
6) заменяем вывод контента на [ component ]. Контекст в данном случае это заголовок h1 и текст под ним.
7) создаем необходимые позиции [ position=ХХХХХ ] где ХХХХХ - любой название вашей позиции. Например, [ position=topmenu ] - там где будет выводиться верхнее меню, [ position=slider ] - место (позиция) для вывода слайдера, [ position=aside ] - для боковой панели.
8) меняем относительные ссылки, добавляя им THEME_URL или SITE_URL
Пред. урок След. урок
Свою верстку следуем размещать только в папке /themes/
А вот папку /user_cms/ не стоит вообще трогать!
Натягивание верстки на UserCms - так часто называют темизацию
Еще одно видео по натягиванию верстки на usercms (правда с плохим звуком, поэтому это видео смотреть не обязательно)
Темизация пошагово:
1) создаем папку в /themes, например:/themes/stroy_teplo_tpl/
.
не обязательно в конце _tpl, но так будет меньше шансов запутаться.
2) закидываем в эту папку нашу верстку
3) переименовываем index.html в index.tpl
4) если в верстке несколько файлов то переименовываем все .html файлы в .tpl
5) открываем index.tpl и заменяем теги: meta, title на [ head ] (без пробелов)
6) заменяем вывод контента на [ component ]. Контекст в данном случае это заголовок h1 и текст под ним.
7) создаем необходимые позиции [ position=ХХХХХ ] где ХХХХХ - любой название вашей позиции. Например, [ position=topmenu ] - там где будет выводиться верхнее меню, [ position=slider ] - место (позиция) для вывода слайдера, [ position=aside ] - для боковой панели.
8) меняем относительные ссылки, добавляя им THEME_URL или SITE_URL
Пред. урок След. урок