Đặt hàng bảng định kiểu Wordpress?

Question

Tôi có một chủ đề wordpress với biểu định kiểu cần được tải cuối cùng, vì plugin css đang can thiệp vào chủ đề của tôi. Tôi đã tự hỏi nếu có một số loại chức năng tôi có thể sử dụng để làm cho bản định kiểu chính tải cuối cùng trong chủ đề của tôi.

Answer 1

Bạn có thể thêm vào phần cuối của css bạn muốn ghi đè các lớp khác

dụ 'quan trọng!':

h1 { 
color:red !important; 
} 

Answer 2

Bạn luôn có thể sử dụng !important để ghi đè quy tắc khác, nhưng tôi khuyên bạn nên cũng phải chắc chắn rằng các bảng định kiểu plugin được chèn đúng cách bằng cách sử dụng phương pháp sau. Bằng cách thêm số ưu tiên bạn có thể hiển thị chúng sau này.

Đảm bảo bảng định kiểu của bạn đang tải trước tất cả tập lệnh bên trong thẻ tiêu đề của bạn.

Bạn luôn cần phải tải stylesheets trước kịch bản và wordpress chăm sóc đó nếu bạn sử dụng wp_enqueue_style và wp_enqueue_script

Ví dụ trong functions.php của bạn, bạn nên sử dụng

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

Wordpress sau đó sẽ đặt main.css trong tiêu đề của bạn và đưa ra ưu tiên 99 có nghĩa là nó sẽ thêm nó sau phần còn lại (theo mặc định mức độ ưu tiên của hàm này là 10)

Đảm bảo bạn có tệp wp_head() trong tệp tiêu đề của mình.

Trân

Answer 3

khi bạn enqueue stylesheets của bạn, sử dụng một ưu tiên cao hơn, ví dụ:

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

Nếu một số plugin có móc vào 'wp_print_styles', sau đó bạn phải sử dụng nó thay vào đó, là 'wp_print_styles 'sẽ được viết sau' wp_enqueue_scripts ', iirc.

Và như bạn có toàn quyền điều khiển chủ đề của bạn, bạn cũng có thể bao gồm phong cách của bạn trực tiếp vào header.php, nếu những rắc rối với những hành động không phải là giá trị thời gian ...

Answer 4

wp_print_styles hoạt động tốt hơn. chỉ cần thêm một ưu tiên cho các cuộc gọi, ví dụ 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);