Одним из ключевых моментов продажи Genesis Framework для WordPress является простота настройки его для создания индивидуального дизайна. Тот факт, что для фрейма также доступно множество отличных вспомогательных тем, также объясняет его популярность.
Однако, если вы не являетесь разработчиком и не обладаете навыками создания собственной дочерней темы WordPress или настройки существующей, никакое количество чистого кода и простота разработки не помогут. К счастью, недавно был выпущен новый продукт, направленный на то, чтобы настроить внешний вид веб-сайтов на основе Genesis без необходимости редактирования какого-либо кода.
Этим инструментом является Genesis Palette Pro, плагин, который поможет вам создать внешний вид сайта WordPress с использованием фреймворка Genesis и его многочисленных дочерних тем. Вам не только не нужно редактировать CSS, вы даже не увидите CSS, когда будете вносить изменения в внешний вид вашего сайта.
Но что вы можете настроить с помощью этого плагина и насколько легко его использовать? Узнайте об этом в нашем подробном обзоре Genesis Palette Pro.
Использование Genesis Palette Pro
Плагин Genesis Palette Pro (GPP) устанавливается как любой другой, и после установки Genesis Framework и необязательной дочерней темы по вашему выбору вы можете начать использовать его функцию редактирования без кода.
После установки GPP пункт меню добавляется в существующее меню Genesis на боковой панели администрирования. Отсюда вы можете получить доступ к интерфейсу редактора, что позволит вам визуально настроить дочернюю тему Genesis, которая в настоящее время активна на вашем сайте.
интерфейс очень хорошо продуман и позволяет просматривать внешний вид вашего сайта, имея доступ к параметрам настройки. Панель инструментов очень хорошо организована, хотя те, кто использует монитор большего размера, оценят дополнительное пространство на экране благодаря расположению элементов управления и предварительному просмотру.
Непосредственно выдающейся особенностью панели GPP является поддержка адаптивных дизайнов, Область предварительного просмотра включает три кнопки для изменения размера окна предварительного просмотра темы, чтобы продемонстрировать, как будет выглядеть страница на экранах различных размеров, таких как смартфоны и планшеты. Это очень удобная функция, так как большинство современных тем Genesis для детей отзывчивы, поэтому замечательно видеть, как ваши проекты будут выглядеть на меньшем экране.
Когда речь идет о том, какие области GPP могут помочь вам настроить вашу тему, они разбиты следующим образом:
- Общее тело
- Область заголовка
- навигация
- Область содержимого
- Содержание дополнений
- комментарии
- Боковая панель
- Виджеты нижнего колонтитула
- Область нижнего колонтитула
Как видите, элементы управления редактора хорошо разделены на основные области интерфейса темы WordPress.
В каждом подменю редактора у вас есть доступ к элементам управления для выполнения ваших настроек. По мере внесения изменений вам будет предоставлен предварительный просмотр на противоположной панели. Это здорово, поскольку вам не нужно сохранять изменения и обновлять экран, чтобы они вступили в силу.
Вы действительно можете настроить все визуальные эффекты в вашей теме, в том числе:
- Цвета (текст, фон, ссылки)
- Текст (шрифты, размеры, вес)
- Заполнить и поля
- Логотипы (включая сетчатку)
- выравнивание
- Границы (включая радиус угла)
Все вышеперечисленное может быть выполнено с использованием раскрывающихся меню, палитры цветов или ползунков, в зависимости от ситуации. Нет необходимости открывать или редактировать какие-либо базовые CSS или HTML, которые определяют внешний вид вашего сайта. Если вы можете изменить внешний вид документа Word, вы можете использовать этот инструмент настройки Genesis.
Панель предварительного просмотра
Когда дело доходит до Предварительный просмотр ваших измененийВаши изменения отображаются на той же странице, что и элементы управления. Это очень полезно, так как позволяет мгновенно увидеть, как ваш индивидуальный дизайн сочетается с общим видом темы. Хотя зеленый текст ссылки может показаться отличной идеей, предварительный просмотр в реальном времени может показать, что это не так хорошо работает с желтым цветом фона ввода.
По умолчанию на панели предварительного просмотра отображается домашняя страница вашего сайта, но вы можете легко щелкнуть ссылки в предварительном просмотре сайта, чтобы увидеть, как будут выглядеть отдельные записи, страницы и все другие области вашего сайта. сайта, а затем приступайте к редактированию его внешнего вида. Вы также можете перейти в раздел настроек редактора и ввести определенный URL для предварительного просмотра.
Импортируйте и экспортируйте ваши проекты
Еще одна полезная функция GPP – это возможность импортировать и экспортировать ваши проекты. Использование функций импорта и экспорта данных позволяет создать файл JSON для резервного копирования или импортировать на другой сайт с помощью этого плагина.
Это имеет множество практических приложений, таких как создание модификаций вашей темы на сайте разработки перед их загрузкой на действующий сайт, а также создание стандартного шаблона для использования на новых веб-сайтах или работа с сайтами клиентов.
Сохранить настройки
Кнопка «Сохранить настройки» всегда видна, поэтому вы можете сохранять свои настройки по мере продвижения. При нажатии этой кнопки изменения подтверждаются, и ваш новый дизайн публикуется, что делает его видимым для ваших посетителей.
Некоторые из отдельных опций также имеют кнопку по умолчанию, которая позволяет вам индивидуально восстановить этот конкретный параметр по умолчанию в Genesis Framework, хотя не все опции имеют эту возможность. Это очень полезно, если вам нужно вернуть отдельный элемент страницы к значению по умолчанию, не перезаписывая все ваши изменения. Если вам нужно сбросить все параметры по умолчанию настройки Также есть удобная кнопка «Очистить настройки», которая удаляет все изменения.
Хотя вышеперечисленное работает хорошо и гарантирует, что вы не будете вносить изменения, которые вы не можете легко отменить, их можно немного улучшить. Было бы неплохо, если бы вы могли сохранять версии или итерации изменений вашего проекта по мере продвижения. Было бы неплохо вернуться на несколько уровней глубины для ваших изменений, вместо того, чтобы вернуться к настройкам кадра по умолчанию. Хотя, как уже упоминалось выше, вы можете просматривать некоторые отдельные настройки и восстанавливать значение по умолчанию, это не относится ни к шрифтам, ни к полям и полям.
Расширения Genesis Palette Pro
Плагин GPP поставляется с рядом бесплатных и платных расширений, чтобы еще больше использовать этот мощный инструмент. На данный момент доступны следующие опции:
-
Freeform style (бесплатно): добавьте область, чтобы добавить свой собственный CSS в редактор
-
CSS Export (Free) – добавьте кнопку для экспорта необработанного стиля CSS
-
Google Webfonts (бесплатно) – добавьте почти 30 самых популярных Google Webfonts в GPP
Выше приведены некоторые полезные и бесплатные расширения для GPP, и приятно видеть, что они выпускаются в качестве дополнительных дополнений, чтобы максимально облегчить основную версию GPP. Надеюсь, в будущем будет добавлено больше бесплатных расширений.
С плагином Freeform Style вы можете легко ввести свой собственный CSS. Плагин также включает адаптивную поддержку, которая позволяет вводить CSS для применения в зависимости от разрешения экрана, на котором просматривается сайт.
Детские тематические аксессуары
Двумя наиболее привлекательными и, возможно, самыми популярными дочерними темами для Genesis Framework являются Metro Pro и Minimum Pro. Пользователям этих тем должно быть интересно узнать о наличии двух доступных дополнительных плагинов, повышающих совместимость с GPP.
По умолчанию GPP предварительно загружается с настройками Genesis Framework по умолчанию вместо дочерней темы, которая в данный момент активна. Но при использовании плагина дочерней темы для активной темы на вашем сайте, GPP будет поставляться с предустановленными настройками по умолчанию для этой темы. Плагин также включает в себя разделы, которые являются уникальными для этой темы, такие как пользовательские типы сообщений или макеты домашней страницы.
Планируется ввести более конкретные плагины для вторичных тем.
Поддержка и документация
Надо сказать, что онлайн-документация для Genesis Palette Pro немного скудна. Документация может быть найдена здесь, и короткий FAQ также доступен.
Тем не менее, плагин очень прост в использовании, и любой должен иметь возможность войти в систему и начать вносить изменения в свой веб-сайт без каких-либо проблем.
Получение лучших результатов от этого плагина в конечном итоге будет зависеть от ваших дизайнерских навыков и цветовых схем, а не от понимания фактической функциональности плагина.
Когда дело доходит до создания запроса на поддержку, GPP поставляется с виджетом поддержки, расположенным внутри панели инструментов плагина. Отсюда вы можете ввести свои данные и отправить сообщение команде.
Существует два уровня поддержки с доступом в зависимости от выбранного тарифного плана.
цены
Это надстройка премиум-класса и доступна в трех различных тарифных планах:
- Базовый: $ 49 (1 лицензия на сайт)
- Плюс: $ 89 (5 лицензий на сайт)
- Deluxe: $ 199 (50 лицензий на сайт)
Варианты Plus и Deluxe включают приоритетную поддержку по электронной почте, а базовая – нет. Опция Deluxe также включает доступ к плагинам Metro Pro и Minimum Pro.
заключение
Я был действительно впечатлен этим плагином. Компоновка элементов управления, используемых для внесения изменений в дочернюю тему Genesis, очень хорошо продумана и проста в использовании. Пользователи любого навыка должны иметь возможность использовать этот плагин, чтобы изменить внешний вид своего сайта.
После установки плагина Genesis Palette Pro в меню администратора WordPress добавляется только один пункт меню, который правильно расположен в существующем меню Genesis. Приятно видеть плагин, который не пытается захватить вашу админку с виджетами панели инструментов и пунктами меню верхнего уровня. Похоже, этот плагин является частью ядра Genesis Framework.
Реализация предварительного просмотра также хороша, поскольку она позволяет вам видеть изменения, которые вы вносите немедленно в панели предварительного просмотра. Однако было бы неплохо увидеть предварительный просмотр в реальном времени на другой вкладке браузера. Хотя теоретически удобно иметь элементы управления и предварительный просмотр, если вы работаете на экране со скромным разрешением, вам, вероятно, будет полезнее иметь большую область предварительного просмотра. Наличие дополнительной отдельной области предварительного просмотра также было бы идеальным для тех, кто работает в конфигурации с двумя мониторами.
Чтобы смягчить ожидания, важно кратко осветить что не может сделать плагин Genesis Palette Pro, Это не позволит вам изменить макет вашей темы и перемещать такие элементы, как меню и области виджетов. Это не инструмент для создания страниц. Для этого вам понадобится CobaltApps Dynamik Website Builder. Однако, если вы хотите изменить внешний вид сайта, изменив цвета, шрифты, поля и заливки, настоятельно рекомендуется GPP.
Если вы когда-нибудь хотели внести незначительные изменения в дочернюю тему Genesis, от изменения шрифта для определенной области, например, заголовка или публикации контента, до полной визуальной перестройки вашего сайта, вы не ошибетесь с GPP. Мало того, что знание CSS не требуется, но вы даже не увидите никакого кода в процессе проектирования. Тем не менее, дополнительные бесплатные плагины CSS предоставляют эту функциональность тем, кто в ней нуждается.
Если вы используете Genesis или планируете принять эту платформу, этот инструмент дает вам дополнительный контроль над тем, как выглядит ваш сайт на WordPress по-настоящему вашим.
