Как насчет настройки Live WordPress Theme в реальном времени? Ну, 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 Хрустеть читателями. Заполнить эта форма Google чтобы получить ваше имя в списке. — Дешевая распродажа закончилась

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

NOTE : Оформить заказ Видео в нижней части этого поста.

Шаг 1

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

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

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

Шаг 2

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

Пункт 1) Давайте начнем с функциональности

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

Посмотрите на GIF ниже со всеми CSSHero options :

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

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

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

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

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

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

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

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

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

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

Точка-5) Настройки и Инструменты Опции

Preset Settings а также Tools Options ,

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

Подробное видео с Youtube:

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

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

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

• Genesis Framework
• GeneratePress
• LayersWP
• Тема ультиматума
• Всего
• Искренние
• WP Bootstrap
• тематическая
• Требуемый + Foundation
• Омега
• Pagelines DMS

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

Message : Родной поддержки этой темы нет. Хотите попробовать Автоопределение Rocket Mode? Просто 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 Тема плагин настройки.

Пожалуйста, взгляните на следующие шаги

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

• Нажмите на кнопку Redeem, чтобы получить 34% off на стартовом и личном плане
• Получить 40% off на про план

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