[appsumo] Microthemer — редактируй стили без знания кода

Скрытый текст. Открывается зарегистрированным пользователям.

​

Настройте все, что вы видите на странице
Интегрируется с основными редакторами Elementor, Bricks Builder, Zion, Beaver Builder, Oxygen и другими. Можно менять стили в 2 клика мыши и создавать прекрасный контент.

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

Настройте все, что вы видите на странице
С помощью функции Microthemer "Укажи и щелкни для редактирования" вы можете изменить стиль абсолютно любой части любой страницы WordPress, от верхнего до нижнего колонтитула. Это включает в себя содержимое сообщений и страниц Гутенберга (или классического редактора), пользовательские сообщения, жестко запрограммированную тему или содержимое плагина, содержимое конструктора страниц - вы называете это. Microthemer легко работает с вашими любимыми инструментами WordPress, предоставляя вам контроль над дизайном на уровне разработчика в несколько кликов.

Самый большой выбор вариантов CSS-стиля
Наслаждайтесь самым большим набором опций CSS-стиля, предоставляемых любым редактором CSS WordPress (более 150). Выбирайте из современных стилей, таких как анимация, переходы, преобразования, фильтры, flexbox и CSS-сетка, до основных элементов веб-дизайна, таких как типография, расположение, интервал, размер и фон. Поля стиля значительно ускорят ваш рабочий процесс без ущерба для какого-либо контроля; вы можете переключаться между полями стиля и редактором кода по своему усмотрению.

Перетаскивание элементов управления сеткой CSS
Сетка CSS решает старые проблемы веб-дизайна с помощью столбцов, которые не выровнены по вертикали, легко адаптируются к различным размерам экрана или разнесены без нежелательного периферийного пространства. Единственным недостатком является крутая кривая обучения. Но визуальные элементы управления перетаскиванием Microthemer привносят мощь CSS grid в массы. Таким образом, вы можете создавать красивые веб-макеты с помощью CSS-сетки за считанные секунды. Это намного проще, чем по-старому, и почти похоже на обман.

Инструменты, такие как блоки Гутенберга и плагины для форм, могут помочь вам создать свой сайт на WordPress, но их жесткие форматы довольно ограничивают. ("Можно сделать по своему, но не увлекайтесь.")
Будь то простое корректирование стиля, которого нет в меню, или изменения на всем сайте, должен быть способ делать больше.
Получите гибкость, необходимую для стилизации любого контента WordPress с инструментом, предоставляющим визуальный интерфейс для профессионального дизайна.
Если вы полагаетесь исключительно на конструкторы страниц для создания сайтов, вы можете почувствовать, что застряли за детским столом, потому что вас защищают от кода.
Но Microthemer показывает вам точно, что он делает, и приглашает начинающих понять CSS и то, как он связан с HTML.
С этим у вас полный контроль над дизайном с возможностью доступа к коду, что позволяет вам перейти от уровня начинающего к профессионалу.
А для опытных пользователей инновационное решение Microthemer по компиляции кода Sass (SCSS) в CSS мгновенно может ускорить ваш рабочий процесс.

​

Быстрый и легкий доступ к шрифтам Google
Экономьте время и усилия, просматривая шрифты Google визуально, не выходя из интерфейса Microthemer. Затем вы можете вставить нужный шрифт одним щелчком мыши. Это значительно упрощает экспериментирование с различными шрифтами Google и гарантирует, что ваш сайт загружает только минимальные шрифты и варианты, необходимые для вашего дизайна, без ненужных файлов шрифтов.

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

​

Интегрируется с ключевыми конструкторами страниц
Microthemer легко интегрируется с конструкторами страниц, такими как Elementary, Beaver Builder и Oxygen. Вы добавляете контент с помощью конструктора страниц, а затем оформляете его с помощью Микротемера - одновременно, используя одну вкладку браузера.
Некоторые люди обрабатывают исключительно с помощью Microthemer, в то время как другие используют его для последних 20%. Излишне говорить, что если вы никогда не находили варианты оформления вашего конструктора страниц ограничивающими или повторяющимися, Microthemer, вероятно, не для вас.

Безопасное редактирование в режиме черновика
Попробуйте новый дизайн WordPress на своем живом сайте, не беспокоясь о том, что посетители сайта увидят вашу работу в процессе. Изменения в режиме черновика будут видны только вам. Публикуйте изменения в своем стиле только тогда, когда вы будете довольны ими на 100%. Это здорово, если вы все еще тестируете различные варианты укладки. Режим черновика обеспечивает безопасную среду для внесения новых смелых изменений на ваш сайт, не беспокойтесь.

Помогает разработчикам работать быстрее
Microthemer - это не просто инструмент для тех, кто не занимается программированием. Далеко не так. Microthemer предоставляет чрезвычайно быстрый и удобный способ добавления пользовательского кода CSS, Sass и JavaScript в браузер - там же, где вы добавляете контент с помощью Gutenberg или конструктора страниц. Изменения вашего кода отображаются на экране мгновенно - нет необходимости переключаться между настольными приложениями, ждать компиляции Sass или принудительно обновлять браузер. Кроме того, селекторы CSS и медиа-запросы определены только в одном месте, чтобы адаптивная разработка оставалась сухой.

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

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

Автосохранение и отмена помогут, если вы совершите ошибку
Microthemer включает в себя функцию восстановления изменений. Запоминаются последние 50-300 действий, которые изменяют ваше рабочее пространство. Таким образом, если вы совершите несколько ошибок, вы можете легко вернуться к предыдущей точке.

Чистый, оптимизированный код, который не замедлит работу вашего сайта
Удивительно легкий для такого мощного плагина. В отличие от многих других плагинов, 95% кода Microthemer не выполняется за пределами интерфейса Microthemer, поэтому он не замедлит работу вашего сайта.

Включает редактор JavaScript с полезными отчетами об ошибках
Введите некоторый код JavaScript и нажмите сочетание клавиш Control+S. Microthemer перезагрузит сайт и сообщит о любых ошибках в вашем коде, так что вам не придется запускать консоль браузера.

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