stringtranslate.com

Википедия:Стили шаблонов

TemplateStyles позволяет использовать пользовательские страницы CSS для стилизации контента без необходимости администратору интерфейса редактировать CSS для всего сайта. TemplateStyles делают более удобным для редакторов стилизацию шаблонов; например, тех шаблонов, для которых CSS для всего сайта для мобильного скина или другого скина (например, Timeless) в настоящее время негативно влияет на отображение шаблона.

Несмотря на название, TemplateStyles работает со всеми типами страниц, а не только с шаблонами.

Руководящие принципы

Обратите внимание, что Руководство по стилю , включая рекомендации по доступности , по-прежнему действует.

Рабочий процесс для преобразования

  1. В Template: myTemplate определите все встроенные стили, которые можно перенести в отдельную таблицу стилей.
  2. Создайте шаблон: myTemplate /styles.css, содержащий все классы, которые заменят встроенные стили. Используйте специфичные для шаблона имена классов, где это возможно.
  3. В Template: myTemplate (или его Template: myTemplate /sandbox , если вы хотите сначала протестировать), добавьте (вам не нужно указывать пространство имен Template:). Вероятно, лучше всего это сделать вверху, чтобы это было очевидно и чтобы избежать появления нестилизованного контента , но это должно быть на отдельной строке, если шаблон начинается с вики-разметки, которая должна начинаться с новой строки (например, wiki-table).<templatestyles src="myTemplate/styles.css" />
  4. Измените шаблон (или песочницу), заменив встроенные стили классами, которые вы определили в шаблоне: myTemplate /styles.css
  5. Сделайте как можно больше проверок. Если вы тестировали в песочнице, вы можете проверить страницу тестовых случаев, где она есть, но особенно проверьте, что затронутые вами стили отображаются правильно.
    1. В частности, для шаблонов, предназначенных для использования в строке, проверьте, нет ли использования внутри ссылок. Шаблоны TemplateStyles не будут работать внутри ссылок (сейчас).
  6. Если вы использовали песочницу, либо отправьте запрос на редактирование основного шаблона, либо выполните обновление, если вы уверены в своих изменениях.
  7. При необходимости запросите или измените уровень защиты Template: myTemplate /styles.css , чтобы он соответствовал уровню защиты Template: myTemplate .
  8. Добавьте в документацию шаблона информацию о том, какие таблицы стилей TemplateStyles он использует.{{Uses TemplateStyles}}

Советы

Переопределение стилей шаблона

Из-за способа реализации TemplateStyles переопределение TemplateStyles в вашем персональном CSS требует немного больше усилий, чем обычно. Правила на определенном листе TemplateStyles не являются полными правилами CSS, и вы не можете сопоставить селекторы, чтобы переопределить их.

  1. Каждый селектор «поднимается» на .mw-parser-output, поэтому для переопределения правила в таблице TemplateStyles, которое выглядит как .documentation {}, простое переопределение в вашем персональном CSS-файле должно выглядеть как .mw-parser-output .documentation {}.
  2. Однако в HTML каждый стиль TemplateStyles всегда размещается после загрузки вашего персонального CSS-файла. Соответственно, новое правило должно быть более конкретным . Это может быть реализовано несколькими способами. Самый простой — выбрать элемент HTML также как в: .mw-parser-output div.documentation {}. Другой способ — удвоить один из селекторов классов, как в .mw-parser-output.mw-parser-output .documentation {}или .mw-parser-output .documentation.documentation {}. Этот последний способ немного более перспективен, но выглядит немного страннее.
  3. Наконец, !importantвсегда можно переопределить стили в вашем личном CSS. Обычные предостережения относительно !importantприменения. Предпочтите один из двух вариантов в пункте два, если это возможно. (Вы должны сделать это, чтобы переопределить встроенные стили, независимо от любого из вышеперечисленного; некоторые шаблоны не могут переместить все в TemplateStyles из-за гибкости, предоставленной пользователям шаблонов. Разработчики шаблонов должны учитывать, действительно ли необходимы такие параметры, как styleи width. См. также phab:T200632.)

Примеры

Смотрите также

Внешние ссылки