Содержание директории dist (SPIP3.1)

Шаблон по умолчанию для SPIP 3.1 включает Tiny Typo, что делает настройку типографского оформления сайта более ясным и удобным. Шаблон совместим с плагином crayons.

Структура HTML

Шаблон для XHTML 1.0 Transitionnel

Содержит такие блоки:

  • body
    • .page
      • .header
      • .nav
      • .main
        • .wrapper
          • .content
        • .aside
      • .footer

Размеры основных блоков

Основной блок .page центрован, 960 пикселей шириной.
Шаблон минимально отзывчивый (то есть адаптивный), заданы две точки «перелома»: 767 пикселей и 640 пикселей по ширине.

Вызов таблиц стилей

Стили вызываются методом «ромашки» (daisy по-французськи).
Этот метод предусматривает определенный порядок вызова таблиц стилей, облегчающий их понимание, техническое обслуживание и настройку веб-проекта.

Таким образом, стили вызываются от более общих к более специальным.

Перечисли детальнее файлы, вызываемые из шаблона dist:

  • 1. Стили Tinytypo
    • reset.css сбрасывает установки тегов HTML, принятые по умолчанию
    • clear.css определяет модель содержания и компонования страниц (выравнивание, блоковая модель, ....)
    • font.css (по желанию) задание определенных шрифтов (вызываемых через “font-face”)
    • links.css определяет оформление гиперссылок
    • typo.css основные типографские стили
    • media.css вид изображений, фонов, видео...
    • form.css общий вид форм
    • grid.css (по желанию) сетка
    • layout.css расположение основных блоков
  • 2. Стили плагинов SPIP
    • spip.css общие стили для SPIP
    • стили, созданные плагинами и добавленные тегом #INSERT_HEAD_CSS
  • 3. Ваши собственные стили для управления сайтом
    • theme.css общая тема
    • variante.css (по желанию) вариант темы
    • perso.css (по желанию) персональные настройки темв

Для повышения производительности администратор сайта может активировать конкатенацию этих CSS файлов при помощи пункте «Дополнительно» меню «Настройки» административного раздела сайта.

Автор olly Publié le :

Traductions : English, français, Nederlands, русский, українська