워드프레스 스타일시트를 주문하시겠습니까?

워드프레스 스타일시트를 주문하시겠습니까?

플러그인 css가 내 테마를 방해하고 있기 때문에 마지막으로 로드해야 하는 스타일시트가 있는 워드프레스 테마를 가지고 있습니다.주제에서 메인 스타일시트를 마지막으로 로드할 수 있는 기능이 있는지 궁금합니다.

스타일시트를 큐잉할 때는 높은 우선순위를 사용합니다.예:

add_action( 'wp_enqueue_scripts', array(&$this, 'theme_styles'), 99 );

일부 플러그인이 'wp_print_styles'에 후크가 있는 경우 대신 사용해야 합니다. wp_print_styles는 'wp_enqueue_scripts' 뒤에 작성됩니다.

또한 테마를 완전히 제어할 수 있기 때문에 header.php에 직접 스타일을 포함할 수도 있습니다.행동에 번거로운 작업이 필요 없는 경우...

wp_print_styles더 잘 작동합니다.콜에 priority를 추가합니다(예:99 ） 。

function load_css() {
        wp_enqueue_style( 'homepage-css', get_stylesheet_directory_uri() . '/css/homepage-css.css', array(), 0.256, 'all');
}
add_action( 'wp_print_styles', 'load_css', 99 );

언제든지 사용할 수 있습니다.!important다른 규칙을 덮어쓰지만 다음 방법을 사용하여 플러그인 스타일시트를 올바르게 삽입할 것을 권장합니다.우선 순위 번호를 추가하면 나중에 렌더링할 수 있습니다.

헤더 태그 내의 모든 스크립트를 로드하기 전에 스타일시트를 로드해야 합니다.

wp_enqueue_style과 wp_enqueue_script를 사용하는 경우 스크립트 및 워드프레스에 앞서 항상 스타일시트를 로드해야 합니다.

예를 들어, 기능에서.php 사용해야 합니다.

add_action('wp_enqueue_scripts', function(){
    wp_enqueue_style('main-style','http://yoursite.com/styles/main.css');
}, 99);

다음으로 Wordpress는 헤더에 main.css를 배치하고 priority를 99로 지정하면 나머지 함수보다 나중에 추가됩니다(기본적으로 이 함수의 priority는 10).

헤더 파일에 wp_head()가 있는지 확인합니다.

안부 전해요

다른 클래스를 덮어쓸 css 끝에 !important를 추가할 수 있습니다.

예:

h1 {
color:red !important;
}

언급URL : https://stackoverflow.com/questions/7896536/ordering-wordpress-stylesheets