Что делать, если тарифы на Elementor и WP Bakery слишком дорогие, да и в принципе весь их функционал не так уж необходим? В этом случае стоит поискать аналоги визуальных конструкторов. Уже существует немало различных конструкторов, которые в какой-то степени могут заменить самые популярные редакторы. Один из таких – YellowPencil. Можно сказать, что YellowPencil – это более легкий аналог визуальных конструкторов. Это расширение имеет очень большое количество функций, которые определенно вам пригодятся. Поэтому давайте рассмотрим подробнее этот плагин и его возможности.
YellowPencil – конструктор или редактор?
YellowPencil имеет функции, которые очень сильно схожи с функциями известных визуальных конструкторов. Но на деле, в большей степени он относится к редакторам. У плагина нет обширной библиотеки готовых элементов, которую предоставляет тот же самый Elementor. То есть, вы будете работать только с теми элементами страницы, которые у вас уже есть. И здесь расширение предоставляет просто огромное количество возможностей для работы.
Посмотрим на основные функции и особенности плагина:
- полный контроль. Используя плагин, вы получаете в свои руки полный контроль над таблицей стилей. При этом даже нет необходимости лезть в код;
- проверка адаптивности. Вы можете подстраивать страницы под конкретные расширения экранов;
- работа с перетаскиванием. Дополнение позволяет изменять положение элементов страницы так, как вам это будет необходимо;
- просмотр в режиме реального времени. Это очень важная особенность, так как отслеживание изменений в режиме реального времени значительно ускоряет процесс работы;
- возможность экспорта файла таблицы стилей. Так как расширение самостоятельно генерирует стили, то вы можете экспортировать готовую таблицу и использовать ее с другими страницами или проектами;
- большое количество инструментов. Плагин действительно предоставляет множество инструментов для работы со страницами веб-сайта.
Остановимся на этом списке. Дальше в статье мы рассмотрим как эти, так и другие возможности плагина. Вы также самостоятельно откроете для себя некоторые функции, когда воспользуетесь дополнением.
Полезно: актуальность скриптов WordPress в 2021 году
Полный контроль над дизайном
При работе над сайтом очень важно контролировать абсолютно все. У вас должна быть возможность изменить любой элемент страницы так, как это нужно. Разработчики YellowPencil предоставляют вам именно эту возможность. Редактор имеет очень удобный и визуально понятный интерфейс. На боковой панели слева отображаются инструменты, вроде режима адаптивности, просмотра информации о странице, поиск определенных классов и т.д. С правой стороны располагается панель редактирования определенных элементов. Эта панель может быть как фиксированной, так и плавающей. При нажатии на любой их элементов на панели справа начинают отображаться параметры элементов. Здесь уже вы можете самостоятельно задавать любые параметры, которые только можно добавить. Это может быть работа с рамками, цветами, размерами, тенью, анимацией и т.д.
Помимо этого есть три варианта работы с курсором. Можно просто просматривать страницу и тогда курсор нужно выставить на режим просмотра. Помимо этого режима есть режим инспектирования элементов. Именно при работе с этими режимами вы можете изменять параметры элементов, их положение и полностью работать с ними. Также доступен инструмент для измерения расстояния относительно края страницы. Поэтому можно использовать его, чтобы максимально ровно расставлять элементы во время редактирования.
Параметры адаптивности
Адаптивность – это очень важная составляющая любого современного веб-сайта. Поэтому обязательно нужно следить за тем, как страницы ведут себя при изменении размера экрана. Плагин поддерживает функцию редактирования страницы на разных экранах. К слову, здесь редактор работает более гибко, чем в других расширениях. Режим адаптивности имеет полностью такой же принцип работы, как и в DevTools. То есть, здесь вы выбираете любое разрешение и работаете с ним. Можно подогнать размер экрана вплоть до пикселя. Поэтому, с YellowPencil вы добьетесь максимальной адаптивности своего веб-сайта.
Полезно: темы для блога на WordPress начала 2021 года
Просмотр в режиме реального времени
Эта функция характерна для всех достаточно качественных визуальных конструкторов. Вы делаете изменения, и вам совсем не нужно сохранять каждый шаг, чтобы посмотреть на результат проделанной работы. Все можно просматривать сразу и если это необходимо, вносить коррективы. Это ускоряет работу над веб-сайтом в разы и позволяет быстрее добиться необходимого результата и опубликовать уже готовый веб-сайт.
Большое количество параметров настроек
Если посмотреть на YellowPencil как не визуальный редактор именно стилей сайта, то можно заметить, что расширение на самом деле предоставляет просто безграничные возможности. То есть, при работе с редактором вы почти ничем не уступаете разработчику, который работает непосредственно с CSS. Только здесь процесс работы будет во много раз быстрее и эффективнее. С редактором можно изменять:
- параметры типографики. То есть, можно использовать любые шрифты из более, чем 800 семейств от Google Fonts;
- применять различные анимации. Разработчики подготовили более 50 анимаций, полностью готовых к использованию;
- изменять параметры цветов. Плагин поддерживает все возможные варианты цветов. При работе вам будет доступна вся цветовая палитра, что позволит полностью адаптировать дизайн сайта под потребности бренда;
- встроенный редактор CSS-кода. То есть, если все же вы хотите некоторые параметры изменить через собственные стили, это можно сделать через встроенный редактор;
- возможность применения специальных CSS-фильтров;
- генератор градиента. Вы можете сгенерировать градиенты для элементов своего веб-сайта при помощи специального генератора и использовать их.
Что делать, если не хватает анимаций, подготовленных разработчиками? Можно сделать необходимые анимации самостоятельно. Как это сделать? Разработчики плагина постарались и сделали специальный генератор анимаций. Поэтому если вам не хватает визуальных эффектов, создайте нужные сами. На деле дополнение предоставляет гораздо больше инструментов. Остается только попробовать их в деле.
Что делать, если вы допустили ошибку
При работе всегда могут возникнуть ошибки. Это нормально. Ошибки можно допускать, но самое главное – иметь возможность их исправить. Разработчики именно эту возможность вам и предоставили. Если во время работы была допущена ошибка – можно сразу откатить изменения. Также плагин позволяет возвращать изменения обратно. Это очень удобно и позволяет в любой момент начать с нужного вам варианта.
Совместимый со всеми расширениями и не только
Совместимость с другими расширениями – очень важно. Так как YellowPencil позволяет редактировать стили страниц, а с этими страницами потом будут работать плагины, то важно обеспечить полную совместимость со всеми используемыми плагинами. Поэтому разработчики YellowPencil сделали редактор совместимым со всеми расширениями и темами, с которыми вы будете работать. Также этот конструктор полностью поддерживает Gutenberg и Elementor. Поэтому вы можете спокойно использовать редактор стилей при работе с любыми веб-сайтами. Расширение не будет мешать работе и облегчит процесс создания сайта.
Отзывы покупателей
Теперь определим качество работы дополнения по тому, что о нем могут сказать пользователи. К слову, покупатели очень хорошо описывают свой опыт работы с плагином. Например, вот один из отзывов: «Мне очень понравилось работать с этим расширением. С YellowPencil я спокойно могу отредактировать любые параметры своей темы и при этом не тратить кучу часов на изучение CSS. Я быстро изменяю внешний вид блоков, шрифты, цвета, фоны и т.д. Также стоит обратить внимание на безупречную работу команды поддержки плагина. У меня были некоторые проблемы при работе с дополнением. Я обратился в поддержку и их сотрудник в кратчайшие сроки дал мне необходимое решение. Это просто отличный сервис. Большое спасибо разработчикам за этот плагин».
Как начать работу
Начать работу с плагином очень просто. Сначала скачиваете расширение и запускаете. После этого вам откроется интерфейс редактора. Чтобы начать изменения, нужно всего лишь выбрать необходимый элемент страницы и кликнуть по нему. После клика в правой боковой панели откроется список возможных изменений. Вам нужно просто изменить нужные параметры и сохранить результат.
Полезно: iThemes Security как стандарт безопасности для сайта
Стоимость расширения
YellowPencil можно приобрести за 26 долларов. У вас вполне может возникнуть вопрос – насколько этот плагин стоит своих денег. Подумайте сами – можно потратить кучу часов на изучение CSS, чтобы в каждом проекте можно было полностью контролировать стили. А можно потратить лишь 26 долларов и быстро окупить вложения. Не каждая тема предоставит вам полный доступ к настройкам дизайна. А если приобрести YellowPencil, то можно будет изменять таблицу стилей абсолютно в каждом макета. Поэтому плагин стоит своих денег, и вам стоит его купить.
В течение 6 месяцев со дня покупки разработчики будут оказывать поддержку. Они помогут разобраться с трудностями и решить проблемы. Также к дополнению прилагается подробная документация, которая позволит быстро узнать все о работе с редактором.
Заключение
YellowPencil – действительно очень мощный аналог визуальных конструкторов. Этот плагин не позволит вам полностью собирать страницы с нуля. Но он поможет отредактировать стили любой темы и любого веб-сайта. Плагин поставляется не только с обширным функционалом, но и с подробной документацией и поддержкой. Также это дополнение очень хорошо сочетает в себе функциональность и простоту. Поэтому вам точно стоит купить YellowPencil и использовать в своих проектах.