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

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

Теперь я полный WordPress newb, но похоже, что для этого плагина мне требуется использовать функцию 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'); ?>

Ответы

Ответ 1

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

Итак:

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

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

Ответ 2

Использование 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

Ответ 3

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

add_action('wp', 'useLess');

Ответ 4

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

<?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 );
?>