Выполнять персонализацию с предварительным просмотром в реальном времени в вашем блоге намного проще и приносит гораздо больше удовлетворения, когда у вас есть возможность видеть различные изменения, как только вы их вносите. Лучший способ внести изменения в реальном времени - это, конечно, использовать плагин.
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.
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Мы также приглашаем вас ознакомиться с указанными ниже ресурсами, чтобы получить дополнительную информацию о вашем веб-сайте и блоге.
- 7 WordPress плагины для оптимизации SEO изображений на вашем сайте
- Как найти спонсора и монетизировать свой блог?
- Как удалить строку v = xxx из URL-адресов WordPress
- Как добавить бесконечную прокрутку в блог WordPress
Заключение
Вот! Вот и все для этого списка премиальные плагины для WordPress это поможет вам визуально редактировать CSS в вашем блоге. Если у вас есть Комментарии или предложения, не стесняйтесь, дайте нам знать в зарезервированном разделе.
Однако вы также можете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Мы приглашаем вас поделиться в ваших любимых социальных сетях.
...
