Вміст директорії 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 : Mis à jour : 14/02/16

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