Как правильно подключить style.css в теме WordPress?

Question

Как правильно подключить style.css в теме WordPress?

25 мая 2015 г., 04:37:15

Просмотры: 16K

Голосов: 8

Я изучил кодекс и несколько руководств, где рассказывают о добавлении пользовательских CSS, но не смог найти информацию о том, где именно нужно подключать style.css.

Я попробовал сделать так, но это не дало никакого эффекта:

/**
 * Правильный способ подключения скриптов и стилей
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Конечно, это работает, если сделать так:

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

Но это не является правильным способом подключения.

Vegan Sv

247

wp enqueue style

Комментарии

Я добавил 'wp_enqueue_scripts' в functions.php

Vegan Sv

25 мая 2015 г. 04:38:04

Есть ли в вашей теме функция wp_head()?

Milo

25 мая 2015 г. 06:39:43

Нет, её нет, потому что это такая тема, которая должна содержать только index.php без header и footer, и я думал, что wp_head добавляют только если хотят использовать header.php. Попробую добавить её.

Vegan Sv

25 мая 2015 г. 18:13:48

@Milo и Candid, спасибо вам, ребята! Это был wp_head. Мне стоило прочитать примечания, но они не такие уж понятные.

Vegan Sv

25 мая 2015 г. 18:33:23

Все ответы на вопрос

Bryan Willis 4.48K · Accepted Answer · 2015-05-25T06:48:06Z

Убедитесь, что файлы названы и размещены правильно.

functions.php расположен по адресу mytheme/functions.php

<?php
/**
 * Функции темы
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

style.css расположен по адресу mytheme/style.css

/*
Название темы: Twenty Thirteen
URI темы: http://wordpress.org/themes/twentythirteen
Автор: команда WordPress
URI автора: http://wordpress.org/
Описание: Тема WordPress 2013 года возвращает нас к блогам, предлагая полный набор форматов записей, каждый из которых отображается красиво и уникально. Дизайн изобилует деталями: яркая цветовая схема, соответствующие изображения заголовков, красивая типографика и иконки, а также гибкий макет, который отлично смотрится на любом устройстве, большом или маленьком.
Версия: 1.0
Лицензия: GNU General Public License v2 или позднее
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html
Метки: черный, коричневый, оранжевый, бежевый, белый, желтый, светлый, одноколоночный, двухколоночный, сайдбар справа, гибкая ширина, пользовательский заголовок, пользовательское меню, стиль редактора, избранные изображения, микроформаты, форматы записей, поддержка RTL, закрепленные записи, готовность к переводу
Текстовая домен: twentythirteen

Эта тема, как и WordPress, распространяется под лицензией GPL.
Используйте её для создания чего-то крутого, получайте удовольствие и делитесь знаниями с другими.
*/

Если вы создаёте эту тему самостоятельно, скорее всего, вы где-то допустили опечатку или что-то упустили.

Убедитесь, что ваш шаблон подключает заголовок, если вы используете header.php:

<?php get_header(); ?>

В вашем заголовке или шаблоне должно быть:

<?php wp_head(); ?>

Скорее всего, проблема в одном из вышеперечисленных моментов, раз у вас всё работает при добавлении тега. Если нет, попробуйте изменить название CSS-файла или увеличить приоритет загрузки. Если у вас установлены плагины, возможно, один из них использует такой же "хэндл" для своих стилей.

Вместо:

    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

Попробуйте что-то случайное, например:

    wp_enqueue_style( 'style189304', get_stylesheet_uri() );