WordPress style.css

style.css — файл темы WordPress

style.css — файл стилей темы WordPress, в котором содержится CSS-код сайта.

В файле style.css размещается CSS-код отвечающий за форматирование темы WordPress. Данный файл практически ничем не отличается от других CSS-файлов, за исключением того, что вначале этого файла нужно разместить специальный комментарий описывающий тему WordPress.

Схема данного комментария, выглядит следующим образом:

/*
    Theme Name: Название темы
    Theme URI: Адрес сайта страницы откуда можно скачать тему (не обязательно)
    Description: Краткое описание темы
    Author: Имя автора темы
    Author URI: Адрес сайта автора темы (не обязательно)
    Template: Имя родительской темы (не обязательно)
    Tags: Ключевые слова темы (не обязательно)
    Version: Номер версии темы (не обязательно)
    .
        Развёрнутое описание темы или описание лицензии,
        по которой распростарняется данная тема (не обязательно)
    .
*/

Комментарий состоит из наборов свойство: значение, например Theme Name: — это свойство, а Название темы — это значение.

Рассмотрим пример комментария для файла style.css, нашей темы WordPress, не обязательные свойства пока опустим:

/*
Theme Name: Моя тема
Description: Моя первая тема
Author: Дамир
*/

Добавив данный комментарий в файл style.css, по адресу /wp-content/themes/mytheme/.

Комментарий WordPress файла style.css

Мы зайдя в админку WordPress и перейдя во Внешний вид -> Темы, далее нажав по кнопке Информация о теме

Кнопка информация о теме

Можем увидеть значения свойств нашего комментария.

Значения свойств комментария в админке WordPress

PS: кстати файл style.css в WordPress можно использовать и без комментария, но это не рекомендуется.

Подключаем файл style.css, к теме WordPress

Чтобы подключить файл style.css к теме WordPress (обычно подключают к файлу header.php), можно воспользоватся одним из нескольких способов:

<?php bloginfo(‘template_url’); ?>/style.css — функция выводящая адрес к теме,
<?php bloginfo(‘stylesheet_url’); ?> — функция выводящая адрес style.css,
http://имяСайта/wp-content/themes/имяТемы/style.css — абсолютный путь,
functions.php — один из важнейших файлов темы WordPress

Самым правильным способом подключения файла style.css, считается подключение через файл functions.php (более подробно об этом, мы поговорим в следующих уроках).

Читать далее: WordPress index.php


Дата публикации поста: 29 января 2016
Дата обновления поста: 10 июля 2015

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *