Yellow Pencil — визуальный композер для вашей WordPress темы

Привет всем читателям и подписчикам! И первым постом в новом году я хочу рассказать вам об очень интересном плагине который, надеюсь, поможет многим сэкономить массу времени. Да и вообще, сам по себе плагин весьма прикольный и полезный. Да, как вы поняли уже наверное из названия, речь пойдет о новом визуальном композере — Yellow Pencil. Но это совсем не аналог знаменитого Visual Composer. Если второй позволяет как угодно размещать контент на сайте, то Yellow Pencil предназначен для визуального изменения любых элементов вашей темы. Впрочем, и контент изменять тоже можно. И никакого программирования! Даже CSS знать не нужно.

Возможности Yellow Pencil

Что же можно изменить с помощью Yellow Pencil? Да практически любые параметры CSS вашей темы, страницы или поста. Например, шрифты и их вес и размеры, высоту строк и тому подобное, цвета, внешние и внутренние отступы, поля, границы и их радиус, положение элементов, выравнивание и многое другое. При помощи великолепного визуального редактора плагин позволяет прямо FrontEnd (то есть без захода в админку) выделять и тут же редактировать нужные вам элементы.

Установка и функционал плагина

Установка самая обычная. Загрузили и активировали. А вот настроек никаких особых и нет. Все элементы управления становятся доступны при визуальном редактировании. Начало работы происходит с нажатием появившейся ссылки Edit in Yellow Pencil в стандартной, верхней WP панели.

Откроется визуальный редактор, а экран поделится на три части.

Справа основное окно, где по умолчанию предлагается выбрать что именно редактировать: Global Customize (общая кастомизация), Customize Some Pages (отдельных страниц) или Customize Templates (шаблонов). В средней части экрана вы можете выбирать нужные визуальные элементы, а слева четыре кнопки: CSS редактор (знатоки кода могут вносить правки и все контролировать при желании), откатить назад или вернуть вперед и развертывание во весь экран.

Выделив любой элемент переходите к редактированию его параметров в окне справа. Названия параметров хорошо знакомы всем кто хоть раз сталкивался с элементарной версткой — Background, Margin, Padding и все такое. Их не так много и думаю, даже перевод тут не нужен. Кроме того, любое ваше действие тут же отображается визуально.

Плагин предлагается в PRO и бесплатной версии. Перечень всех особенностей привожу ниже:

• 600+ Гугл шрифтов (For Pro Version)
• 300+ Фонов (For Pro Version)
• 3 цветовые схемы
• Кастомизация отдельных страниц
• Кастомизация всех станиц
• Работает с кастомными типами постов
• Работает со страницами созданными плагинами
• Hover и Focus селекторы
• Редактор анимаций (For Pro Version)
• 50+ готовых анимаций (For Pro Version)
• Colorpicker (настройщик цвета)
• Функции «Отменить» и «Вернуть».
• Чистый CSS код на выходе
• Фон параллакс (For Pro Version)
• CSS ручное редактирование
• Использование с любыми темами
• CSS3 фильтр эффектов (For Pro Version)
• 50+ CSS настроек
• Готов к локализации
• Подробная документация
• Помощь по правому клику
• Drag & Drop — перетаскивание мышкой (For Pro Version)
• Изменение размера визуальных элементов (For Pro Version)
• Совместим с большинством плагинов
• Поддержка адаптивности
• Выбор селекторов
  И прочее…

Как видите, ПРО версия (For Pro Version) предлагает гораздо больше интересных фишек, хотя для многих задач вполне сгодится и бесплатный плагин. Да и стоимость премиум плагина (23$) как мне кажется, совсем невелика для тех возможностей которые этот плагин готов предложить.

Вспомните, как часто на различных форумах или соц. досках народ отчаянно вопрошает — «Как мне передвинуть кнопку отсюда и вон туда?». Как «расширить, сдвинуть, вставить, изменить…» и тому подобное. Вот теперь с Yellow Pencil любой новичок без труда справится с подобными задачами. Плагин пригодится всем настройщикам WordPress тем «под себя любимого». Кроме того, можно легко вносить визуальные  изменения в те же лендинги, к примеру. Или быстро править витрины своих виртуальных магазинов. В общем, была бы фантазия и желание, а бесплатный вариант позволит вам вволю попробовать «карандашик» не потратив раньше времени ни копейки.

Страница премиум версии. Подробная документация здесь.

https://youtu.be/w9o8metOym0