Стандарт темы для UserCMS

При разработке темы мы рекомендуем придерживаться правил, они позволят избежать многих проблем в будущем:

Структура файлов темы.

  • В корне должны находиться следующие файлы

    index.tpl - шаблон по умолчанию
    main_page.tpl — шаблон для главной (если имеется)
    style.css — файл с основными стилями (нет необходимости разделять на неск. файлов и создавать по них папку)
    scripts.js — пользовательские скрипты (с буквой s), при наличии

  • Подключаемые части шаблонов должны находиться в подпапке inc
    (при наличии нескольких файлов темы)

    inc/header.tpl – шапка с верхним меню
    inc/footer.tpl – подвал сайта
    inc/head.tpl – верхняя часть кода от Доктайпа до закрывающего head (при наличии нескольких файлов темы)

  • Временные изображения (для теста) размещать в папке /tmp/

  • Логотип, если он имеется, должен называться logo.png.

  • Остальные изображения должны находиться в папке /images/,

  • Используемые фреймворки (напр. Bootstrap, Font Awesome) должны располагаться в отдельных папках
    Bootstrap — в папке /bootstrap/ и т. д.

  • Если в теме предусматривается использование шрифтов, подключаемых через @font-face, то файлы шрифтов должны располагаться в папке /fonts/

Название позиций

  • top_menu — для верхнего меню

  • slider — Слайдер

  • aside – боковая панель (если одна, если две то rigth_side и left_side — инсталлятором не предусмотрено)

Позиции для функциональных частей сайта, выполненных в виде блоков, должны иметь осмысленное название и быть в формате under_score (нижний регистр символов и «_» в качестве пробелов).



Защита подписи разработчика

В специальных сборках (edition) cистема проверяет наличие ссылок на сайт разработчика http://kaliningrad.unibix.ru/. Не забывайте ее ставить.

Идентификаторы и классы CSS

  • Имена классов и идентификаторы нужно писать в нижнем регистре, используя в качестве разделителя «-». В таком же стиле написан bootstrap.

  • Стандартизированные имена идентификаторов

    • #header – шапка header id=”header”

    • #footer – подвал footer id=”footer”

    • #component – основной блок

    • #right-side - Правая колонка, внутри позиция aside

    • #left-side - Левая колонка, внутри позиция aside

    • #slider - слайдер

Применять только такие, другие ID запрещены, то есть использовать классы, кроме крайних случаев, где без них не обойтись.

Есть предложения по стандарту?

Пред. урок След. урок