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

CSS настройки это функция, предлагаемая несколькими плагинами на WordPress.org, Если вы ищете плагин, который генерирует таблицу стилей (CSS), у вас есть несколько вариантов выбора. Но хотя существует множество плагинов, которые вы можете использовать для создания собственного кода CSS, очень мало вариантов, которые предлагают редактирование кода CSS в реальном времени.

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог в 7 шага et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

1. Желтый карандаш: визуальный редактор стилей CSS

Yellow Pencil - это редактор визуальных стилей, который можно использовать с любой темой, чтобы персонализировать свой веб-сайт за считанные минуты (шрифты, цвета, анимация и многое другое…).Yellowpencil плагин визуального редактора стилей css wordpress

Ce Плагин Wordpress premium создаст стили CSS, фон пока вы играете с цветами, как в игру, она предназначена как для начинающих, так и для опытных пользователей.

Узнайте также наш Плагины 5 WordPress показывать уведомления

Никаких знаний кодирования не требуется. Тем не менее Плагин Wordpress имеет хороший редактор CSS для тех, кто любит программировать. Вы можете создавать код в реальном времени с помощью этого редактора и настраивать свой CSS.

скачать | Демонстрация | веб-хостинг

2. Easy Custom JS и CSS 

Ce Плагин Wordpress premium — это мощный редактор кода CSS и JavaScript, который позволяет добавлять их в любой раздел вашего веб-сайта. Это позволяет вам сохранить ваши настройки даже после серьезного обновления вашего WordPress тема. Простой настраиваемый плагин для дополнительной настройки js и css для wordpress

У вас есть возможность ограничить область использования вашего персонализированного кода. Например, вы можете использовать свой код только для статьи, имеющей видеоформат.

Смотрите наши статьи на Как потребовать принятия условий использования на WordPress

Или вы можете ограничить свой код до WordPress тема специфический; Это удобно, если вы часто меняете темы для своего WordPress блог.

скачать | Демонстрация | веб-хостинг

3. Кастомные JS и CSS для Гутенберга

Премиальный плагин WordPress Custom JS и CSS для Гутенберг позволит вам добавлять неограниченное количество пользовательских стилей в редактор WYSIWYG для ваших сообщений и страниц WordPress. Он полностью совместим с версией WordPress для Гутенберга.

Пользовательские js и css для плагина gutenberg wordpress

Вы можете просто создать новый стиль с помощью простого в использовании редактора CSS. Этот плагин WordPress расширяет возможности настраиваемые поля вашего веб-сайта и дает вам возможность изменять свои настраиваемые поля с помощью динамического и мощного модуля персонализации. и функциональность предварительный просмотр в реальном времени этого плагина WordPress делает его очень удобным и удобным.

скачать | Демонстрация | веб-хостинг

4. Advanced CSS Editor

Этот плагин был разработан компанией ThemeIsle и Wunderkind, производящей WordPress. После установки и активации последнего перейдите в следующее место « Внешний вид> Персонализация Чтобы получить доступ к панели управления и найти «Расширенный редактор CSS» в меню. Он появится в верхней части списка пунктов меню в Customizer. Расширенный редактор css - плагин для wordpress

Чтобы изменить код CSS, все, что вам нужно сделать, это добавить селектор и правило, которое применяется к нему, в текстовое поле, когда вы щелкаете по «меню». Advanced CSS Editor".

Смотрите также Как улучшить страницы плохого качества вашего блога

Правила CSS могут быть написаны для общего применения или для нацеливания определенного элемента на определенные устройства (компьютер, телефон, планшет и т. д.). Как только правила написаны, Настройщик отобразит предварительный просмотр с внесенными изменениями.

скачать | Демонстрация | веб-хостинг

5. SiteOrigin CSS

На сегодняшний день это плагин WordPress, который предлагает наибольшее количество опций в этом списке. В последнем замечательно то, что он бесплатный. Этот плагин WordPress - единственный, который нельзя найти в настройщике.

Siteorigin css - плагин для wordpress

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

Читайте также нашу статью о 10 WordPress плагины для увеличения продаж вашего сайта

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

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

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

Заключение

Вот! Вот и все для этого списка премиальные плагины для WordPress это поможет вам визуально редактировать CSS в вашем блоге. Если у вас есть Комментарии или предложения, не стесняйтесь, дайте нам знать в зарезервированном разделе.

Однако вы также можете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Мы приглашаем вас поделиться в ваших любимых социальных сетях.   

...