Начало работы с Redux Framework. Часть первая.
Привет всем!
Данная статья будет больше полезна разработчикам тем WordPress, которые решили научиться делать темы с настраиваемыми админками. Если вы относитесь к данной категории разработчиков — то эта тема для вас.
Большинство хорошо разработанных тем WordPress позволяют администраторам сайта настраивать определенные аспекты темы через страницу параметров. Процесс создания страницы параметров может быть сложным, особенно для начинающих или даже уже бывалых разработчиков. К счастью, есть инструменты, которые обычно называют Options Framework, предназначенные для упрощения этого процесса. Хотя некоторые из них существуют, одним из лучших, возможно, является Redux Options Framework.
Когда владельцы сайтов устанавливают новую тему WordPress, первое, что они хотят сделать, это настроить ее внешний вид в соответствии с их брендингом или личными предпочтениями. И большую часть времени люди, которые покупают, загружают или устанавливают темы WordPress, практически не имеют опыта кодирования.
Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится — тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.
Итак, вы, как разработчик темы, позволяете конечным пользователям вашего шаблона иметь как можно больше контроля над внешним видом своего сайта без необходимости учиться программировать?
Создавая параметры страниц/панелей, конечно!
Однако, параметры темы, не так легко создать, особенно для тех разработчиков, которые не имеют большого опыта работы с WordPress или программирования в целом. К счастью, есть варианты фреймворков.
Что такое Options Frameworks?
Options Frameworks — это библиотеки кода, плагины или классы, которые обеспечивают прочную основу, на которой разработчики могут легко и быстро создавать и добавлять страницы опций в свои темы. Это позволяет не разработчикам использовать такие панели для быстрой настройки внешнего вида сайта, не затрагивая код.
Панели параметров можно использовать для:
В принципе, панели параметров могут передать власть в руки пользователей ваших тем, позволяя им изменять практически любой аспект дизайна своего сайта.
В этой части мы с вами рассмотрим очень популярный и широко используемый фреймворк — Redux Framework.
Эта серия будет разделена на следующие части:
Что такое Redux Options Framework?
Redux Framework — это фреймворк опций, который родился из комбинации четырех фреймворков, а именно:
Основная команда Redux состоит из этих трех разработчиков. Проект находится в стадии активной разработки, обновления выходят достаточно регулярно.
Особенности Redux
Почему Redux?
Установка Redux
Существует несколько способов установки Redux. Но для целей этого урока мы собираемся установить его из WordPress.org.
Установите плагин, как и любой другой:
Активировать Демо-Режим
Чтобы активировать демо-режим, перейдите в «Плагины — Установленные плагины» и прокрутите до Redux Framework. Вы увидите нечто подобное:
Нажмите «Активировать Демо-Режим».
Это активирует демонстрационный режим и создаст панель параметров «Sample Options» под названием «Sample Options» на панели управления WordPress.
Демо-режим и страница параметров позволит вам поиграть с Redux и изучить различные типы полей, которые он позволяет создавать.
Интеграция в вашу тему
До сих пор мы установили Redux и активировали демо-режим, чтобы мы могли исследовать различные поля, которые Redux позволяет нам создавать.
Чтобы интегрировать Redux в нашу тему, мы должны инициализировать его новым конфигурационным файлом. Выполните следующие действия для инициализации нового экземпляра Redux:
<?php require_once (dirname(__FILE__) . ‘/sample/sample-config.php’); ?>
Когда вы обновите панель управления WordPress и наведете указатель мыши на «Sample Options», вы заметите, что ничего не изменилось — у вас все еще есть те же подменю, что и раньше. Это потому, что наша конфигурация точно такая же, как и раньше. Мы просто переместили файл config из каталога плагин Redux в каталог темы.
Кроме того может появиться следующее сообщение об ошибке:
Это связано с тем, что мы загружаем два идентичных файлах config. Вы можете исправить это, перейдя в панель плагинов и деактивировав демо-режим.
Мы хотим начать с чистого файла конфигурации. Redux поставляется с одним для вашего удобства. Поэтому давайте возьмем его, делать новый не имеет смысла.
Для этого измените строку, которую вы только что добавили functions.php:
<?php require_once (dirname(__FILE__) . ‘/sample/sample-config.php’); ?>
На эту:
<?php require_once (dirname(__FILE__) . ‘/sample/barebones-config.php’); ?>
Если вы теперь вернетесь на панель мониторинга, вы поймете, что наша панель «Sample Options» содержит один раздел — «Home Settings» — и одно поле, поле загрузчика мультимедиа с названием «Web Fonts» (Веб-шрифты).
Теперь у нас есть класс конфигурации barebones, в который мы можем добавлять разделы и поля.
Подведем итог
В этой первой части серии мы рассмотрели фреймворк Redux, что такое и почему стоит использовать его в своих проектах. Мы пошли дальше и установили с нуля Redux и рассмотрели различные функции, которые он предоставляет нам как разработчикам тем.
Мы также создали наши собственные файлы конфигурации barebones, чтобы продемонстрировать, как мы можем начать настраивать Redux для удовлетворения наших конкретных потребностей.
В следующем уроке серии мы узнаем, как можно добавить дополнительные разделы, а также рассмотрим добавление полей в эти разделы.
На этом буду заканчивать данный пост — до скорых встреч!