Заказ стилей Wordpress?

У меня есть тема wordpress с таблицей стилей, которая должна быть загружена последней, поскольку плагин css мешает моей теме. Мне было интересно, есть ли какая-то функция, которую я мог бы использовать, чтобы основная загрузка стилей была последней в моей теме.

Ответ 1

когда вы ставите в очередь ваши таблицы стилей, используйте более высокий приоритет, например:

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

Если у некоторых плагинов есть привязки на "wp_print_styles", вы должны использовать его вместо этого, поскольку "wp_print_styles" будет записан после "wp_enqueue_scripts", iirc.

И поскольку у вас есть полный контроль над своей темой, вы также можете включить свои стили непосредственно в header.php, если хлопот с действиями не стоит времени...

Ответ 2

wp_print_styles работает лучше. просто добавьте приоритет к вызову, например 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 );

Ответ 3

Вы можете всегда использовать !important для переопределения других правил, но я также рекомендую также убедиться, что таблицы стилей плагина вставляются правильно, используя следующий метод. Добавив номер приоритета, вы можете отобразить их позже.

Убедитесь, что ваши таблицы стилей загружаются до всех ваших скриптов внутри тега вашего заголовка.

Вам всегда нужно загружать таблицы стилей перед сценариями, и Wordpress позаботится об этом, если вы используете wp_enqueue_style и wp_enqueue_script

Например, в вашем functions.php вы должны использовать

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

Wordpress помещает main.css в ваш заголовок и дает 99 приоритет означает, что он добавит его позже остальных (по умолчанию приоритет этой функции он 10)

Убедитесь, что вы получили wp_head() в своем файле заголовка.

Привет

Ответ 4

Вы можете добавить '! important' в конец css, который вы хотите переопределить для других классов

Пример:

h1 {
color:red !important;
}