Заказываете стили Wordpress?

Question

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

Answer 1

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

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

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

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

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

Answer 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 ().

Привет

Answer 4

Вы можете добавить «важное» в конец CSS, чтобы переопределить другие классы

пример:

h1 {
color:red !important;
}