WedX - журнал о программировании и компьютерных науках

Wordpress - поставить стиль в очередь после всех остальных или после определенных стилей

Я пишу плагин для Wordpress, который мне нужен для добавления файлов стилей в очередь перед интерфейсом. Но когда я делаю это, некоторые другие плагины, такие как vs_composer, добавляют свои файлы стилей после моего плагина и переопределяют мои коды. Поэтому я думаю, что есть два варианта выхода из этой ситуации. Во-первых, нужно создать несколько правил CSS !important, что, как мне кажется, не является профессиональным способом. Другой вариант — загрузить CSS-файлы моего плагина после всех остальных; Но возможно ли это? Я предполагаю, что эта цель недостижима при использовании параметра $deps в wp_enqueue_style, поскольку он не загружает файлы, если файлы зависимостей не существуют.

10.04.2020

Ответы:


1

Вы можете поставить свои таблицы стилей в очередь, подключившись к wp_head, который выводит данные в теге head. на переднем конце.

function enqueue_styles() {
  wp_enqueue_style( 'frontend-style', plugin_dir_url( __FILE__ ) . 'styles.css' );
}

add_action( 'wp_head', 'enqueue_styles' ); // default priority: 10

Если вам нужно вывести свои таблицы стилей позже, вы можете понизить приоритет.

Например,

add_action( 'wp_head', 'enqueue_styles', 20 ); 

В качестве альтернативы вы можете изменить свои селекторы, чтобы они были более конкретными, чтобы ваши правила CSS имели приоритет над правилами vs_composer.

div {}
div.my-class {} /* more specific */
body div.my-class {} /* even more specific */

Специфичность – это средство, с помощью которого браузеры решают, какие значения свойств CSS наиболее важны для элемента и, следовательно, будут применяться. […] Специфичность — это вес, который применяется к данному объявлению CSS, определяемый количеством каждого типа селектора в соответствующем селекторе. Когда несколько объявлений имеют одинаковую специфичность, к элементу применяется последнее объявление, найденное в CSS.

источник MDN

10.04.2020
  • Ваше решение не сработает для фанатов копи-прошлого. Исправление add_action( 'wp_head', 'enqueue_styles', 20 ); это wp_head вместо wp-head. 23.10.2020
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]