Дайте этому БЕСПЛАТНОМУ плагину WordPress максимум 90 дней, и он увеличит ваш доход, как НИКОГДА РАНЬШЕ!

Забудьте обо всех ваших текущих маркетинговых стратегиях (email-маркетинг, гостевые публикации, баннеры, обзоры и т. д.) — они уже устарели. Brouavo — это революционный инструмент, который преобразует 30% вашего «спящего» трафика в гарантированный источник дохода. Это идеальный инструмент для продвижения ваших партнёрских программ или продажи ваших собственных продуктов.

В зависимости от вашей производительности мы также предлагаем вам профессиональную лицензию на плагины WordPress, такие как: Elementor Pro, TranslatePress, Divi Builder & Ai, All In One SEO Pro, платные подписки для участников

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

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

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

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

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

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

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

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

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

Знания в области кодирования не требуются. Однако в плагине WordPress есть хороший редактор CSS для тех, кто любит кодировать. Вы можете писать код в реальном времени с помощью этого редактора и настраивать свой CSS.

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

2. Easy Custom JS и CSS 

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

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

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

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

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

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

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

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

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

4. Advanced CSS Editor

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

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

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

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

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

5. SiteOrigin CSS

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

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

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

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

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

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

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

Заключение

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

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

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

... 

аватар автора
Блэр Jersyer
Разработчик WordPress, увлеченный всем, что касается новых технологических тенденций. Авторы плагинов, тем WordPress и других веб-приложений. Автор на BlogPasCher.com.

Pin It на Pinterest