Style.css — это файл таблицы стилей (CSS), необходимый для каждой темы WordPress. Он контролирует представление (визуальный дизайн и макет) страниц веб-сайта.
Расположение
Чтобы WordPress распознал набор файлов шаблонов тем как действительную тему, файл style.css должен находиться в корневом каталоге вашей темы, а не в подкаталоге.
Базовая структура
WordPress использует раздел комментариев заголовка файла style.css для отображения информации о теме на панели инструментов «Внешний вид (темы)».
Пример
Вот пример части заголовка style.css.
/*
Theme Name: Twenty Twenty
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/Примечание:Репозиторий тем WordPress использует число после «Версия» в этом файле, чтобы определить, доступна ли новая версия темы.
Пояснения
Элементы, отмеченные ( * ), необходимы для темы в репозитории тем WordPress.
- Название темы (*): название темы.
- URI темы : URL-адрес общедоступной веб-страницы, на которой пользователи могут найти дополнительную информацию о теме.
- Автор (*): имя человека или организации, разработавшей тему. Рекомендуется использовать имя пользователя wordpress.org автора темы.
- URI автора : URL-адрес автора или организации.
- Описание (*): Краткое описание темы.
- Версия (*): Версия темы в формате XX или XXX.
- Требуется как минимум (*) : самая старая основная версия WordPress, с которой будет работать тема, написанная в формате XX. Темы необходимы только для поддержки трех последних версий.
- Протестировано до (*): Последняя основная версия WordPress, до которой была протестирована тема, то есть 5.4. Напишите только число в формате XX.
- Требуется PHP (*) : самая старая поддерживаемая версия PHP, в формате XX, только число
- Лицензия (*): Лицензия темы.
- URI лицензии (*): URL-адрес лицензии темы.
- Текстовый домен (*): строка, используемая для текстового домена для перевода.
- Теги : слова или фразы, которые позволяют пользователям находить тему с помощью фильтра тегов.
- Путь к домену : используется, чтобы WordPress знал, где найти перевод, когда тема отключена. По умолчанию
/languages.
После обязательного раздела заголовка style.css может содержать все, что есть в обычном файле CSS.
Style.css для дочерней темы
Если ваша тема является дочерней, строка Template обязательна в заголовке style.css.
/*
Theme Name: My Child Theme
Template: twentytwenty
*/