Скачать

Simple Custom CSS

Автор: John Regan, Danny Van Kooten

Описание

Легкий в использовании 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

Возможности

  • Customizer Control (live preview)
  • Полезная подсветка синтаксиса кода
  • Code linting (error checking)
  • Нет нужды в конфигурациях
  • Simple interface built on native 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 сервис валидации.

Отзывы

I put this on every WP site

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.

This plugin will slow down your site. Delete it and use the default CSS editor

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.

Go-To Plugin for all my sites

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.

Awesome

02.05.2019
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!

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

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

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

Участники

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

Перевести «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

Мета

Оценки

Посмотреть все
Войдите, чтобы оставить отзыв.

Поддержка

Решено проблем за последние 2 месяца:

0 из 3

Перейти в форум поддержки

Пожертвование

Would you like to support the advancement of this plugin?

Пожертвовать на развитие плагина