Redux Options Framework – мощный плагин настроек

• NPH, который был создан Ли Мейсоном (Lee Mason) с целью создания базы, совместимой с требованиями ThemeForest;
• SMOF (прежнее основное название Redux OF);
• SimpleOptions, который является слиянием вышеуказанных фреймворков, созданных Довием Паукстисом (Dovy Paukstys);
• Более ранней версии Redux (Redux 2.0), созданной Дэниелом Гриффитсом (Daniel Griffiths) и основанной на NPH

Особенности

• Использует API настроек WordPress
• Несколько десятков типов полей
• Встроенные классы проверки
• Расширяемость
• Импорт/экспорт, позволяющий сохранять/загружать конфигурации настроек

Достоинства

• Бесплатно Redux OF является бесплатным и 100% открытым исходным кодом.
• Популярность Redux используется более чем 250 (известными) продуктами на рынках Envato, которые проданы за более чем 6 миллионов долларов.
• Простота в использовании Если вы понимаете, как работают массивы, вы можете использовать Redux OF.
• Гибкость Вы можете расширять обработку и проверку полей.
• Документация Redux хорошо документирован. На веб-сайте Redux есть база знаний, документация и даже видеоуроки.
• Сообщество Как следствие популярности среди разработчиков, – вы получаете обширное сообщество на форуме поддержки.

Установка Redux

require_once(dirname(__FILE__) . '/redux/config.php');

Экземпляр

Настройка глобальных аргументов

$opt_name = 'site_options';
Redux::setArgs(
   $opt_name, // Имя опции,
   array( // Аргументы
     'display_name' => 'Tuts+ T<span style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" data-mce-type="bookmark" class="mce_SELRES_start"></span>utorial'<span style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" data-mce-type="bookmark" class="mce_SELRES_end"></span>,
     'display_version' => 'Part 2',
     'menu_title' => 'Tuts+ Menu Item',
     'admin_bar' => 'true',
     'page_slug' => 'tuts_plus_page_slug', // Слаг, одно слово без спецсимволов и пробелов
     'menu_type' => 'menu', // Где располагать доступ к меню
     'allow_sub_menu' => true,
   )
);

Как только этот код будет запущен, Redux Framework создаст полностью функциональную панель. На приведенном ниже рисунке объясняется, как это работает.

Теперь добавим несколько разделов и полей.

    $opt_name = 'site_options';
    Redux::setSection( $opt_name, array(
        'title'            => 'Глобальные настройки',
        'id'               => 'basic',
        'desc'             => 'Краткое описание глобальных настроек',
        'customizer_width' => '400px',
        'icon'             => 'el el-home'
    ) );
 		Redux::setSection( $opt_name, array(
			'title'      => 'Внешний вид',
			'desc'       => '',
			'heading'    => 'Заголовок контента блока настроек',
			'id'         => 'appearance',
			'subsection' => true,
			'fields'     => array(
				array(
					'id'			=> 'logo_uploader',
					'type'			=> 'media',
					'title'			=> 'Логотип сайта',
					'placeholder'	=> 'Изображение не выбрано',
				),
				array(
					'id'			=> 'shortcut_icon',
					'type'			=> 'media',
					'title'			=> 'Иконка сайта',
					'placeholder'	=> 'Изображение не выбрано',
				),
			)
		) );



		Redux::setSection( $opt_name, array(
			'title'      => 'Соцсети',
			'desc'       => '',
			'id'         => 'view-social',
			'subsection' => true,
			'fields'     => array(
				array(
					'id'       => 'soc-fb',
					'type'     => 'text',
					'title'    => 'Facebook',
					'subtitle' => 'Ссылка на ваш аккаунт',
				),
				array(
					'id'       => 'soc-vk',
					'type'     => 'text',
					'title'    => 'ВКонтакте',
					'subtitle' => 'Ссылка на ваш аккаунт',
				),
			)
		) );

$site_options = Array
(
    [last_tab] => 5
    [logo_uploader] => Array
        (
            [url] => .../wp-content/uploads/2014/03/logo.jpg
            [id] => 1241
            [height] => 71
            [width] => 238
            [thumbnail] => .../wp-content/uploads/2014/03/logo-150x150.jpg
        )



    [shortcut_icon] => Array
        (
            [url] => .../wp-content/uploads/2014/03/apple-touch-icon-72x72.png
            [id] => 981
            [height] => 72
            [width] => 72
            [thumbnail] => .../wp-content/uploads/2014/03/apple-touch-icon-72x72-150x150.png
        )



    [soc-fb] => https://www.facebook.com/
    [soc-vk] => https://vk.com/
    [REDUX_last_saved] => 1517000229
    [REDUX_LAST_SAVE] => 1517000229
)