Simple Custom CSS

Описание

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

** New in Version 4.0.2 **
— Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
— Tested for WP version 5.1.1
— Tested for PHP version 7.2

Возможности

  • Контроль редактора
  • Полезная подсветка синтаксиса кода
  • Code linting (error checking)
  • Нет нужды в конфигурациях
  • Простой интерфейс построенный на WordPress UI
  • Практически не влияет на производительность сайта
  • Нет сложных запросов к базе данных
  • Подробная документация
  • 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 сервис валидации.

Отзывы

Awesome

Clean and simple as a Custom CSS plugin is supposed to be. Tired of all the silly un-needed bells and whistles getting added to CSS plugins. If you could move it out of the Appearance sub nav group and into its own link in the dashboard nav so I can go right to it while editing, I'll change this to 5 stars in a heartbeat!

It works!

The add-on works immediately after installation. That's what I expected
Посмотреть все 144 отзыва

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

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

Участники

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

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

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

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

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

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