Как подключить style.css в файле function.php?

Question

Как подключить style.css в файле function.php?

19 авг. 2016 г., 07:52:23

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

Голосов: 2

Я новичок в WordPress. Подключаю свой файл стилей через:

<link rel='stylesheet' href="<?php bloginfo("stylesheet_url")?>"/>

Но если я добавляю CSS через functions.php с помощью enqueue, это не работает. Почему? Где моя ошибка?

<?php wp_enqueue_style('style',get_template_directory_uri())?>

Какое решение этой проблемы?

Mr.Pandya

135

wp enqueue style css

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

Комментарии

Вопрос OP вообще не упоминает jQuery. И вам НЕ следует просто добавлять его в header.php, вы должны подключать его так же, как стили.

ngearing

19 авг. 2016 г. 08:46:50

get_stylesheet_directory_uri() будет работать и для темы, и для дочерней темы.

bynicolas

19 авг. 2016 г. 08:46:52

@Nath Я знаю, что он не упомянул jQuery! Ну и что, если я хочу предоставить дополнительную информацию, которая поможет ему, а также будущим читателям.

Rishabh

19 авг. 2016 г. 08:52:03

Хорошо, тогда вам нужно объяснить это лучше. А также предоставить корректную информацию.

ngearing

19 авг. 2016 г. 08:53:22

@Nath Я показал правильный способ. Я не понимаю, что не так в моем коде! Именно так я обычно делаю, и у меня это работает. Не знаю, почему вы утверждаете, что это неправильно! Вы сказали, что не нужно добавлять в header.php! Если не там, то где? Если у вас есть лучший способ, то разместите ответ, я тоже хотел бы узнать более оптимальное решение.

Rishabh

19 авг. 2016 г. 10:16:34

Показать остальные 4 комментариев

bynicolas 2.29K · Answer 1 · 2016-08-19T08:12:03Z

Вы вызываете функцию неправильно. Вы указали только директорию, а не имя файла.

Из кодекса

wp_enqueue_style( string $handle, string $src = false, array $deps = array(), string|bool|null $ver = false, string $media = 'all' )

Таким образом, в вашем случае подключение должно выглядеть так:

add_action( 'wp_enqueue_scripts', 'wpse_my_style' );
function wpse_my_style(){
  wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . 'path/to/your/css' );
}

Остальные параметры являются необязательными.

bynicolas

2.29K

19 авг. 2016 г. 08:12:03

Rishabh 982 · Answer 2 · 2016-08-19T08:32:11Z

function wpdocs_style() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );  // Загружает style.css текущей темы
wp_enqueue_style( 'style-name1', get_teplate_directory_uri() . '/css/custom.css', array('jquery') );   // Загружает пользовательский CSS файл из родительской директории  
wp_enqueue_script( 'script-name1', get_teplate_directory_uri() . '/js/custom.js', array('jquery') );   // Загружает JS файл из родительской директории  
}
add_action( 'wp_enqueue_scripts', 'wpdocs_style' );
             ИЛИ
// Альтернативный вариант - использовать хук wp_head
add_action( 'wp_head', 'wpdocs_style' );

Для работы вышеуказанной функции необходимо добавить <?php wp_enqueue_script("jquery"); ?> (если вы используете действие add_action( 'wp_enqueue_scripts', 'wpdocs_style' );) в файл header.php перед закрывающим тегом </head>.

Каждому стилю нужно присваивать уникальное имя (как я указал style-name, style-name1 и т.д.). Если вы хотите загружать стили из functions.php дочерней темы, используйте get_stylesheet_directory_uri() вместо get_teplate_directory_uri().