Несколько Шаблонов страниц и CSS

Question

Несколько Шаблонов страниц и CSS

Какова наилучшая практика обработки CSS в теме с несколькими шаблонами страниц?

Например: У меня будет шаблон страницы полной ширины и шаблон страницы с 2 столбцами.

Лучше всего просто вызывать контейнеры в одном CSS (#fullwidthcontainer против #Двухколонный контейнер)

Или лучше иметь отдельные CSS-файлы для каждого шаблона страницы?

1

css theme-development page-template

Author: NewToCode, 2011-05-15

Source

1 answers

score 2 · Accepted Answer

Это не совсем специфично для WordPress, но с точки зрения сервера это добавило бы дополнительные http-запросы для посетителей для загрузки дополнительных css-файлов, по сравнению с извлечением одного и того же css-файла всего сайта из кэша.

С точки зрения css, я предпочитаю хранить все это в одном файле. Некоторые люди предпочитают организовывать вещи по-другому, например, все стили текста в одном файле, а затем размещать определенные материалы в другом. В этом случае они могут сохранять макеты, специфичные для определенных шаблонов разделять.

Для простых различий в компоновке я делаю что-то вроде:

Шаблон a:

<div id="main-content" class="full-width">
</div>

Шаблон b:

<div id="main-content" class="narrow-width">
</div>

Css:

#main-content {
    /* common to all content */
}

.full-width {
    width:500px;
}

.narrow-width {
    width:300px;
}

Я сохраняю идентификаторы, значимые для содержимого, и использую классы для определения макета.