SPIP

[ar] [ast] [bg] [br] [ca] [co] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [ru] [sk] [sv] [tr] [uk] [vi] [zh] Espace de traduction

Скачать

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

24 февраля — mis à jour le : 14 февраля

Все версии этой статьи:

Шаблон по умолчанию для 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 файлов при помощи пункте «Дополнительно» меню «Настройки» административного раздела сайта.


Показать шаблон этой страницы Сайт работает на SPIP | Espace de traduction | Административная часть