Простой пользовательский CSS

Описание

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

** Новое в версии 4.0.4 **
— Протестировано для версии WP 5.4.1

• Управление настройщиками (предварительный просмотр в реальном времени)
• Полезная подсветка синтаксиса кода
• Линтинг кода (проверка ошибок)
• Конфигурация не требуется
• Простой интерфейс на основе собственного пользовательского интерфейса WordPress
• Использует собственный WP CodeMirror на странице настроек (не загружает ненужные скрипты).
• Поддерживает PHP 7.2
• Отсутствие сложных запросов к базе данных
• Подробная документация
• Разрешает доступ администратору к сетям WP (мультисайты)

Скриншоты

Установить ция

Установите простой настраиваемый CSS так же, как и любой другой плагин WP:

1. Загрузите простой настраиваемый CSS с WordPress.org .

2. Разархивируйте файл .zip.

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

4. Перейдите в панель администратора плагинов и найдите недавно загруженный плагин «Simple Custom CSS» в список.

5. Нажмите «Активировать плагин», чтобы активировать его.

6. Начните использовать плагин выбрав Внешний вид> Пользовательский CSS в меню администратора или Внешний вид> Настроить, затем щелкните раздел «Простой пользовательский CSS».

Дополнительная помощь по установке подключаемых модулей

FAQ

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

Извините, этот плагин доступен для использования только на собственных веб-сайтах (WordPress.org).

Мой собственный CSS не отображается

Это может произойти по нескольким причинам ng:

• Ваш CSS нацелен на неправильный селектор.

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

Например, у вас может быть:

  a {color: # f00  ;}  

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

   # content a {color: # f00;}  

Необходимая вам специфика зависит от правил CSS, которые вы пытаетесь переопределить.

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

Проверьте свой CSS в Службе проверки CSS W3C.

Обзоры

Прочитать все 151 отзыв

Авторы и разработчики

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

4.0.3

• Протестировано на совместимость с WP версии 5.3

4.0.2

• Использовать WP CodeMirror на странице настроек
• Протестировано на совместимость с WP версии 5.1.1
• Протестировано на совместимость с PHP версии 7.2

4.0.1

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

4.0

• Новый элемент управления настройщиками (все еще совместим со старыми версиями WP)
• Добавлены цвета и линтинг на страницу настроек.
• Обновлены хуки для замены дефисов на подчеркивания.
• Протестировано на соответствие 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

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

2.5

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

2.0

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

1.2.1

• Протестировано на совместимость с WP 3.7.1.
• Обновление кода для полного соответствия стандартам кодирования WP

1.2

• Предоставьте администраторам (не только суперадминистраторам) доступ к плагину.
• Исправление ошибки кредита
• Незначительные исправления

1.1.1

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

1.1

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

Вместо использования print_scripts () для вставки CSS непосредственно в HEAD, CSS стили создаются в simple-custom-css. php, затем добавлен через wp_enqueue_scripts, поэтому теперь он будет отображаться в HEAD как:

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

1.0

• Первоначальный выпуск

Описание

WP Add Custom CSS позволяет вам добавить собственный CSS на весь веб-сайт и в отдельные сообщения, страницы и настраиваемые типы сообщений (например, продукты Woocommerce ).
Правила CSS, применяемые ко всему веб-сайту, переопределят таблицы стилей по умолчанию для вашей темы и плагины, в то время как правила CSS, применяемые к определенным страницам, сообщениям или пользовательским типам сообщений, также переопределяют основную таблицу стилей.

Вы можете редактировать основную таблицу стилей на странице настроек «Добавить собственный CSS».
Плагин также создает новое поле «Пользовательский CSS» в области редактирования, чтобы добавить настраиваемый CSS для определенных сообщений, страниц и настраиваемых типов сообщений .

Скриншоты

Установка

Автоматическая установка

1. Перейдите в Плагины> Добавить новый> Загрузить и выберите .zip со своего жесткого диска.
2. Нажмите «Установить сейчас», но ton
3. Активируйте плагин через меню «Плагины» в WordPress

Ручная установка

1. Загрузите папку плагина в каталог /wp-content/plugins/ через ftp
2. Активируйте плагин через меню «Плагины» в WordPress

FAQ

Как применить собственный CSS ко всему сайту?

После того, как плагин будет установлен и активирован, на панели управления перейдите к «Добавить пользовательский CSS» и напишите правила CSS в текстовой области..

Как применить собственный CSS к определенному сообщению или странице?

Один раз плагин установлен и активирован, вы найдете новое поле под названием «Пользовательский CSS» в области редактирования публикации/страницы.

Как применить пользовательский CSS к определенному настраиваемому типу сообщений?

После установки и активации плагина на панели инструментов перейдите к «Добавить настраиваемый CSS», отметьте желаемые настраиваемые типы сообщений и сохраните. Вы найдете новое поле под названием «Пользовательский CSS» в области редактирования пользовательского типа сообщения.

Поле «Пользовательский CSS» не отображается, почему?

Щелкните ссылку «Параметры экрана» в области редактирования публикации/страницы и убедитесь, что установлен флажок «Пользовательский CSS».

Обзор

Прочитать все 80 отзывов

Соавторы и разработчики

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

1.1.6

• Обновленный редактор кода
• Добавлен перенос текста в редактор кода.
• Исправлены проблемы совместимости с WPBakery Frontend Editor

1.1.5

• Изменен редактор кода по умолчанию
• Расширенный редактор кода теперь изменяемый размер
• Исправлено направление текстового поля для языков RTL

1.1.4

• Исправлена ​​проблема совместимости с календарем событий

1.1.3

• Исправлены проблемы совместимости с WordPress 5.
• Исправлен Гутенберг проблемы совместимости
• Обновленный метод удаления
• Незначительные улучшения

1.1.2

• Исправлены проблемы совместимости с CodeMirror

1.1.1

• Исправлен перехватчик удаления

1.1.0

• Добавлен текстовый редактор CodeMirror

1.0.1

• Исправлены проблемы с ssl на некоторых конфигурациях сервера

1.0.0

• Добавлена ​​поддержка пользовательских типов сообщений

0.9.7

• Исправлена ​​небольшая ошибка

0.9.6

• Исправлена ​​ошибка WPML

0.9.5

• Улучшен вывод css для отдельных сообщений и страниц

0.9.4

• Fixed> проблема рендеринга

0.9.3

• Исправлена ​​небольшая ошибка

0.9. 2

• Исправлена ​​незначительная ошибка
• Незначительные изменения макета

0.9.1

• Исправлена ​​проблема отображения двойных кавычек.

0.9

• Первый выпуск