Simple Custom CSS

Описание

Легкий в использовании WordPress плагин, который позволяет добавить произвольные стили CSS, которые могут перезаписывать стили плагинов и тем. Этот плагин создан, чтобы удовлетворить нужды администраторов, которые бы хотели добавить свои собственные стили CSS на их WordPress сайт. Стили, добавленные через этот плагин, будут работать даже если тема изменена.

** New in Version 4.0.4 **
— Tested for WP version 5.4.1

Возможности

  • Customizer Control (live preview)
  • Полезная подсветка синтаксиса кода
  • Code linting (error checking)
  • Нет нужды в конфигурациях
  • Simple interface built on native WordPress UI
  • Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
  • Supports PHP 7.2
  • Нет сложных запросов к базе данных
  • Подробная документация
  • Allows Administrator access on WP Networks (Multisite)

Скриншоты

  • The Simple Custom CSS в админ-панели

  • Контроль редактора Simple Custom CSS

Установка

Установите Simple Custom CSS как и любой другой плагин WP:

  1. Download Simple Custom CSS from WordPress.org.

  2. Распакуйте .zip файл.

  3. Загрузите папку плагина (simple-custom-css/) в wp-content/plugins folder.

  4. Go to Plugins Admin Panel and find the newly uploaded Plugin, «Simple Custom CSS» in the list.

  5. Нажмите «Активировать» для активации плагина.

  6. Начните использовать плагин перейдя во Внешний вид > Custom CSS в панели администратора; либо Внешний вид > Настроить, затем кликните на «Simple Custom CSS».

More help installing Plugins

Часто задаваемые вопросы

Будет ли этот плагин работать на WordPress.com сайтах?

Нам жаль, этот плагин доступен для использования только на self-hosted (WordPress.org) сайтах.

Мои CSS стили не показываются

Есть несколько причин почему это может происходить:

  • Ваш CSS-селектор указывает не на тот элемент.

  • Ваши CSS-селекторы недостаточно конкретны.

Например, вы хотите:

a {
    color: #f00;
}

Когда вам нужно:

\#content a {
    color: #f00;
}

Специфичность, в которой вы нуждаетесь, зависит от правил CSS, которые вы пытаетесь переопределить.

  • Ваш CSS невалиден.

Пожалуйста, проверьте свой CSS в W3C CSS сервис валидации.

Отзывы

17.05.2020
با این افزونه به راحتی می‌توانید هر استایلی که می‌خواهید را به سایتتان اضافه کنید. به شدت توصیه می‌کنم استفاده کنید.
07.05.2020
Hola, Gracias por este plugin. Está GENIAL. Muy bueno al menos para lo que yo lo uso, que es bastante simple. De momento, no me ha dado problemas ni conflitos. No soy experto en CSS, pero este plugin me funciona. Espero siga mejorando. Yoe
19.02.2020
Indispensable. I can add custom css from the WP root admin panel. But memo to the developers: you mark mediaqueries with red x's. This doesn't affect performance, but please, it's long past time to fix this.
21.06.2019
Warning to any one using this plugin: This plugin has been around for years at yet still loads CSS in the most inefficient way, serving the CSS using a dynamic non-cacheable request on every page. This will not only affect the first page visited but will delay the render of every subsequent page visited. My advice would be to remove this plugin and use the default WordPress CSS editor, under the appearance > customize tab. There's simply no reason to use this plugin.
28.05.2019
Simple, lightweight and perfect. It's the first plugin I add to all my sites. Has a decent sized viewer, unlike the css option in customizer that comes with some themes. Zero problems with this plugin.
Посмотреть все 150 отзывов

Участники и разработчики

«Simple Custom CSS» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Simple Custom CSS» переведён на 27 языков. Благодарим переводчиков за их работу.

Перевести «Simple Custom CSS» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

4.0.3

  • Tested for compatibility with WP version 5.3

4.0.2

  • Use WP’s CodeMirror on settings page
  • Tested for compatibility with WP version 5.1.1
  • Tested for compatibility with PHP version 7.2

4.0.1

  • Исправлен баг со сломанными стилями редактора на старых версиях WP.

4.0

  • Новый контроль редактора (все еще совместимо со старыми версиями WP)
  • Добавлены подсветка и linting кода (проверка ошибок) для страницы настроек
  • Обновлены хуки для замены дефисов нижним подчеркиванием
  • Протестировано на соблюдение WPCS
  • Протестировано на совместимость с версией WP 4.9.4

3.3

  • Добавлена поддержка для https://
  • Добавлена базовая поддержка датского языка. Спасибо @ThomasDK81!
  • Протестировано на совместимость с WP версией 4.4.1

3.2

  • Протестировано на совместимость на WP 4.1
  • Улучшенная архитектура для уменьшения количества запросов (Спасибо, @dvankooten!)

3.0.1

  • Протестировано на совместимость на WP 3.9.1
  • Добавлена кнопка «Обновить стили CSS»

3.0

  • Добавлена подсветка синтаксиса
  • Удалена необходимость в чекбоксе «Разрешить кавычки»
  • Удален текст атрибуции плагина
  • Администраторам на мультисайтах разрешен доступ к плагину
  • Небольшое изменение стиля. Спасибо @kucrut!

2.5

  • Исправлены ошибки с установкой WP в субдерикториях. Спасибо @lopo!
  • Протестировано на совместимость на WP 3.8.1

2.0

  • Добавлена опция, позволяющая двойные кавычки в CSS
  • Протестировано на совместимость на WP 3.8

1.2.1

  • Протестировано на совместимость на WP 3.7.1
  • Code update to conform fully with WP coding standards

1.2

  • Дает Администраторам (не Супер-Администраторам) доступ к плагину
  • Исправление ошибки Credit
  • Исправления небольших багов

1.1.1

  • Разрешен прямой дочерний селектор «>».

1.1

  • Добавлен ненужный скрытый input
  • Добавлены хуки
  • Добавлена очистка при удалении
  • Добавлена опция атрибуции автора
  • Добавлен более элегантный метод добавления CSS на страницу:

Instead of using print_scripts() to insert the CSS directly into the HEAD, CSS styles are generated within simple-custom-css.php, then added via wp_enqueue_scripts, so now it will appear in the HEAD as:

    <link rel="stylesheet" href="http://yoursite.com/?sccss=1" />

… даже несмотря на то, что файл css не создается. Для получения более подробной информации см. комментарии в файле плагина.

1.0

  • Initial Release