Лучший способ к плагину сверхъязя CSS?

В настоящее время я использую специфику CSS для переопределения сменных стилей. Я предпочитаю это для редактирования плагина, поскольку это делает меньше головных болей, когда Вы обновляете.

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

36
07.07.2018, 10:49
5 ответов

Как Вы предполагаете, самый изящный подход состоит в том, когда Ваши переопределения CSS загружаются после CSS, введенного плагинами. Этого довольно легко достигнуть - просто необходимо удостовериться что Ваш header.php вызовы wp_head() прежде чем это сошлется на Вашу таблицу стилей:

<head>
    <!-- all the usual preamble stuff goes here -->

    <?php wp_head(); ?>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
</head>
21
19.02.2020, 21:54
  • 1
    И что, если я использую дочернюю тему? Мне не нравится переопределять header.php моей родительской темы. –  Jules 07.11.2012, 12:10

Существует несколько способов, которыми плагины могут обработать CSS.

  • лучший случай: сменные очереди CSS и предоставляет возможность отключать его (отключают его, скопируйте код CSS в свою таблицу стилей и будьте счастливы);
  • хороший случай: плагины сцепляют функцию, которую очереди разрабатывают (отсоедините функцию, сцепите свое собственное с модификациями в случае необходимости);
  • обычный случай: сменные очереди CSS непосредственно. Посмотрите, Как исключить сценарий из очереди? (относится к стилям также). Короткая версия - будет функцией двухсторонней очереди в будущем выпуске WP, на данный момент мог работать вокруг с wp_deregister_*
  • тяжелый случай: плагин повторяет CSS среди набора других вещей. Индивидуальный...

В целом, по-моему, это лучше и легче отключить отдельные таблицы стилей и включить их в Ваше собственное, чтобы минимизировать проблемы и улучшить производительность (меньше файлов для выборки).

19
19.02.2020, 21:54
  • 1
    Как я знал бы, какой это? –  IanEdington 18.11.2015, 02:30
  • 2
    Путем рассмотрения кода главным образом. :) –  Rarst 18.11.2015, 10:36

Я сохраняю копию "не согласного" сменного CSS к папке темы и импортирую его в CSS темы путем добавления

@import url('name-of-the-plugin-css.css');

к нему (замена, конечно, название .css тем я ввожу). Затем я изменяю копию CSS в папке темы и сохраняю ее к серверу, как я делаю для других файлов. О, да, иногда может быть необходимо "закрепить" идентификаторы или классы, измененные путем присвоения им"! важный".

Я не знаю, является ли это состоянием, но оно не причиняет вреда и работает просто великолепно.

1
19.02.2020, 21:54

Другой довольно изящный путь состоит в том, чтобы использовать специфику CSS.

Таким образом, если в CSS плагина говорится:

div.product div.images img {
  ......
}

Вы определяете в своей CSS:

body div.product div.images img {
  ......
}

Также см. ответ Michael Rader для подобного вопроса.

2
19.02.2020, 21:54
  • 1
    Хорошо большое спасибо. Это было бы принятым ответом для меня. Просто используйте общий style.css и работы специфики как сияние! –  Luca Reghellin 18.05.2015, 12:44

Переопределять CSS плагина, который уже использовал специфику и! важный, я использовал идентификатор для переопределения классов. Это действительно очищало мой код немного. Конечно, это также не идеальное решение, в котором это только работает, когда, если существует идентификатор, присвоил элементам, а также классам.

Вы могли также использовать селекторы атрибута в теории. Однако я должен все же поместить ту теорию для тестирования.

0
19.02.2020, 21:54

Теги

Похожие вопросы