Как насчет настройки темы Live WordPress в режиме реального времени? Что ж, CSSHero — это плагин для простого внесения изменений.

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

В этом посте мы подробно обсудим новый плагин CSSHero . Но прежде чем мы начнем, давайте сосредоточимся на these questions .

• Как make live changes на ваш сайт WordPress?
• Тема меняется в реальном времени?
• Есть ли простой способ узнать количество свойств CSS для темы WordPress?
• Редактируйте свой блог WordPress с предварительным просмотром в реальном времени
• Настройка тем WordPress до того, как они будут запущены

Если у вас есть какие-либо из вышеперечисленных вопросов, то вы находитесь в правильном месте.

Если вы хотите вносить живые изменения самостоятельно without any help плагина, вам нужно заранее знать почти ~300 of CSS properties . Их невозможно изменить, чтобы увидеть реальные изменения в режиме живой темы. Настройщик WordPress позволяет customizer некоторые свойства, но не все, и это настоящая проблема.

Я бы сказал, что у нас есть ДВА варианта:

Вариант 1) Вручную выполнить изменения CSS

• Откройте свой блог в Chrome/Mozilla
• Щелкните правой кнопкой мыши элементы CSS, такие как заголовок, сообщение, изображение и т. д.
• Нажмите Inspect », чтобы увидеть свойства CSS.
• Внесите изменения, чтобы увидеть эффект
• Как только вы закончите, перейдите в файл style.css темы и сохраните изменения.
• Повторите процесс несколько раз

Вариант-2) Использовать плагин со встроенным функционалом, в нашем случае это CSSHero

• Вносите изменения на live site с помощью редактора
• Посмотреть живой результат
• Нажмите кнопку Save button и все done

CSSHero в сотрудничестве с Crunchify раздает 10 free Licenses читателям Crunchify. Заполнить эта гугл форма чтобы ваше имя было в списке. - Раздача ЗАВЕРШЕНА

Давайте установим CSSHero и внесем живые изменения в тему WordPress.

NOTE . Ознакомьтесь с полным видео внизу этого поста.

Шаг 1

Почему CSSHero? CSSHero — это плагин WordPress premium -класса. Базовая лицензия начинается с $29/site . Я бы сказал – если вы новичок или профессионал, стоит попробовать. Он поставляется с 30 days гарантией возврата денег.

Используйте код CRUNCHIFY , чтобы получить скидку 34% off на Стартовый и Персональный планы и 40% off на план Pro.

Зарегистрируйте свою лицензию и загрузите последнюю версию CSSHero plugin со своей панели инструментов: http://www.csshero.org/

Шаг 2

• Установите его из панели администратора WordPress и активируйте.
• При активации запросит Key
• Просто нажмите Get my Key Now! кнопка и откроется страница с лицензионным ключом
• Нажмите Get License », и все готово.

Пункт-1) Начнем с функциональности

• Теперь перейдите на home page своего блога, и вы увидите анимированную кнопку CSSHero в top right верхнем углу.
• Нажмите на нее, и плагин загрузит control panel которая работает с вашей темой.

Взгляните на гифку ниже со всеми CSSHero options :

Пункт 2) Опция редактора темы CSSHero

Идея theme editor состоит в том, чтобы изменить весь theme's style с помощью простого визуального редактора. С помощью редактора темы CSSHero вы можете изменить

• Текст заголовка
• шрифт
• граница
• стили и т.д.

То же самое относится к

• содержание тела
• въездной пост
• мета значения
• значения заголовка
• нижний колонтитул
• боковая панель и т. д. Взгляните на GIF ниже.

Пункт 3) Удобные варианты макета устройства в один клик

Как вы видите на изображении ниже, редактор тем дает нам возможность проверить количество различных Layouts вашей темы для мобильных устройств, iPhone и iPad, просто наведя указатель мыши и один раз щелкнув.

Пункт-4) Как отменить последние изменения?

У пользователя есть возможность отменить все последние изменения, используя простой модуль Change history . Бьюсь об заклад, ни один из разработчиков не делает все правильно с первой попытки, по крайней мере, я :). Это очень удобно для меня.

CSSHero также предоставляет очень удобный модуль, который показывает all of your save changes . Вы можете вернуться на timeline и вернуться к предыдущей версии. Разве это не удобный инструмент? Я использовал этот инструмент до сих пор несколько разных раз и люблю его.

Пункт 5) Параметры настроек и инструментов

Preset Settings и параметры Tools Options .

Взгляните на снятое нами подробное видео, в котором показаны все функциональные возможности CSSHero WordPress Custom CSS Editor.

Подробное видео на ютубе:

Теперь, когда вы увидели все функции, пришло время задать вопросы ниже :).

Пункт 6) Этот плагин работает с моей темой?

Согласно информации с официального сайта CSSHero, плагин работает со всеми фреймворками тем WordPress.

• Генезис Фреймворк
• GeneratePress
• СлоиWP
• Ультиматум Тема
• Всего
• Предварительно
• WP Bootstrap
• Тематический
• Обязательно+Фундамент
• Омега
• Страницы DMS

Если ваша тема isn't compatible с CSSHero, no worries . Он покажет вам возможность включить Rocket mode .

Message : Встроенная поддержка этой темы отсутствует. Хотите попробовать автоматическое определение ракетного режима? Просто enable it и попробуйте CSS again и вы должны увидеть те же параметры, что и в видео выше.

Пункт 7) Как насчет поддержки плагинов и документации?

Некоторые популярные плагины WordPress, такие как Gravity Forms, WooCommerce, Contact Form7, WP Pools и другие, совместимы с фреймворком CSSHero.

Это означает, что CSSHero работает не только с theme customization , но и с plugin layout customization .

И последнее, но не менее важное: на официальном сайте есть ряд подробных статей с tips and tricks , которые вы можете прочитать.

Only Cons , о которых я мог подумать, - это ознакомиться со всеми функциями. Вам может потребоваться некоторое время, чтобы начать и стать профессионалом. Как только вы познакомитесь с CSSHero, я уверен, что это будет very handy solution для всех WordPress-блогеров.

Свяжитесь с нами, если у вас есть продукт, плагин, тема и т. д., которые, по вашему мнению, вы хотите продвигать.

Вот эксклюзивные предложения Crunchify для CSSHero:

Привет, читатели Crunchify —

Мы рады объявить о скидке up-to 40% off на плагин настройки CSSHero WordPress Theme.

Пожалуйста, ознакомьтесь с приведенными ниже шагами.

Шаг 1

• Перейти на сайт CSSHero: https://www.csshero.org/
• Нажмите на ссылку Pricing Plans

Шаг 2

• Нажмите на кнопку I have a coupon code

Шаг 3

• Введите код купона: CRUNCHIFY

Шаг-4

• Нажмите кнопку «Погасить», чтобы получить скидку 34% off на Стартовый и Персональный план.
• Получите скидку 40% off на план Pro

Список всех сделок: https://crunchify.com/deals/