Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

WordPress style.css

style-css-kommentariy

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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 10 Июл 2015
Статья обновлена: 29 Янв 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget