WordPress 테마에서 wp_enqueue_style()을 사용하는 방법

WordPress 테마에서 wp_enqueue_style()을 사용하는 방법

고객을 위한 첫 WordPress 사이트를 구축하고 있습니다.저는 CSS에 LESS를 꼭 사용하고 싶었고 WP-LES라는 WP 플러그인을 찾았습니다.

저는 WordPress newb입니다만, 이 플러그인은 wp_enqueue_style()이라는 함수를 사용하여 WordPress에게 .less 파일을 처리하도록 지시해야 하는 것 같습니다.

이 기능을 어디에 써야 할지 모르겠어요.머리글을 살펴봤어요.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'); ?>

테마 또는 플러그인 내부에서의 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

꼭 그렇진 않지만, 거의요.원하는 것은 에 함수를 배치하는 것입니다.functions.php큐에 넣을 수 있습니다.

그래서:

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정상적으로 동작할 것입니다.

당신의 테마 함수에 아래 함수를 추가하세요.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 );
?>

이 문제에 직접 부딪혔는데, EAMann의 조언이 거의 먹혀들었어요.WordPress(3.4) 버전일 수도 있지만, 저는 php 개발자가 아니기 때문에 잘 모르겠습니다만, 제공된 기능 대신 아래 함수에서 이것이 필요했습니다.

add_action('wp', 'useLess');

적절한 시간에 엔큐가 완료되었는지 확인하려면add_action().

그래서 다음과 같이 됩니다.functions.php:

add_action( 'wp_enqueue_scripts', function() {
  wp_enqueue_style('main-style', get_template_directory_uri() . '/style.less');
});

꼭 챙겨주세요.<?php wp_head(); ?>어디선가header.php.

함수에 이름을 붙일 필요는 없습니다.이름의 충돌이나 오타만 발생할 수 있습니다.익명의 함수를 사용하는 것이 좋습니다.

마지막 코멘트:를 컴파일 하는 것은 어떨까요?.less개발 환경에서 파일을 저장하고 그 결과를 배포합니다..css파일(최소화 또는 기타)

이 코드를 올바르게 입력하면 이 함수가 index.php 파일 wp_head(); & wp_footer()에 존재하는지 여부를 확인해야 합니다.존재하지 않으면 인덱스 파일에 이 함수를 추가해야 합니다.이 wp_head()를 Haed 태그 앞에 추가하고 다른 하나를 body 태그 앞에 추가해야 합니다.

함수 load_style() {

wp_register_style('my_style', get_directory_uri)'/css/my_style.css';
wp_enqueue_style('my_style');
}
// 스타일시트를 등록합니다.
add_action('wp_enqueue_syslog', 'load_style');

상세한 것에 대하여는

언급URL : https://stackoverflow.com/questions/3472087/how-to-use-wp-enqueue-style-in-my-wordpress-theme