Как использовать wp_enqueue_style () в моей теме WordPress? - PullRequest
Новая
       2

Как использовать wp_enqueue_style () в моей теме WordPress?

20 голосов
/ 13 августа 2010

Я создаю свой первый сайт WordPress для клиента. Я действительно хочу использовать LESS для CSS и нашел плагин WP с именем WP-LESS .

Теперь я новичок в WordPress, но похоже, что этот плагин требует от меня использования функции с именем wp_enqueue_style () , чтобы сказать WordPress для обработки файла .less.

Я не могу понять, где я использую эту функцию. Я посмотрел в своем файле header.php в каталоге моей темы, и я вижу это. 

<link rel="stylesheet" type="text/css" media="all"
  href="<?php bloginfo( 'stylesheet_url' ); ?>" />

Должен ли я заменить этот код чем-то вроде этого? 

<?php wp_enqueue_style('mytheme',
  get_bloginfo('template_directory').'/style.less',
  array('blueprint'), '', 'screen, projection'); ?>

Ответы [ 4 ]

25 голосов
/ 13 августа 2010

Не совсем, но почти.Что вы хотите сделать, это поместить в functions.php функцию, которая ставит в очередь ваш сценарий.

Итак: 

function addMyScript() {
    wp_enqueue_style('mytheme', get_bloginfo('template_directory').'/style.less', array('blueprint'), '', 'screen, projection');
}
add_action('wp_head', 'addMyScript');

Затем убедитесь, что в вашем файле header.php есть do_action('wp_head'); иэто должно работать просто отлично.

23 голосов
/ 11 августа 2011

Использование wp_enqueue_style внутри темы или плагина: 

wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a parent theme
wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a child theme
wp_enqueue_style( 'my-style', plugins_url( '/css/my-style.css', __FILE__ ), false, '1.0', 'all' ); // Inside a plugin
4 голосов
/ 20 июля 2012

Я сам столкнулся с этой проблемой, и совет Э.А.Манна почти сработал. Это может быть версия WordPress (3.4), хотя я не являюсь разработчиком php, поэтому я не уверен, но мне нужно это ниже функции вместо того, что было предоставлено: 

add_action('wp', 'useLess');
3 голосов
/ 15 апреля 2016

Добавьте ниже функцию в вашей теме function.php, и вы получите стиль и скрипт. 

<?php
if ( ! function_exists( 'add_script_style' ) ) {
    function add_script_style() {
        /* Register & Enqueue Styles. */

        wp_register_style( 'my-style', get_template_directory_uri().'/css/my-style.css' );
        wp_enqueue_style( 'my-style' );

        /* Register & Enqueue scripts. */

        wp_register_script( 'my-script', get_template_directory_uri().'/js/my-script.js' );
        wp_enqueue_script( 'my-script');
    }
}
add_action( 'wp_enqueue_scripts', 'add_script_style', 10 );
?>
...