Лучший способ CSS виджет WP, чтобы сохранить стиль под любой темой

Question

Я собираюсь сделать плагин для виджета WP и хочу сделать его независимым от темы.

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

Какой лучший метод CSS для этого?Должен ли я использовать стиль на основе идентификатора виджета (#) или его класса (.)?

Answer 1

Маловероятно, что кто-то перезапишет ваш стиль, если вы определите контейнер с идентификатором, и все ваши объявления стиля будут использовать этот идентификатор в селекторе.

#MyWidget p {
    color: #ffcc00;
}

#MyWidget p a {
    text-decoration: none;
}

Чем конкретнее ваши селекторы, тем больше приоритетони имеют.

Answer 2

при запуске функции wp_head () , используйте ее для включения таблицы стилей в ваш файл CSS ..

function wp_mywidget_css() {

    $siteurl = get_option('siteurl');
    $url = $siteurl . '/wp-content/plugins/' . basename(dirname(__FILE__)) . '/styles.css';

    echo "\n\n<!-- your plugin css styles -->\n";
    echo "<link rel='stylesheet' type='text/css' href='$url'>\n";
    echo "<!-- /your plugin css styles -->\n\n";
} 
add_action('wp_head', 'wp_mywidget_css');

поместите файл с именем 'styles.css' в папку вашего плагина, в который будет входить код из поста выше, это должно остановить любую тему, мешающую вашим стилям, просто назовите стили вашего виджета чем-то уникальным ...