WordPress 后臺框架 Redux Framework 配置文件漢化

<?php
    /**
     * ReduxFramework 示例配置文件
     * 有關(guān)完整文件犬钢,請參閱: http://docs.reduxframework.com/
     */

    if ( ! class_exists( 'Redux' ) ) {
        return;
    }

    //加載語言包
    load_theme_textdomain('salong', get_template_directory() . '/admin/ReduxCore/languages');

    // 這是存儲所有Redux數(shù)據(jù)的選項名
    $opt_name = "redux_demo";

    // 這一行只用于修改演示,可以很容易地移除
    $opt_name = apply_filters( 'redux_demo/opt_name', $opt_name );

    /*
     *
     * --> 通過搜索字段昔逗、示例的實際聲明來使用不同的字段耸携、示例
     *
     */

    $sampleHTML = '';
    if ( file_exists( dirname( __FILE__ ) . '/info-html.html' ) ) {
        Redux_Functions::initWpFilesystem();

        global $wp_filesystem;

        $sampleHTML = $wp_filesystem->get_contents( dirname( __FILE__ ) . '/info-html.html' );
    }

    // 背景模式閱讀器
    $sample_patterns_path = ReduxFramework::$_dir . '../sample/patterns/';
    $sample_patterns_url  = ReduxFramework::$_url . '../sample/patterns/';
    $sample_patterns      = array();
    
    if ( is_dir( $sample_patterns_path ) ) {

        if ( $sample_patterns_dir = opendir( $sample_patterns_path ) ) {
            $sample_patterns = array();

            while ( ( $sample_patterns_file = readdir( $sample_patterns_dir ) ) !== false ) {

                if ( stristr( $sample_patterns_file, '.png' ) !== false || stristr( $sample_patterns_file, '.jpg' ) !== false ) {
                    $name              = explode( '.', $sample_patterns_file );
                    $name              = str_replace( '.' . end( $name ), '', $sample_patterns_file );
                    $sample_patterns[] = array(
                        'alt' => $name,
                        'img' => $sample_patterns_url . $sample_patterns_file
                    );
                }
            }
        }
    }

    /**
     * ---> 參數(shù)設(shè)置
     * 所有支持Redux的參數(shù)
     * 有關(guān)參數(shù)的完整文件胳徽,請參閱: https://github.com/ReduxFramework/ReduxFramework/wiki/Arguments
     * */

    $theme = wp_get_theme(); // 用于某些設(shè)置項,非必須

    $args = array(
        // 典型 -> 根據(jù)需要/愿望更改這些值
        'opt_name'             => $opt_name,
        // 這個字段保存在你的數(shù)據(jù)庫里,主題設(shè)置項opt_name 可以在數(shù)據(jù)庫里面找到,也是你的全局變量名
        'display_name'         => $theme->get( 'Name' ),
        // 在面板上方顯示主題名稱
        'display_version'      => $theme->get( 'Version' ),
        // 在面板上方顯示主題版本
        'menu_type'            => 'submenu',
        //在后臺是顯示獨立的主題設(shè)置選項菜單赡茸,還是在"外觀"菜單下顯示主題設(shè)置選項(只在主題啟用時顯示),參數(shù):menu 或 submenu
        'allow_sub_menu'       => false,
        // 是否在后臺菜單欄(包括左側(cè)菜單和頂部Admin工具條)顯示主題選項設(shè)置的子菜單項祝闻,默認(rèn)值"true"
        'menu_title'           => __( '選項', 'redux-framework-demo' ),//設(shè)置左側(cè)欄主題設(shè)置菜單名占卧,默認(rèn)值"Sample Options"
        'page_title'           => __( '選項', 'redux-framework-demo' ),//設(shè)置瀏覽器和admin工具條上的菜單名,默認(rèn)值"Sample Options"
        // 您需要生成一個Google API密鑰才能使用此功能
        // 請訪問: https://developers.google.com/fonts/docs/developer_api#Auth
        'google_api_key'       => '',
        // 谷歌api_key - 用于谷歌字體升級,可以不理會.
        'google_update_weekly' => false,
        // 是否使用谷歌字體华蜒,最好保持false
        'async_typography'     => true,
        // 在前端或字體字符串上使用異步字體(異步排版)
        //'disable_google_fonts_link' => true, // 禁用此功能辙纬,以防要創(chuàng)建自己的Google字體加載程序
        'admin_bar'            => false,
        // 是否在admin工具條上顯示主題設(shè)置菜單名
        'admin_bar_icon'       => 'dashicons-portfolio',
        // admin工具條圖標(biāo)
        'admin_bar_priority'   => 50,
        // Admin工具條上主題選項菜單的優(yōu)先級,也就是顯示位置叭喜,默認(rèn)值50
        'global_variable'      => '',
        // 設(shè)置主題設(shè)置的全局變量 建議:命名空間_主題名稱
        'dev_mode'             => false,
        // 開發(fā)者模式贺拣,顯示頁面加載所需的時間等
        'forced_dev_mode_off' => true,
        //強(qiáng)制關(guān)閉開發(fā)者模式
        'update_notice'        => true,
        // 升級公告,如果啟用dev_mode捂蕴,將通知開發(fā)人員GitHub倉庫中可用的更新版本
        'customizer'           => true,//個人定制
        // 啟用基本的自定義程序支持
        //'open_expanded'     => true,                    // 允許您在開始時以擴(kuò)展的方式啟動面板.
        //'disable_save_warn' => true,                    // 當(dāng)用戶更改字段時禁用保存警告

        // 可選 -> 給你些額外的特性
        'page_priority'        => null,
        // 頁面優(yōu)先級譬涡,選擇主題設(shè)置菜單在左側(cè)顯示的位置,如果有任何沖突啥辨,就不會有什么東西出現(xiàn)(警告)涡匀,默認(rèn)值"null"
        'page_parent'          => 'themes.php',
        // 有關(guān)選項的完整列表, 請參閱: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters
        'page_permissions'     => 'manage_options',
        // 設(shè)置權(quán)限,訪問選項面板所需的權(quán)限委可。
        'menu_icon'            => '',
        // 圖標(biāo)鏈接設(shè)置渊跋,為圖標(biāo)指定自定義URL
        'last_tab'             => '',
        // 強(qiáng)制面板始終打開到特定的選項卡(由id確定),說白了就是每次點擊主題設(shè)置選項的時候右側(cè)面板默認(rèn)打開的是哪個選項卡(審查元素着倾,找到li標(biāo)簽對應(yīng)的id數(shù)值拾酝,比如id="1_section_group_li",就是1)
        'page_icon'            => 'icon-themes',
        // 設(shè)置管理面板中菜單名左側(cè)的圖標(biāo)
        'page_slug'            => '',
        // 主題設(shè)置頁面的別名, 如果沒有提供的話卡者,則基于頁面標(biāo)題——>菜單標(biāo)題——>選項名來設(shè)置
        'save_defaults'        => true,
        // 更新設(shè)置之前是否先保存一遍默認(rèn)設(shè)置(加載時蒿囤,在用戶單擊“保存”或“不保存”之前,將默認(rèn)值保存到)
        'default_show'         => false,
        // 若為true崇决,那么不啟用設(shè)置字段的默認(rèn)值
        'default_mark'         => '',
        // 設(shè)置項標(biāo)題后面的標(biāo)記材诽,建議使用*號
        'show_import_export'   => true,
        // 顯示導(dǎo)入導(dǎo)出設(shè)置

        // 慎用 -> 這些選項僅供高級使用
        'transient_time'       => 60 * MINUTE_IN_SECONDS,
        'output'               => true,
        // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
        'output_tag'           => true,
        // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head
        // 'footer_credit'     => '',                   // Disable the footer credit of Redux. Please leave if you can help it.

        // FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
        'database'             => '',
        // 可設(shè)值為: options, theme_mods, theme_mods_expanded, transient,功能不全恒傻,警告脸侥!
        'use_cdn'              => true,
        // If you prefer not to use the CDN for Select2, Ace Editor, and others, you may download the Redux Vendor Support plugin yourself and run locally or embed it in your code.

        // 提示框的參數(shù)
        'hints'                => array(
            'icon'          => 'el el-question-sign',
            'icon_position' => 'right',
            'icon_color'    => 'lightgray',
            'icon_size'     => 'normal',
            'tip_style'     => array(
                'color'   => 'red',
                'shadow'  => true,
                'rounded' => false,
                'style'   => '',
            ),
            'tip_position'  => array(
                'my' => 'top left',
                'at' => 'bottom right',
            ),
            'tip_effect'    => array(
                'show' => array(
                    'effect'   => 'slide',
                    'duration' => '500',
                    'event'    => 'mouseover',
                ),
                'hide' => array(
                    'effect'   => 'slide',
                    'duration' => '500',
                    'event'    => 'click mouseleave',
                ),
            ),
        )
    );

    // admin管理欄鏈接 -> 將Admin管理欄菜單中的自定義鏈接設(shè)置為外部項
    // $args['admin_bar_links'][] = array(
    //     'id'    => 'redux-docs',
    //     'href'  => 'http://docs.reduxframework.com/',
    //     'title' => __( 'Documentation', 'redux-framework-demo' ),
    // );

    // $args['admin_bar_links'][] = array(
    //     //'id'    => 'redux-support',
    //     'href'  => 'https://github.com/ReduxFramework/redux-framework/issues',
    //     'title' => __( 'Support', 'redux-framework-demo' ),
    // );

    // $args['admin_bar_links'][] = array(
    //     'id'    => 'redux-extensions',
    //     'href'  => 'reduxframework.com/extensions',
    //     'title' => __( 'Extensions', 'redux-framework-demo' ),
    // );

    // 社會化圖標(biāo) -> 設(shè)置面板頁腳中社會化圖標(biāo)的自定義鏈接
    // $args['share_icons'][] = array(
    //     'url'   => 'https://github.com/ReduxFramework/ReduxFramework',
    //     'title' => 'Visit us on GitHub',
    //     'icon'  => 'el el-github'
    //     //'img'   => '', // 您可以使用圖標(biāo)或圖片,圖片需要一個完整的URL
    // );
    // $args['share_icons'][] = array(
    //     'url'   => 'https://www.facebook.com/pages/Redux-Framework/243141545850368',
    //     'title' => 'Like us on Facebook',
    //     'icon'  => 'el el-facebook'
    // );
    // $args['share_icons'][] = array(
    //     'url'   => 'http://twitter.com/reduxframework',
    //     'title' => 'Follow us on Twitter',
    //     'icon'  => 'el el-twitter'
    // );
    // $args['share_icons'][] = array(
    //     'url'   => 'http://www.linkedin.com/company/redux-framework',
    //     'title' => 'Find us on LinkedIn',
    //     'icon'  => 'el el-linkedin'
    // );

    // 控制面板介紹文本 -> 位于表單之前
    if ( ! isset( $args['global_variable'] ) || $args['global_variable'] !== false ) {
        if ( ! empty( $args['global_variable'] ) ) {
            $v = $args['global_variable'];
        } else {
            $v = str_replace( '-', '_', $args['opt_name'] );
        }
        $args['intro_text'] = sprintf( __( '<p>您知道Redux框架為您設(shè)置了一個全局變量嗎盈厘?要從代碼中訪問您保存的任何選項睁枕,可以使用您的全局變量: <strong>$%1$s</strong></p>', 'redux-framework-demo' ), $v );
    } else {
        $args['intro_text'] = __( '<p>此文本顯示在“選項”面板的上方,這不是必需的沸手,但更多的信息總是更好外遇! 該intro_text字段可接受所有的HTML標(biāo)簽</p>', 'redux-framework-demo' );
    }

    // 在表單后面添加內(nèi)容
    $args['footer_text'] = __( '<p>此文本顯示在“選項”面板下面。這不是必需的契吉,但更多的信息總是更好跳仿! 該footer_text字段可接受所有的HTML標(biāo)簽</p>', 'redux-framework-demo' );

    Redux::setArgs( $opt_name, $args );

    /*
     * ---> 參數(shù)設(shè)置結(jié)束
     */


    /*
     * ---> 注釋開始:面板頂部的"幫助"選項卡
     */

    $tabs = array(
        array(
            'id'      => 'redux-help-tab-1',
            'title'   => __( '主題信息1', 'redux-framework-demo' ),
            'content' => __( '<p>這是TAB內(nèi)容,支持HTML標(biāo)簽</p>', 'redux-framework-demo' )
        ),
        array(
            'id'      => 'redux-help-tab-2',
            'title'   => __( '主題信息2', 'redux-framework-demo' ),
            'content' => __( '<p>這是TAB內(nèi)容捐晶,支持HTML標(biāo)簽</p>', 'redux-framework-demo' )
        )
    );
    Redux::setHelpTab( $opt_name, $tabs );

    // 設(shè)置"幫助"選項
    $content = __( '<p>這是"幫助"選項的邊欄內(nèi)容菲语,支持HTML標(biāo)簽</p>', 'redux-framework-demo' );
    Redux::setHelpSidebar( $opt_name, $content );


    /*
     * <--- 注釋結(jié)束:面板頂部的"幫助"選項卡
     */


    /*
     *
     * ---> START SECTIONS
     *
     */

    /*

        自Redux框架的3.5版本起妄辩, 增加了一個應(yīng)用廣泛的API,此API可用于混合/匹配模式


     */

    // -> 注釋開始:基本字段
    Redux::setSection( $opt_name, array(
        'title'            => __( '基礎(chǔ)字段', 'redux-framework-demo' ),
        'id'               => 'basic',
        'desc'             => __( '這些都是很基本的選項!', 'redux-framework-demo' ),
        'customizer_width' => '400px',
        'icon'             => 'el el-home'
    ) );

    Redux::setSection( $opt_name, array(
        'title'            => __( '復(fù)選框', 'redux-framework-demo' ),
        'id'               => 'basic-checkbox',
        'subsection'       => true,
        'customizer_width' => '450px',
        'desc'             => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/checkbox/</a>',
        'fields'           => array(
            array(
                'id'       => 'opt-checkbox',
                'type'     => 'checkbox',
                'title'    => __( '通用復(fù)選框設(shè)置', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => '1'// 1 = on | 0 = off
            ),
            array(
                'id'       => 'opt-multi-check',
                'type'     => 'checkbox',
                'title'    => __( '多項復(fù)選設(shè)置', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for multi checkbox options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                //See how std has changed? you also don't need to specify opts that are 0.
                'default'  => array(
                    '1' => '1',
                    '2' => '0',
                    '3' => '0'
                )
            ),
            array(
                'id'       => 'opt-checkbox-data',
                'type'     => 'checkbox',
                'title'    => __( '多項復(fù)選設(shè)置 (包含菜單信息)', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'data'     => 'menu'
            ),
            array(
                'id'       => 'opt-checkbox-sidebar',
                'type'     => 'checkbox',
                'title'    => __( '多項復(fù)選設(shè)置 (包含側(cè)欄信息)', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'data'     => 'sidebars'
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'            => __( '單選', 'redux-framework-demo' ),
        'id'               => 'basic-Radio',
        'subsection'       => true,
        'customizer_width' => '500px',
        'desc'             => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/radio/</a>',
        'fields'           => array(
            array(
                'id'       => 'opt-radio',
                'type'     => 'radio',
                'title'    => __( '通用單選', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for radio options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                'default'  => '2'
            ),
            array(
                'id'       => 'opt-radio-data',
                'type'     => 'radio',
                'title'    => __( '單選(包含菜單信息)', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'data'     => 'menu'
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '排序', 'redux-framework-demo' ),
        'id'         => 'basic-Sortable',
        'subsection' => true,
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/sortable/</a>',
        'fields'     => array(
            array(
                'id'       => 'opt-sortable',
                'type'     => 'sortable',
                'title'    => __( '可排序文本選項', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'label'    => true,
                'options'  => array(
                    'Text One'   => 'Item 1',
                    'Text Two'   => 'Item 2',
                    'Text Three' => 'Item 3',
                )
            ),
            array(
                'id'       => 'opt-check-sortable',
                'type'     => 'sortable',
                'mode'     => 'checkbox', // checkbox or text
                'title'    => __( '可排序文本選項', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'options'  => array(
                    'cb1' => 'Checkbox One',
                    'cb2' => 'Checkbox Two',
                    'cb3' => 'Checkbox Three',
                ),
                'default'  => array(
                    'cb1' => false,
                    'cb2' => true,
                    'cb3' => false,
                )
            ),
        )
    ) );


    Redux::setSection( $opt_name, array(
        'title'            => __( '文本框', 'redux-framework-demo' ),
        'desc'             => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/text/</a>',
        'id'               => 'basic-Text',
        'subsection'       => true,
        'customizer_width' => '700px',
        'fields'           => array(
            array(
                'id'       => 'text-example',
                'type'     => 'text',
                'title'    => __( '通用文本框', 'redux-framework-demo' ),
                'subtitle' => __( '子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '描述', 'redux-framework-demo' ),
                'default'  => '默認(rèn)文字',
            ),
            array(
                'id'        => 'text-example-hint',
                'type'      => 'text',
                'title'     => __( '帶提示的文本框', 'redux-framework-demo' ),
                'subtitle'  => __( '子標(biāo)題', 'redux-framework-demo' ),
                'desc'      => __( '描述', 'redux-framework-demo' ),
                'default'   => '默認(rèn)文字',
                'text_hint' => array(
                    'title'   => 'Hint Title',
                    'content' => 'Hint content about this field!'
                )
            ),
            array(
                'id'          => 'text-placeholder',
                'type'        => 'text',
                'title'       => __( '帶占位文字的文本框', 'redux-framework-demo' ),
                'subtitle'    => __( '子標(biāo)題', 'redux-framework-demo' ),
                'desc'        => __( '描述', 'redux-framework-demo' ),
                'placeholder' => 'Placeholder Text',
            ),

        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '多項文本框', 'redux-framework-demo' ),
        'id'         => 'basic-Multi Text',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/multi-text/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-multitext',
                'type'     => 'multi_text',
                'title'    => __( '可新增文本框設(shè)置項', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '密碼', 'redux-framework-demo' ),
        'id'         => 'basic-Password',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/password/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'password',
                'type'     => 'password',
                'username' => true,
                'title'    => 'Password Field',
                //'placeholder' => array(
                //    'username' => 'Username',
                //    'password' => 'Password',
                //)
            )
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '文本域', 'redux-framework-demo' ),
        'id'         => 'basic-Textarea',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/textarea/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-textarea',
                'type'     => 'textarea',
                'title'    => __( '文本域-支持HTML標(biāo)簽', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => 'Default Text',
            )
        )
    ) );

    // -> START 編輯器
    Redux::setSection( $opt_name, array(
        'title'            => __( '編輯器', 'redux-framework-demo' ),
        'id'               => 'editor',
        'customizer_width' => '500px',
        'icon'             => 'el el-edit',
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( 'WordPress 編輯器', 'redux-framework-demo' ),
        'id'         => 'editor-wordpress',
        //'icon'  => 'el el-home'
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/editor/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-editor',
                'type'     => 'editor',
                'title'    => __( '編輯器', 'redux-framework-demo' ),
                'subtitle' => __( '使用你的面板內(nèi)的WordPress編輯器的任何特性谨究!', 'redux-framework-demo' ),
                'default'  => '由Redux Framework提供支持',
            ),
            array(
                'id'      => 'opt-editor-tiny',
                'type'    => 'editor',
                'title'   => __( '帶媒體按鈕的編輯器', 'redux-framework-demo' ),
                'default' => '由Redux Framework提供支持',
                'args'    => array(
                    'wpautop'       => false,
                    'media_buttons' => false,
                    'textarea_rows' => 5,
                    //'tabindex' => 1,
                    //'editor_css' => '',
                    'teeny'         => false,
                    //'tinymce' => array(),
                    'quicktags'     => false,
                )
            ),
            array(
                'id'         => 'opt-editor-full',
                'type'       => 'editor',
                'title'      => __( '編輯器 - 全寬', 'redux-framework-demo' ),
                'full_width' => true
            ),
        ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/editor/</a>',
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( 'ACE 編輯器', 'redux-framework-demo' ),
        'id'         => 'editor-ace',
        //'icon'  => 'el el-home'
        'subsection' => true,
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/ace-editor/</a>',
        'fields'     => array(
            array(
                'id'       => 'opt-ace-editor-css',
                'type'     => 'ace_editor',
                'title'    => __( 'CSS 代碼', 'redux-framework-demo' ),
                'subtitle' => __( '復(fù)制你的CSS代碼到這里', 'redux-framework-demo' ),
                'mode'     => 'css',
                'theme'    => 'monokai',
                'desc'     => '更多的代碼模式可以看這里 <a href="' . 'http://' . 'ace.c9.io" target="_blank">' . 'http://' . 'ace.c9.io/</a>.',
                'default'  => "#header{\n   margin: 0 auto;\n}"
            ),
            array(
                'id'       => 'opt-ace-editor-js',
                'type'     => 'ace_editor',
                'title'    => __( 'JS 代碼', 'redux-framework-demo' ),
                'subtitle' => __( '復(fù)制你的JS代碼到這里', 'redux-framework-demo' ),
                'mode'     => 'javascript',
                'theme'    => 'chrome',
                'desc'     => '更多的代碼模式可以看這里 <a href="' . 'http://' . 'ace.c9.io" target="_blank">' . 'http://' . 'ace.c9.io/</a>.',
                'default'  => "jQuery(document).ready(function(){\n\n});"
            ),
            array(
                'id'         => 'opt-ace-editor-php',
                'type'       => 'ace_editor',
                'full_width' => true,
                'title'      => __( 'PHP 代碼', 'redux-framework-demo' ),
                'subtitle'   => __( '復(fù)制你的PHP代碼到這里', 'redux-framework-demo' ),
                'mode'       => 'php',
                'theme'      => 'chrome',
                'desc'       => '更多的代碼模式可以看這里 <a href="' . 'http://' . 'ace.c9.io" target="_blank">' . 'http://' . 'ace.c9.io/</a>.',
                'default'    => '<?php
    echo "PHP String";'
            ),


        )
    ) );

    // -> START 顏色選擇
    Redux::setSection( $opt_name, array(
        'title' => __( '顏色選擇', 'redux-framework-demo' ),
        'id'    => 'color',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-brush'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '顏色', 'redux-framework-demo' ),
        'id'         => 'color-Color',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/color/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-color-title',
                'type'     => 'color',
                'output'   => array( '.site-title' ),
                'title'    => __( '標(biāo)題顏色', 'redux-framework-demo' ),
                'subtitle' => __( '選擇標(biāo)題顏色 (默認(rèn): #000)', 'redux-framework-demo' ),
                'default'  => '#000000',
            ),
            array(
                'id'       => 'opt-color-footer',
                'type'     => 'color',
                'title'    => __( '頁腳背景顏色', 'redux-framework-demo' ),
                'subtitle' => __( '選擇頁腳背景色 (默認(rèn): #dd9933)', 'redux-framework-demo' ),
                'default'  => '#dd9933',
                'validate' => 'color',
            ),
        ),
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '顏色過渡', 'redux-framework-demo' ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/color-gradient/</a>',
        'id'         => 'color-gradient',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-color-header',
                'type'     => 'color_gradient',
                'title'    => __( 'Header Gradient Color Option', 'redux-framework-demo' ),
                'subtitle' => __( '只能對此字段類型進(jìn)行顏色驗證', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => array(
                    'from' => '#1e73be',
                    'to'   => '#00897e'
                )
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '顏色 RGBA', 'redux-framework-demo' ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/color-rgba/</a>',
        'id'         => 'color-rgba',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-color-rgba',
                'type'     => 'color_rgba',
                'title'    => __( '顏色 RGBA', 'redux-framework-demo' ),
                'subtitle' => __( 'RGBA 顏色格式', 'redux-framework-demo' ),
                'default'  => array(
                    'color' => '#7e33dd',
                    'alpha' => '.8'
                ),
                //'output'   => array( 'body' ),
                'mode'     => 'background',
                //'validate' => 'colorrgba',
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '鏈接顏色', 'redux-framework-demo' ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/link-color/</a>',
        'id'         => 'color-link',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-link-color',
                'type'     => 'link_color',
                'title'    => __( 'Links Color Option', 'redux-framework-demo' ),
                'subtitle' => __( 'Only color validation can be done on this field type', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //'regular'   => false, // Disable Regular Color
                //'hover'     => false, // Disable Hover Color
                //'active'    => false, // Disable Active Color
                //'visited'   => true,  // Enable Visited Color
                'default'  => array(
                    'regular' => '#aaa',
                    'hover'   => '#bbb',
                    'active'  => '#ccc',
                )
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '調(diào)色板', 'redux-framework-demo' ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/palette-color/</a>',
        'id'         => 'color-palette',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-palette-color',
                'type'     => 'palette',
                'title'    => __( 'Palette Color Option', 'redux-framework-demo' ),
                'subtitle' => __( 'Only color validation can be done on this field type', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => 'red',
                'palettes' => array(
                    'red'  => array(
                        '#ef9a9a',
                        '#f44336',
                        '#ff1744',
                    ),
                    'pink' => array(
                        '#fce4ec',
                        '#f06292',
                        '#e91e63',
                        '#ad1457',
                        '#f50057',
                    ),
                    'cyan' => array(
                        '#e0f7fa',
                        '#80deea',
                        '#26c6da',
                        '#0097a7',
                        '#00e5ff',
                    ),
                )
            ),
        )
    ) );


    // -> START 綜合設(shè)計域 - 包括margin padding color background-color border
    Redux::setSection( $opt_name, array(
        'title' => __( '設(shè)計字段', 'redux-framework-demo' ),
        'id'    => 'design',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-wrench'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '背景', 'redux-framework-demo' ),
        'id'         => 'design-background',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-background',
                'type'     => 'background',
                'output'   => array( 'body' ),
                'title'    => __( '主體背景', 'redux-framework-demo' ),
                'subtitle' => __( '主體背景與圖像恩袱、顏色等。', 'redux-framework-demo' ),
                //'default'   => '#FFFFFF',
            ),

        ),
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/background/</a>',
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '邊框', 'redux-framework-demo' ),
        'id'         => 'design-border',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/border/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-header-border',
                'type'     => 'border',
                'title'    => __( '頭部邊框選項', 'redux-framework-demo' ),
                'subtitle' => __( '只能對此字段類型進(jìn)行顏色驗證', 'redux-framework-demo' ),
                'output'   => array( '.site-header' ),
                // An array of CSS selectors to apply this font style to
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => array(
                    'border-color'  => '#1e73be',
                    'border-style'  => 'solid',
                    'border-top'    => '3px',
                    'border-right'  => '3px',
                    'border-bottom' => '3px',
                    'border-left'   => '3px'
                ),
            ),
            array(
                'id'       => 'opt-header-border-expanded',
                'type'     => 'border',
                'title'    => __( '頭部邊框選項', 'redux-framework-demo' ),
                'subtitle' => __( '只能對此字段類型進(jìn)行顏色驗證', 'redux-framework-demo' ),
                'output'   => array( '.site-header' ),
                'all'      => false,
                // An array of CSS selectors to apply this font style to
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'default'  => array(
                    'border-color'  => '#1e73be',
                    'border-style'  => 'solid',
                    'border-top'    => '3px',
                    'border-right'  => '3px',
                    'border-bottom' => '3px',
                    'border-left'   => '3px'
                )
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '尺寸', 'redux-framework-demo' ),
        'id'         => 'design-dimensions',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/dimensions/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'             => 'opt-dimensions',
                'type'           => 'dimensions',
                'units'          => array( 'em', 'px', '%' ),    // You can specify a unit value. Possible: px, em, %
                'units_extended' => 'true',  // Allow users to select any type of unit
                'title'          => __( '尺寸(寬/高)選項', 'redux-framework-demo' ),
                'subtitle'       => __( '允許用戶選擇寬度胶哲、高度和/或單位', 'redux-framework-demo' ),
                'desc'           => __( '您可以啟用或禁用此字段的任何部分畔塔,寬度、高度或單位鸯屿。', 'redux-framework-demo' ),
                'default'        => array(
                    'width'  => 200,
                    'height' => 100,
                )
            ),
            array(
                'id'             => 'opt-dimensions-width',
                'type'           => 'dimensions',
                'units'          => array( 'em', 'px', '%' ),    // You can specify a unit value. Possible: px, em, %
                'units_extended' => 'true',  // Allow users to select any type of unit
                'title'          => __( '尺寸(寬)選項', 'redux-framework-demo' ),
                'subtitle'       => __( '允許用戶選擇寬度澈吨、高度和/或單位', 'redux-framework-demo' ),
                'desc'           => __( '您可以啟用或禁用此字段的任何部分,寬度寄摆、高度或單位谅辣。', 'redux-framework-demo' ),
                'height'         => false,
                'default'        => array(
                    'width'  => 200,
                    'height' => 100,
                )
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '間距', 'redux-framework-demo' ),
        'id'         => 'design-spacing',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/spacing/</a>',
        'subsection' => true,
        'fields'     => array(

            array(
                'id'       => 'opt-spacing',
                'type'     => 'spacing',
                'output'   => array( '.site-header' ),
                // An array of CSS selectors to apply this font style to
                'mode'     => 'margin',
                // absolute, padding, margin, defaults to padding
                'all'      => true,
                // Have one field that applies to all
                //'top'           => false,     // Disable the top
                //'right'         => false,     // Disable the right
                //'bottom'        => false,     // Disable the bottom
                //'left'          => false,     // Disable the left
                //'units'         => 'em',      // You can specify a unit value. Possible: px, em, %
                //'units_extended'=> 'true',    // Allow users to select any type of unit
                //'display_units' => 'false',   // Set to false to hide the units if the units are specified
                'title'    => __( '內(nèi)邊距/外邊距選項', 'redux-framework-demo' ),
                'subtitle' => __( '允許用戶選擇他們想要的間距或邊距', 'redux-framework-demo' ),
                'desc'     => __( '您可以啟用或禁用此字段的任何部分,上婶恼、右桑阶、下、左或單位', 'redux-framework-demo' ),
                'default'  => array(
                    'margin-top'    => '1px',
                    'margin-right'  => '2px',
                    'margin-bottom' => '3px',
                    'margin-left'   => '4px'
                )
            ),
            array(
                'id'             => 'opt-spacing-expanded',
                'type'           => 'spacing',
                // An array of CSS selectors to apply this font style to
                'mode'           => 'margin',
                // absolute, padding, margin, defaults to padding
                'all'            => false,
                // Have one field that applies to all
                //'top'           => false,     // Disable the top
                //'right'         => false,     // Disable the right
                //'bottom'        => false,     // Disable the bottom
                //'left'          => false,     // Disable the left
                'units'          => array( 'em', 'px', '%' ),      // You can specify a unit value. Possible: px, em, %
                'units_extended' => 'true',    // Allow users to select any type of unit
                //'display_units' => 'false',   // Set to false to hide the units if the units are specified
                'title'          => __( '內(nèi)邊距/外邊距選項', 'redux-framework-demo' ),
                'subtitle'       => __( '允許用戶選擇他們想要的間距或邊距', 'redux-framework-demo' ),
                'desc'           => __( '您可以啟用或禁用此字段的任何部分勾邦,上蚣录、右、下眷篇、左或單位', 'redux-framework-demo' ),
                'default'        => array(
                    'margin-top'    => '1px',
                    'margin-right'  => '2px',
                    'margin-bottom' => '3px',
                    'margin-left'   => '4px'
                )
            ),
        )
    ) );

    // -> START 媒體上傳
    Redux::setSection( $opt_name, array(
        'title' => __( '媒體上傳', 'redux-framework-demo' ),
        'id'    => 'media',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-picture'
    ) );


    Redux::setSection( $opt_name, array(
        'title'      => __( '相冊', 'redux-framework-demo' ),
        'id'         => 'media-gallery',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/gallery/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-gallery',
                'type'     => 'gallery',
                'title'    => __( '新增/編輯 相冊', 'redux-framework-demo' ),
                'subtitle' => __( '使用WordPress自帶的上傳途徑上傳新的圖片或選擇已存在的圖片來創(chuàng)建新相冊', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '媒體文件', 'redux-framework-demo' ),
        'id'         => 'media-media',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/media/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-media',
                'type'     => 'media',
                'url'      => true,
                'title'    => __( '媒體文件 (帶URL)', 'redux-framework-demo' ),
                'compiler' => 'true',
                //'mode'      => false, // Can be set to false to allow any media type, or can also be set to any mime type.
                'desc'     => __( '有input有URL萎河,但禁止編輯input域', 'redux-framework-demo' ),
                'subtitle' => __( '使用WordPress自帶的上傳途徑上傳文件', 'redux-framework-demo' ),
                'default'  => array( 'url' => 'http://s.wordpress.org/style/images/codeispoetry.png' ),
                //'hint'      => array(
                //    'title'     => 'Hint Title',
                //    'content'   => 'This is a <b>hint</b> for the media field with a Title.',
                //)
            ),
            array(
                'id'       => 'media-no-url',
                'type'     => 'media',
                'title'    => __( '媒體文件 (不帶URL無預(yù)覽)', 'redux-framework-demo' ),
                'desc'     => __( '無input域,無預(yù)覽圖', 'redux-framework-demo' ),
                'subtitle' => __( '使用wordpress自帶的上傳途徑上傳文件', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'media-no-preview',
                'type'     => 'media',
                'preview'  => false,
                'title'    => __( '媒體文件 (有input無URL無預(yù)覽)', 'redux-framework-demo' ),
                'desc'     => __( '有input域蕉饼,無URL無預(yù)覽圖', 'redux-framework-demo' ),
                'subtitle' => __( '使用wordpress自帶的上傳途徑上傳文件', 'redux-framework-demo' ),
                'hint'     => array(
                    'title'   => 'Test',
                    'content' => '這是一段<b>提示</b>虐杯,<br/><br/>可以使用html標(biāo)簽',
                )
            ),
            array(
                'id'         => 'opt-random-upload',
                'type'       => 'media',
                'title'      => __( '無input無URL有預(yù)覽,全寬', 'redux-framework-demo' ),
                'full_width' => true,
                'mode'       => false,
                // Can be set to false to allow any media type, or can also be set to any mime type.
                'desc'       => __( '無input無URL', 'redux-framework-demo' ),
                'subtitle'   => __( '使用wordpress自帶的上傳途徑上傳文件', 'redux-framework-demo' ),
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '上傳滑塊', 'redux-framework-demo' ),
        'id'         => 'additional-slides',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/slides/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'          => 'opt-slides',
                'type'        => 'slides',
                'title'       => __( '滑塊設(shè)置', 'redux-framework-demo' ),
                'subtitle'    => __( '可以無限制插入或拖動滑塊部件', 'redux-framework-demo' ),
                'desc'        => __( '此設(shè)置項會將所有部件設(shè)置值寫入一個多維數(shù)組昧港,供開發(fā)者使用foreach等循環(huán)調(diào)用輸出', 'redux-framework-demo' ),
                'placeholder' => array(
                    'title'       => __( '這是滑塊標(biāo)題', 'redux-framework-demo' ),
                    'description' => __( '描述', 'redux-framework-demo' ),
                    'url'         => __( '這里可以設(shè)置一個鏈接擎椰,例如 http://www.ankium.com', 'redux-framework-demo' ),
                ),
            ),
        )
    ) );

    // -> START 小部件設(shè)置項
    Redux::setSection( $opt_name, array(
        'title' => __( '小部件', 'redux-framework-demo' ),
        'id'    => 'presentation',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-screen'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '分割部件', 'redux-framework-demo' ),
        'id'         => 'presentation-divide',
        'desc'       => __( '像左側(cè)菜單一樣創(chuàng)建一條分割線 用來分隔各個項目', 'redux-framework-demo' ) . '<br />' . __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/divide/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'   => 'opt-divide',
                'type' => 'divide'
            ),
        ),
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '信息部件', 'redux-framework-demo' ),
        'id'         => 'presentation-info',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/info/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'   => 'opt-info-field',
                'type' => 'info',
                'desc' => __( '典型信息部件', 'redux-framework-demo' )
            ),
            array(
                'id'    => 'opt-notice-info1',
                'type'  => 'info',
                'style' => 'info',
                'title' => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'  => __( '這是一個info字段,它應(yīng)用info樣式创肥,默認(rèn)情況下确憨,將應(yīng)用"普通"樣式', 'redux-framework-demo' )
            ),
            array(
                'id'    => 'opt-info-warning',
                'type'  => 'info',
                'style' => 'warning',
                'title' => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'  => __( '這是一個info字段,應(yīng)用了"警告"樣式', 'redux-framework-demo' )
            ),
            array(
                'id'    => 'opt-info-success',
                'type'  => 'info',
                'style' => 'success',
                'icon'  => 'el el-info-circle',
                'title' => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'  => __( '這是一個info字段瓤的,其應(yīng)用的樣式為"成功"樣式和圖標(biāo)', 'redux-framework-demo' )
            ),
            array(
                'id'    => 'opt-info-critical',
                'type'  => 'info',
                'style' => 'critical',
                'icon'  => 'el el-info-circle',
                'title' => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'  => __( '這是一個info字段,應(yīng)用了"關(guān)鍵"樣式和圖標(biāo)', 'redux-framework-demo' )
            ),
            array(
                'id'    => 'opt-info-custom',
                'type'  => 'info',
                'style' => 'custom',
                'color' => 'purple',
                'icon'  => 'el el-info-circle',
                'title' => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'  => __( '這是一個info字段吞歼,應(yīng)用了自定義樣式圈膏,傳遞了顏色參數(shù),還有一個圖標(biāo)', 'redux-framework-demo' )
            ),
            array(
                'id'     => 'opt-info-normal',
                'type'   => 'info',
                'notice' => false,
                'title'  => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'   => __( '這是一個信息不通知字段篙骡,它應(yīng)用了普通的樣式', 'redux-framework-demo' )
            ),
            array(
                'id'     => 'opt-notice-info',
                'type'   => 'info',
                'notice' => false,
                'style'  => 'info',
                'title'  => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'   => __( '這是一個信息不通知字段稽坤,它應(yīng)用了info樣式', 'redux-framework-demo' )
            ),
            array(
                'id'     => 'opt-notice-warning',
                'type'   => 'info',
                'notice' => false,
                'style'  => 'warning',
                'icon'   => 'el el-info-circle',
                'title'  => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'   => __( '這是一個信息不通知字段丈甸,其中應(yīng)用了"警告"樣式和一個圖標(biāo)', 'redux-framework-demo' )
            ),
            array(
                'id'     => 'opt-notice-success',
                'type'   => 'info',
                'notice' => false,
                'style'  => 'success',
                'icon'   => 'el el-info-circle',
                'title'  => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'   => __( '這是一個信息不通知字段,應(yīng)用了"成功"樣式和一個圖標(biāo)', 'redux-framework-demo' )
            ),
            array(
                'id'     => 'opt-notice-critical',
                'type'   => 'info',
                'notice' => false,
                'style'  => 'critical',
                'icon'   => 'el el-info-circle',
                'title'  => __( '標(biāo)題', 'redux-framework-demo' ),
                'desc'   => __( '這是一個非注意字段尿褪,應(yīng)用了"關(guān)鍵"樣式和一個圖標(biāo)', 'redux-framework-demo' )
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '組合部件', 'redux-framework-demo' ),
        'id'         => 'presentation-section',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/section/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'section-start',
                'type'     => 'section',
                'title'    => __( '組合部件的例子', 'redux-framework-demo' ),
                'subtitle' => __( '你可以創(chuàng)建獨立的組合部件', 'redux-framework-demo' ),
                'indent'   => true, // Indent all options below until the next 'section' option is set.
            ),
            array(
                'id'       => 'section-test',
                'type'     => 'text',
                'title'    => __( '標(biāo)題', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'section-test-media',
                'type'     => 'media',
                'title'    => __( '標(biāo)題', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
            ),
            array(
                'id'     => 'section-end',
                'type'   => 'section',
                'indent' => false, // Indent all options below until the next 'section' option is set.
            ),
            array(
                'id'   => 'section-info',
                'type' => 'info',
                'desc' => __( '下面可新增組合部件', 'redux-framework-demo' ),
            ),
        ),
    ) );
    Redux::setSection( $opt_name, array(
        'id'   => 'presentation-divide-sample',
        'type' => 'divide',
    ) );

    // -> START 開關(guān)按鈕
    Redux::setSection( $opt_name, array(
        'title' => __( '開關(guān)按鈕', 'redux-framework-demo' ),
        'id'    => 'switch_buttonset',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-cogs'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '按鈕', 'redux-framework-demo' ),
        'id'         => 'switch_buttonset-set',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/button-set/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-button-set',
                'type'     => 'button_set',
                'title'    => __( '單選按鈕設(shè)置', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for radio options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                'default'  => '2'
            ),
            array(
                'id'       => 'opt-button-set-multi',
                'type'     => 'button_set',
                'title'    => __( '復(fù)選按鈕設(shè)置', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'multi'    => true,
                //Must provide key => value pairs for radio options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                'default'  => array( '2', '3' )
            ),

        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '開關(guān)', 'redux-framework-demo' ),
        'id'         => 'switch_buttonset-switch',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/switch/</a>',
        'subsection' => true,
        'fields'     => array(

            array(
                'id'       => 'switch-on',
                'type'     => 'switch',
                'title'    => __( '開關(guān)-開', 'redux-framework-demo' ),
                'subtitle' => __( '現(xiàn)在是默認(rèn)打開狀態(tài)睦擂!', 'redux-framework-demo' ),
                'default'  => true,
            ),
            array(
                'id'       => 'switch-off',
                'type'     => 'switch',
                'title'    => __( '開關(guān)-關(guān)', 'redux-framework-demo' ),
                'subtitle' => __( '現(xiàn)在是默認(rèn)關(guān)閉狀態(tài)!', 'redux-framework-demo' ),
                //'options' => array('on', 'off'),
                'default'  => false,
            ),
            array(
                'id'       => 'switch-parent',
                'type'     => 'switch',
                'title'    => __( '開關(guān)聯(lián)動子項目-打開即顯示子項目', 'redux-framework-demo' ),
                'subtitle' => __( '默認(rèn)關(guān)閉杖玲,隱藏子項目顿仇!', 'redux-framework-demo' ),
                'default'  => 0,
                'on'       => 'Enabled',
                'off'      => 'Disabled',
            ),
            array(
                'id'       => 'switch-child1',
                'type'     => 'switch',
                'required' => array( 'switch-parent', '=', '1' ),// 設(shè)置折疊錨點id ,switch-parent 表示由id為switch-parent 的開關(guān)控制此項的折疊
                'title'    => __( '子項-1(再無子項)', 'redux-framework-demo' ),
                'subtitle' => __( '注意與開關(guān)id錨點掛鉤', 'redux-framework-demo' ),
                'desc'     => __( '設(shè)置為此ID的折疊項將隱藏介却,除非將其設(shè)置為適當(dāng)?shù)闹怠?, 'redux-framework-demo' ),
                'default'  => false,
            ),
            array(
                'id'       => 'switch-child2',
                'type'     => 'switch',
                'required' => array( 'switch-parent', '=', '1' ),// 設(shè)置折疊錨點id 叔营,switch-parent 表示由id為switch-parent 的開關(guān)控制此項的折疊
                'title'    => __( '子項-2(還有子項)', 'redux-framework-demo' ),
                'subtitle' => __( '注意與開關(guān)id錨點掛鉤', 'redux-framework-demo' ),
                'desc'     => __( '設(shè)置為此ID的折疊項將隱藏愕鼓,除非將其設(shè)置為適當(dāng)?shù)闹怠?, 'redux-framework-demo' ),
                'default'  => false,
            ),
        )
    ) );

    // -> START 下拉選擇
    Redux::setSection( $opt_name, array(
        'title' => __( '下拉選擇', 'redux-framework-demo' ),
        'id'    => 'select',
        'icon'  => 'el el-list-alt'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( 'Select', 'redux-framework-demo' ),
        'id'         => 'select-select',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/select/</a>',
        'subsection' => true,
        'fields'     => array(

            array(
                'id'       => 'opt-select',
                'type'     => 'select',
                'title'    => __( '典型下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for select options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3',
                ),
                'default'  => '2'
            ),
            array(
                'id'       => 'opt-select-stylesheet',
                'type'     => 'select',
                'title'    => __( '自定義值下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '選擇一個主題樣式', 'redux-framework-demo' ),
                'options'  => array( 'default.css' => 'default.css', 'color1.css' => 'color1.css' ),
                'default'  => 'default.css',
            ),
            array(
                'id'       => 'opt-select-optgroup',
                'type'     => 'select',
                'title'    => __( '選項組下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for select options
                'options'  => array(
                    'Group 1' => array(
                        '1' => 'Opt 1',
                        '2' => 'Opt 2',
                        '3' => 'Opt 3',
                    ),
                    'Group 2' => array(
                        '4' => 'Opt 4',
                        '5' => 'Opt 5',
                        '6' => 'Opt 6',
                    ),
                    '7'       => 'Opt 7',
                    '8'       => 'Opt 8',
                    '9'       => 'Opt 9',
                ),
                'default'  => '2'
            ),
            array(
                'id'       => 'opt-multi-select',
                'type'     => 'select',
                'multi'    => true,
                'title'    => __( '多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value pairs for radio options
                'options'  => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                //'required' => array( 'opt-select', 'equals', array( '1', '3' ) ),
                'default'  => array( '2', '3' )
            ),
            array(
                'id'   => 'opt-info',
                'type' => 'info',
                'desc' => __( '您可以輕松地從WordPress中添加各種數(shù)據(jù)', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-categories',
                'type'     => 'select',
                'data'     => 'categories',
                'title'    => __( '網(wǎng)站[ 分類 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-categories-multi',
                'type'     => 'select',
                'data'     => 'categories',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 分類 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-pages',
                'type'     => 'select',
                'data'     => 'pages',
                'title'    => __( '網(wǎng)站[ 頁面 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-pages',
                'type'     => 'select',
                'data'     => 'pages',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 頁面 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-tags',
                'type'     => 'select',
                'data'     => 'tags',
                'title'    => __( '網(wǎng)站[ 標(biāo)簽 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-tags',
                'type'     => 'select',
                'data'     => 'tags',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 標(biāo)簽 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-menus',
                'type'     => 'select',
                'data'     => 'menus',
                'title'    => __( '網(wǎng)站[ 菜單 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-menus',
                'type'     => 'select',
                'data'     => 'menu',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 菜單 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-post-type',
                'type'     => 'select',
                'data'     => 'post_type',
                'title'    => __( '網(wǎng)站[ 文章類型 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-post-type',
                'type'     => 'select',
                'data'     => 'post_type',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 文章類型 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-sortable',
                'type'     => 'select',
                'data'     => 'post_type',
                'multi'    => true,
                'sortable' => true,
                'title'    => __( '網(wǎng)站[ 文章類型 ]輸出多選下拉+拖動排序', 'redux-framework-demo' ),
                'subtitle' => __( '此字段也已啟用“排序”!', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-posts',
                'type'     => 'select',
                'data'     => 'post',
                'title'    => __( '網(wǎng)站[ 文章 ]輸出下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-multi-select-posts',
                'type'     => 'select',
                'data'     => 'post',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 文章 ]輸出多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-roles',
                'type'     => 'select',
                'data'     => 'roles',
                'title'    => __( '網(wǎng)站[ 用戶身份 ]下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-capabilities',
                'type'     => 'select',
                'data'     => 'capabilities',
                'multi'    => true,
                'title'    => __( '網(wǎng)站[ 用戶權(quán)限 ]多選下拉', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-elusive',
                'type'     => 'select',
                'data'     => 'elusive-icons',
                'title'    => __( '圖標(biāo)下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '這是所有難以捉摸的圖標(biāo)的名字和圖標(biāo)的列表', 'redux-framework-demo' ),
            ),
            array(
                'id'       => 'opt-select-users',
                'type'     => 'select',
                'data'     => 'users',
                'title'    => __( '網(wǎng)站[ 用戶 ]下拉選擇', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            ),
        )
    ) );
    Redux::setSection( $opt_name, array(
        'title'      => __( '圖片單選', 'redux-framework-demo' ),
        'id'         => 'select-image_select',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/image-select/</a>',
        'subsection' => true,
        'fields'     => array(

            array(
                'id'       => 'opt-image-select-layout',
                'type'     => 'image_select',
                'title'    => __( '圖片選擇 (網(wǎng)站布局)', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '利用圖片視圖選擇布局模式', 'redux-framework-demo' ),
                //Must provide key => value(array:title|img) pairs for radio options
                'options'  => array(
                    '1' => array(
                        'alt' => '1 Column',
                        'img' => ReduxFramework::$_url . 'assets/img/1col.png'
                    ),
                    '2' => array(
                        'alt' => '2 Column Left',
                        'img' => ReduxFramework::$_url . 'assets/img/2cl.png'
                    ),
                    '3' => array(
                        'alt' => '2 Column Right',
                        'img' => ReduxFramework::$_url . 'assets/img/2cr.png'
                    ),
                    '4' => array(
                        'alt' => '3 Column Middle',
                        'img' => ReduxFramework::$_url . 'assets/img/3cm.png'
                    ),
                    '5' => array(
                        'alt' => '3 Column Left',
                        'img' => ReduxFramework::$_url . 'assets/img/3cl.png'
                    ),
                    '6' => array(
                        'alt' => '3 Column Right',
                        'img' => ReduxFramework::$_url . 'assets/img/3cr.png'
                    )
                ),
                'default'  => '2'
            ),
            array(
                'id'       => 'opt-patterns',
                'type'     => 'image_select',
                'tiles'    => true,
                'title'    => __( '圖片選擇 (紋理)', 'redux-framework-demo' ),
                'subtitle' => __( '子標(biāo)題述呐,選擇一個背景模式', 'redux-framework-demo' ),
                'default'  => 0,
                'options'  => $sample_patterns
                ,
            ),
            array(
                'id'       => 'opt-image-select',
                'type'     => 'image_select',
                'title'    => __( '圖片選擇 (對齊方式)', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                //Must provide key => value(array:title|img) pairs for radio options
                'options'  => array(
                    '1' => array( 'title' => 'Opt 1', 'img' => 'images/align-none.png' ),
                    '2' => array( 'title' => 'Opt 2', 'img' => 'images/align-left.png' ),
                    '3' => array( 'title' => 'Opt 3', 'img' => 'images/align-center.png' ),
                    '4' => array( 'title' => 'Opt 4', 'img' => 'images/align-right.png' )
                ),
                'default'  => '2'
            ),
            array(
                'id'         => 'opt-presets',
                'type'       => 'image_select',
                'presets'    => true,
                'full_width' => true,
                'title'      => __( 'Preset', 'redux-framework-demo' ),
                'subtitle'   => __( '這允許您設(shè)置一個JSON字符串或數(shù)組來覆蓋主題中的多個首選項', 'redux-framework-demo' ),
                'default'    => 0,
                'desc'       => __( '這允許您設(shè)置一個JSON字符串或數(shù)組來覆蓋主題中的多個首選項', 'redux-framework-demo' ),
                'options'    => array(
                    '1' => array(
                        'alt'     => 'Preset 1',
                        'img'     => ReduxFramework::$_url . '../sample/presets/preset1.png',
                        'presets' => array(
                            'switch-on'     => 1,
                            'switch-off'    => 1,
                            'switch-parent' => 1
                        )
                    ),
                    '2' => array(
                        'alt'     => 'Preset 2',
                        'img'     => ReduxFramework::$_url . '../sample/presets/preset2.png',
                        'presets' => '{"opt-slider-label":"1", "opt-slider-text":"10"}'
                    ),
                ),
            ),
        )
    ) );
    
    Redux::setSection( $opt_name, array(
        'title'      => __( '圖片下拉選擇', 'redux-framework-demo' ),
        'id'         => 'select-select_image',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/select-image/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'      => 'opt-select_image-field',
                'type'    => 'select_image',
                'title'   => __( '下拉選擇(有預(yù)覽)', 'redux-framework-demo' ),
                'subtitle' => __( '選中圖像的預(yù)覽將出現(xiàn)在選中框的下面', 'redux-framework-demo' ),
                'options' => array(
                    array(
                        'alt' => 'Preset 1',
                        'img' => ReduxFramework::$_url . '../sample/presets/preset1.png',
                    ),
                    array(
                        'alt' => 'Preset 2',
                        'img' => ReduxFramework::$_url . '../sample/presets/preset2.png',
                    ),
                ),
                'default' => ReduxFramework::$_url . '../sample/presets/preset2.png',
            ),
            
            array(
                'id'       => 'opt-select-image',
                'type'     => 'select_image',
                'title'    => __( '選擇圖像', 'redux-framework-demo' ),
                'subtitle' => __( '選中圖像的預(yù)覽將出現(xiàn)在選中框的下面', 'redux-framework-demo' ),
                'options'  => $sample_patterns,
                'default'  => ReduxFramework::$_url . '../sample/patterns/triangular.png',
            ),
        )
    ) );

    // -> START 滑塊 / 微調(diào)器
    Redux::setSection( $opt_name, array(
        'title' => __( '滑塊 / 微調(diào)器', 'redux-framework-demo' ),
        'id'    => 'slider_spinner',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-adjust-alt'
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '滑塊', 'redux-framework-demo' ),
        'id'         => 'slider_spinner-slider',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/slider/</a>',
        'fields'     => array(

            array(
                'id'            => 'opt-slider-label',
                'type'          => 'slider',
                'title'         => __( '滑塊類型 1 (典型)', 'redux-framework-demo' ),
                'subtitle'      => __( '左側(cè)顯示數(shù)值', 'redux-framework-demo' ),
                'desc'          => __( '滑塊描述——最小: 1, 最大: 500, 步距: 1, 默認(rèn)值: 250', 'redux-framework-demo' ),
                'default'       => 250,
                'min'           => 1,
                'step'          => 1,
                'max'           => 500,
                'display_value' => 'label'
            ),
            array(
                'id'            => 'opt-slider-text',
                'type'          => 'slider',
                'title'         => __( '滑塊類型 2 (步距為5)', 'redux-framework-demo' ),
                'subtitle'      => __( '左側(cè)顯示數(shù)值 (可修改數(shù)值)', 'redux-framework-demo' ),
                'desc'          => __( '滑塊描述——最小: 0, 最大: 300, 步距: 5, 默認(rèn)值: 75', 'redux-framework-demo' ),
                'default'       => 75,
                'min'           => 0,
                'step'          => 5,
                'max'           => 300,
                'display_value' => 'text'
            ),
            array(
                'id'            => 'opt-slider-select',
                'type'          => 'slider',
                'title'         => __( '滑塊類型 3 (兩端控制)', 'redux-framework-demo' ),
                'subtitle'      => __( '左右端可設(shè)置數(shù)值', 'redux-framework-demo' ),
                'desc'          => __( '滑塊描述——最小: 0, 最大: 500, 步距: 5, 左端默認(rèn)值: 100', 'redux-framework-demo' ),
                'default'       => array(
                    1 => 100,
                    2 => 300,
                ),
                'min'           => 0,
                'step'          => 5,
                'max'           => '500',
                'display_value' => 'select',
                'handles'       => 2,
            ),
            array(
                'id'            => 'opt-slider-float',
                'type'          => 'slider',
                'title'         => __( '滑塊類型 4 (小數(shù)類型)', 'redux-framework-demo' ),
                'subtitle'      => __( '顯示為小數(shù)', 'redux-framework-demo' ),
                'desc'          => __( '滑塊描述——最小: 0, 最大: 1, 步距: 0.1, 默認(rèn)值: 0.5', 'redux-framework-demo' ),
                'default'       => .5,
                'min'           => 0,
                'step'          => .1,
                'max'           => 1,
                'resolution'    => 0.1,
                'display_value' => 'text'
            ),

        ),
        'subsection' => true,
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '微調(diào)器', 'redux-framework-demo' ),
        'id'         => 'slider_spinner-spinner',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/spinner/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'      => 'opt-spinner',
                'type'    => 'spinner',
                'title'   => __( 'JQuery UI Spinner 示例 1', 'redux-framework-demo' ),
                'desc'    => __( 'JQuery UI spinner 說明——最小:20, 最大: 100, 步距:20, 默認(rèn)值: 40', 'redux-framework-demo' ),
                'default' => '40',
                'min'     => '20',
                'step'    => '20',
                'max'     => '100',
            ),
        )
    ) );

    // -> START 文字排版相關(guān)
    Redux::setSection( $opt_name, array(
        'title'  => __( '文字排版相關(guān)', 'redux-framework-demo' ),
        'id'     => 'typography',
        'desc'   => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/typography/</a>',
        'icon'   => 'el el-font',
        'fields' => array(
            array(
                'id'       => 'opt-typography-body',
                'type'     => '文字排版',
                'title'    => __( '正文字體', 'redux-framework-demo' ),
                'subtitle' => __( '指定正文字體屬性.', 'redux-framework-demo' ),
                'google'   => true,
                'default'  => array(
                    'color'       => '#dd9933',
                    'font-size'   => '30px',
                    'font-family' => 'Arial,Helvetica,sans-serif',
                    'font-weight' => 'Normal',
                ),
            ),
            array(
                'id'          => 'opt-typography',
                'type'        => 'typography',
                'title'       => __( 'Typography h2.site-description', 'redux-framework-demo' ),
                //'compiler'      => true,  // Use if you want to hook in your own CSS compiler
                //'google'      => false,
                // Disable google fonts. Won't work if you haven't defined your google api key
                'font-backup' => true,
                // Select a backup non-google font in addition to a google font
                //'font-style'    => false, // Includes font-style and weight. Can use font-style or font-weight to declare
                //'subsets'       => false, // Only appears if google is true and subsets not set to false
                //'font-size'     => false,
                //'line-height'   => false,
                //'word-spacing'  => true,  // Defaults to false
                //'letter-spacing'=> true,  // Defaults to false
                //'color'         => false,
                //'preview'       => false, // Disable the previewer
                'all_styles'  => true,
                // Enable all Google Font style/weight variations to be added to the page
                'output'      => array( 'h2.site-description, .entry-title' ),
                // An array of CSS selectors to apply this font style to dynamically
                'compiler'    => array( 'h2.site-description-compiler' ),
                // An array of CSS selectors to apply this font style to dynamically
                'units'       => 'px',
                // Defaults to px
                'subtitle'    => __( '可以單獨調(diào)用每個屬性的排版選項', 'redux-framework-demo' ),
                'default'     => array(
                    'color'       => '#333',
                    'font-style'  => '700',
                    'font-family' => 'Abel',
                    'google'      => true,
                    'font-size'   => '33px',
                    'line-height' => '40px'
                ),
            ),
        )
    ) );

    // -> START 額外的類型
    Redux::setSection( $opt_name, array(
        'title' => __( '額外的類型', 'redux-framework-demo' ),
        'id'    => 'additional',
        'desc'  => __( '', 'redux-framework-demo' ),
        'icon'  => 'el el-magic',
        //'fields' => array(
        //    array(
        //        'id'              => 'opt-customizer-only-in-section',
        //        'type'            => 'select',
        //        'title'           => __( 'Customizer Only Option', 'redux-framework-demo' ),
        //        'subtitle'        => __( 'The subtitle is NOT visible in customizer', 'redux-framework-demo' ),
        //        'desc'            => __( 'The field desc is NOT visible in customizer.', 'redux-framework-demo' ),
        //        'customizer_only' => true,
        //        //Must provide key => value pairs for select options
        //        'options'         => array(
        //            '1' => 'Opt 1',
        //            '2' => 'Opt 2',
        //            '3' => 'Opt 3'
        //        ),
        //        'default'         => '2'
        //    ),
        //)
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '日期', 'redux-framework-demo' ),
        'id'         => 'additional-date',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/date/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-datepicker',
                'type'     => 'date',
                'title'    => __( '日期選項', 'redux-framework-demo' ),
                'subtitle' => __( '本設(shè)置子標(biāo)題', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' )
            ),
        ),
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '分類', 'redux-framework-demo' ),
        'id'         => 'additional-sorter',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/sorter/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-homepage-layout',
                'type'     => 'sorter',
                'title'    => '高級布局管理器',
                'subtitle' => '可以添加多個拖放區(qū)域或列',
                'compiler' => 'true',
                'options'  => array(
                    'enabled'  => array(
                        'highlights' => 'Highlights',
                        'slider'     => 'Slider',
                        'staticpage' => 'Static Page',
                        'services'   => 'Services'
                    ),
                    'disabled' => array(),
                    'backup'   => array(),
                ),
                'limits'   => array(
                    'disabled' => 1,
                    'backup'   => 2,
                ),
            ),
            array(
                'id'       => 'opt-homepage-layout-2',
                'type'     => 'sorter',
                'title'    => '主頁布局管理器',
                'desc'     => '組織您希望布局出現(xiàn)在主頁上的方式',
                'compiler' => 'true',
                'options'  => array(
                    'disabled' => array(
                        'highlights' => 'Highlights',
                        'slider'     => 'Slider',
                    ),
                    'enabled'  => array(
                        'staticpage' => 'Static Page',
                        'services'   => 'Services'
                    ),
                ),
            ),
        )

    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( 'Raw', 'redux-framework-demo' ),
        'id'         => 'additional-raw',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/raw/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-raw_info_4',
                'type'     => 'raw',
                'title'    => __( 'Standard Raw Field', 'redux-framework-demo' ),
                'subtitle' => __( 'Subtitle', 'redux-framework-demo' ),
                'desc'     => __( 'Description', 'redux-framework-demo' ),
                'content'  => $sampleHTML,
            ),
            array(
                'id'         => 'opt-raw_info_5',
                'type'       => 'raw',
                'full_width' => false,
                'title'      => __( 'Raw Field <code>full_width</code> False', 'redux-framework-demo' ),
                'subtitle'   => __( 'Subtitle', 'redux-framework-demo' ),
                'desc'       => __( 'Description', 'redux-framework-demo' ),
                'content'    => $sampleHTML,
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title' => __( '高級功能', 'redux-framework-demo' ),
        'icon'  => 'el el-thumbs-up',
        // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( '回調(diào)', 'redux-framework-demo' ),
        'id'         => 'additional-callback',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/fields/callback/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-custom-callback',
                'type'     => 'callback',
                'title'    => __( 'Custom Field Callback', 'redux-framework-demo' ),
                'subtitle' => __( 'This is a completely unique field type', 'redux-framework-demo' ),
                'desc'     => __( 'This is created with a callback function, so anything goes in this field. Make sure to define the function though.', 'redux-framework-demo' ),
                'callback' => 'redux_my_custom_field'
            ),
        )
    ) );

    // -> START 驗證
    Redux::setSection( $opt_name, array(
        'title'      => __( '驗證字段', 'redux-framework-demo' ),
        'id'         => 'validation',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/the-basics/validation/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-text-email',
                'type'     => 'text',
                'title'    => __( '文本選項-電子郵件驗證', 'redux-framework-demo' ),
                'subtitle' => __( '這是一個在表格選項中標(biāo)題字段下的小空間,可以放置附加信息', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'email',
                'msg'      => 'custom error message',
                'default'  => 'sudons@msn.cn',
            ),
            array(
                'id'       => 'opt-text-post-type',
                'type'     => 'text',
                'title'    => __( '帶有數(shù)據(jù)屬性的文本選項', 'redux-framework-demo' ),
                'subtitle' => __( '如果需要蕉毯,還可以傳遞一個選項數(shù)組乓搬,將默認(rèn)值設(shè)置為任何您喜歡的', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'data'     => 'post_type',
            ),
            array(
                'id'       => 'opt-multi-text',
                'type'     => 'multi_text',
                'title'    => __( '多文本選項-顏色驗證', 'redux-framework-demo' ),
                'validate' => 'color',
                'subtitle' => __( '如果輸入無效的顏色,它將被刪除(嘗試使用文本“blue”作為顏色)', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' )
            ),
            array(
                'id'       => 'opt-text-url',
                'type'     => 'text',
                'title'    => __( '文本選項-URL驗證', 'redux-framework-demo' ),
                'subtitle' => __( '這必須是個URL', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'url',
                'default'  => 'http://reduxframework.com',
            ),
            array(
                'id'       => 'opt-text-numeric',
                'type'     => 'text',
                'title'    => __( '文本選項-數(shù)字驗證', 'redux-framework-demo' ),
                'subtitle' => __( '這必須是數(shù)字', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'numeric',
                'default'  => '0',
            ),
            array(
                'id'       => 'opt-text-comma-numeric',
                'type'     => 'text',
                'title'    => __( '文本選項-逗號數(shù)字驗證', 'redux-framework-demo' ),
                'subtitle' => __( '這必須是以逗號分隔的數(shù)值字符串', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'comma_numeric',
                'default'  => '0',
            ),
            array(
                'id'       => 'opt-text-no-special-chars',
                'type'     => 'text',
                'title'    => __( '文本選項-元特殊字符驗證', 'redux-framework-demo' ),
                'subtitle' => __( '這必須是一個字母數(shù)字', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'no_special_chars',
                'default'  => '0'
            ),
            array(
                'id'       => 'opt-text-str_replace',
                'type'     => 'text',
                'title'    => __( '文本選項-字符替換驗證', 'redux-framework-demo' ),
                'subtitle' => __( '你決定吧', 'redux-framework-demo' ),
                'desc'     => __( '此字段的默認(rèn)值由過濾器掛鉤更改', 'redux-framework-demo' ),
                'validate' => 'str_replace',
                'str'      => array(
                    'search'      => ' ',
                    'replacement' => 'thisisaspace'
                ),
                'default'  => '這是默認(rèn)的'
            ),
            array(
                'id'       => 'opt-text-preg_replace',
                'type'     => 'text',
                'title'    => __( '文本選項-正則替換驗證', 'redux-framework-demo' ),
                'subtitle' => __( '你決定吧', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'preg_replace',
                'preg'     => array(
                    'pattern'     => '/[^a-zA-Z_ -]/s',
                    'replacement' => 'no numbers'
                ),
                'default'  => '0'
            ),
            array(
                'id'                => 'opt-text-custom_validate',
                'type'              => 'text',
                'title'             => __( '文本選項-自定義回調(diào)驗證', 'redux-framework-demo' ),
                'subtitle'          => __( '你決定吧', 'redux-framework-demo' ),
                'desc'              => __( 'Enter <code>1</code> and click <strong>Save Changes</strong> for an error message, or enter <code>2</code> and click <strong>Save Changes</strong> for a warning message.', 'redux-framework-demo' ),
                'validate_callback' => 'redux_validate_callback_function',
                'default'           => '0'
            ),
            //array(
            //    'id'                => 'opt-text-custom_validate-class',
            //    'type'              => 'text',
            //    'title'             => __( 'Text Option - Custom Callback Validated - Class', 'redux-framework-demo' ),
            //    'subtitle'          => __( 'You decide.', 'redux-framework-demo' ),
            //    'desc'              => __( '本設(shè)置項描述', 'redux-framework-demo' ),
            //    'validate_callback' => array( 'Class_Name', 'validate_callback_function' ),
            //    // You can pass the current class
            //    // Or pass the class name and method
            //    //'validate_callback' => array(
            //    //    'Redux_Framework_sample_config',
            //    //    'validate_callback_function'
            //    //),
            //    'default'           => '0'
            //),
            array(
                'id'       => 'opt-textarea-no-html',
                'type'     => 'textarea',
                'title'    => __( '文本域選項-無HTML驗證', 'redux-framework-demo' ),
                'subtitle' => __( '去除所有的HTML標(biāo)簽', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'no_html',
                'default'  => 'No HTML is allowed in here.'
            ),
            array(
                'id'       => 'opt-textarea-html',
                'type'     => 'textarea',
                'title'    => __( '文本域-HTML標(biāo)簽驗證', 'redux-framework-demo' ),
                'subtitle' => __( '可接受HTML標(biāo)簽', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'html', //see http://codex.wordpress.org/Function_Reference/wp_kses_post
                'default'  => 'HTML is allowed in here.'
            ),
            array(
                'id'           => 'opt-textarea-some-html',
                'type'         => 'textarea',
                'title'        => __( '文本域-自定義HTML驗證', 'redux-framework-demo' ),
                'subtitle'     => __( '接受自定義HTML標(biāo)簽', 'redux-framework-demo' ),
                'desc'         => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate'     => 'html_custom',
                'default'      => '<p>Some HTML is allowed in here.</p>',
                'allowed_html' => array(
                    'a'      => array(
                        'href'  => array(),
                        'title' => array()
                    ),
                    'br'     => array(),
                    'em'     => array(),
                    'strong' => array()
                ) //see http://codex.wordpress.org/Function_Reference/wp_kses
            ),
            array(
                'id'       => 'opt-textarea-js',
                'type'     => 'textarea',
                'title'    => __( '文本域-JS代碼驗證', 'redux-framework-demo' ),
                'subtitle' => __( '過濾JS代碼', 'redux-framework-demo' ),
                'desc'     => __( '本設(shè)置項描述', 'redux-framework-demo' ),
                'validate' => 'js'
            ),
        )
    ) );

    // -> START Required
    Redux::setSection( $opt_name, array(
        'title'      => __( 'Field Required / Linking', 'redux-framework-demo' ),
        'id'         => 'required',
        'desc'       => __( '文檔支持請參考: ', 'redux-framework-demo' ) . '<a  target="_blank">docs.reduxframework.com/core/the-basics/required/</a>',
        'subsection' => true,
        'fields'     => array(
            array(
                'id'       => 'opt-required-basic',
                'type'     => 'switch',
                'title'    => '基本要求示例',
                'subtitle' => '單擊“開啟”按鈕看看會出現(xiàn)什么',
                'default'  => false
            ),
            array(
                'id'       => 'opt-required-basic-text',
                'type'     => 'text',
                'title'    => '基本文本字段',
                'subtitle' => '只有當(dāng)上面的開關(guān)被設(shè)置為“開啟”且使用“require”參數(shù)時代虾,才會顯示此文本字段进肯。',
                'required' => array( 'opt-required-basic', '=', true )
            ),
            array(
                'id'   => 'opt-required-divide-1',
                'type' => 'divide'
            ),
            array(
                'id'       => 'opt-required-nested',
                'type'     => 'switch',
                'title'    => '嵌套所需的示例',
                'subtitle' => '單擊"開啟"按鈕可以看到另一組選項出現(xiàn)',
                'default'  => false
            ),
            array(
                'id'       => 'opt-required-nested-buttonset',
                'type'     => 'button_set',
                'title'    => '多個嵌套所需的示例',
                'subtitle' => '單擊任何按鈕,根據(jù)它們的“require”語句顯示不同的字段',
                'options'  => array(
                    'button-text'     => 'Show Text Field',
                    'button-textarea' => 'Show Textarea Field',
                    'button-editor'   => 'Show WP Editor',
                    'button-ace'      => 'Show ACE Editor'
                ),
                'required' => array( 'opt-required-nested', '=', true ),
                'default'  => 'button-text'
            ),
            array(
                'id'       => 'opt-required-nested-text',
                'type'     => 'text',
                'title'    => '嵌套文本字段',
                'required' => array( 'opt-required-nested-buttonset', '=', 'button-text' )
            ),
            array(
                'id'       => 'opt-required-nested-textarea',
                'type'     => 'textarea',
                'title'    => '嵌套文本域字段',
                'required' => array( 'opt-required-nested-buttonset', '=', 'button-textarea' )
            ),
            array(
                'id'       => 'opt-required-nested-editor',
                'type'     => 'editor',
                'title'    => '嵌套編輯器字段',
                'required' => array( 'opt-required-nested-buttonset', '=', 'button-editor' )
            ),
            array(
                'id'       => 'opt-required-nested-ace',
                'type'     => 'ace_editor',
                'title'    => '嵌套ACE編輯器字段',
                'required' => array( 'opt-required-nested-buttonset', '=', 'button-ace' )
            ),
            array(
                'id'   => 'opt-required-divide-2',
                'type' => 'divide'
            ),
            array(
                'id'       => 'opt-required-select',
                'type'     => 'select',
                'title'    => '選擇所需的示例',
                'subtitle' => '選項一個不同的選項以顯示其值褐着,可顯示多個',
                'options'  => array(
                    'no-sidebar'    => 'No Sidebars',
                    'left-sidebar'  => 'Left Sidebar',
                    'right-sidebar' => 'Right Sidebar',
                    'both-sidebars' => 'Both Sidebars'
                ),
                'default'  => 'no-sidebar',
                'select2'  => array( 'allowClear' => false )
            ),
            array(
                'id'       => 'opt-required-select-left-sidebar',
                'type'     => 'select',
                'title'    => '選擇左側(cè)邊框',
                'data'     => 'sidebars',
                'default'  => '',
                'required' => array( 'opt-required-select', '=', array( 'left-sidebar', 'both-sidebars' ) )
            ),
            array(
                'id'       => 'opt-required-select-right-sidebar',
                'type'     => 'select',
                'title'    => '選擇右側(cè)邊框',
                'data'     => 'sidebars',
                'default'  => '',
                'required' => array( 'opt-required-select', '=', array( 'right-sidebar', 'both-sidebars' ) )
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'title'      => __( 'WPML整合', 'redux-framework-demo' ),
        'desc'       => __( '這些字段可以由WPML(WordPress Multi-Language)完全翻譯坷澡,這是你實現(xiàn)的一個例子,請查看有關(guān) <a  target="_blank">WPML Implementation</a>的文檔 ', 'redux-framework-demo' ),
        'subsection' => true,
        // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
        'fields'     => array(
            array(
                'id'    => 'wpml-text',
                'type'  => 'textarea',
                'title' => __( 'WPML文本', 'redux-framework-demo' ),
                'desc'  => __( '此字符串可以通過WPML進(jìn)行翻譯', 'redux-framework-demo' ),
            ),
            array(
                'id'      => 'wpml-multicheck',
                'type'    => 'checkbox',
                'title'   => __( 'WPML多選框', 'redux-framework-demo' ),
                'desc'    => __( '您可以通過關(guān)鍵字逐個翻譯這些值', 'redux-framework-demo' ),
                //Must provide key => value pairs for multi checkbox options
                'options' => array(
                    '1' => 'Option 1',
                    '2' => 'Option 2',
                    '3' => 'Option 3'
                ),
            ),
        )
    ) );

    Redux::setSection( $opt_name, array(
        'icon'            => 'el el-list-alt',
        'title'           => __( '僅“自定義”可見', 'redux-framework-demo' ),
        'desc'            => __( '<p class="description">此部分僅在“自定義”中可見</p>', 'redux-framework-demo' ),
        'customizer_only' => true,
        'fields'          => array(
            array(
                'id'              => 'opt-customizer-only',
                'type'            => 'select',
                'title'           => __( '自定義選項', 'redux-framework-demo' ),
                'subtitle'        => __( '子標(biāo)題:自定義不可見', 'redux-framework-demo' ),
                'desc'            => __( '描述:自定義不可見', 'redux-framework-demo' ),
                'customizer_only' => true,
                //Must provide key => value pairs for select options
                'options'         => array(
                    '1' => 'Opt 1',
                    '2' => 'Opt 2',
                    '3' => 'Opt 3'
                ),
                'default'         => '2'
            ),
        )
    ) );

    if ( file_exists( dirname( __FILE__ ) . '/../README.md' ) ) {
        $section = array(
            'icon'   => 'el el-list-alt',
            'title'  => __( '文檔', 'redux-framework-demo' ),
            'fields' => array(
                array(
                    'id'       => '17',
                    'type'     => 'raw',
                    'markdown' => true,
                    'content_path' => dirname( __FILE__ ) . '/../README.md', // FULL PATH, not relative please
                    //'content' => 'Raw content here',
                ),
            ),
        );
        Redux::setSection( $opt_name, $section );
    }
    /*
     * <--- END SECTIONS
     */


    /*
     *
     * YOU MUST PREFIX THE FUNCTIONS BELOW AND ACTION FUNCTION CALLS OR ANY OTHER CONFIG MAY OVERRIDE YOUR CODE.
     *
     */

    /*
    *
    * --> Action hook examples
    *
    */

    // If Redux is running as a plugin, this will remove the demo notice and links
    //add_action( 'redux/loaded', 'remove_demo' );

    // Function to test the compiler hook and demo CSS output.
    // Above 10 is a priority, but 2 in necessary to include the dynamically generated CSS to be sent to the function.
    //add_filter('redux/options/' . $opt_name . '/compiler', 'compiler_action', 10, 3);

    // Change the arguments after they've been declared, but before the panel is created
    //add_filter('redux/options/' . $opt_name . '/args', 'change_arguments' );

    // Change the default value of a field after it's been set, but before it's been useds
    //add_filter('redux/options/' . $opt_name . '/defaults', 'change_defaults' );

    // Dynamically add a section. Can be also used to modify sections/fields
    //add_filter('redux/options/' . $opt_name . '/sections', 'dynamic_section');

    /**
     * This is a test function that will let you see when the compiler hook occurs.
     * It only runs if a field    set with compiler=>true is changed.
     * */
    if ( ! function_exists( 'compiler_action' ) ) {
        function compiler_action( $options, $css, $changed_values ) {
            echo '<h1>The compiler hook has run!</h1>';
            echo "<pre>";
            print_r( $changed_values ); // Values that have changed since the last save
            echo "</pre>";
            //print_r($options); //Option values
            //print_r($css); // Compiler selector CSS values  compiler => array( CSS SELECTORS )
        }
    }

    /**
     * Custom function for the callback validation referenced above
     * */
    if ( ! function_exists( 'redux_validate_callback_function' ) ) {
        function redux_validate_callback_function( $field, $value, $existing_value ) {
            $error   = false;
            $warning = false;

            //do your validation
            if ( $value == 1 ) {
                $error = true;
                $value = $existing_value;
            } elseif ( $value == 2 ) {
                $warning = true;
                $value   = $existing_value;
            }

            $return['value'] = $value;

            if ( $error == true ) {
                $field['msg']    = 'your custom error message';
                $return['error'] = $field;
            }

            if ( $warning == true ) {
                $field['msg']      = 'your custom warning message';
                $return['warning'] = $field;
            }

            return $return;
        }
    }

    /**
     * Custom function for the callback referenced above
     */
    if ( ! function_exists( 'redux_my_custom_field' ) ) {
        function redux_my_custom_field( $field, $value ) {
            print_r( $field );
            echo '<br/>';
            print_r( $value );
        }
    }

    /**
     * Custom function for filtering the sections array. Good for child themes to override or add to the sections.
     * Simply include this function in the child themes functions.php file.
     * NOTE: the defined constants for URLs, and directories will NOT be available at this point in a child theme,
     * so you must use get_template_directory_uri() if you want to use any of the built in icons
     * */
    if ( ! function_exists( 'dynamic_section' ) ) {
        function dynamic_section( $sections ) {
            //$sections = array();
            $sections[] = array(
                'title'  => __( 'Section via hook', 'redux-framework-demo' ),
                'desc'   => __( '<p class="description">This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.</p>', 'redux-framework-demo' ),
                'icon'   => 'el el-paper-clip',
                // Leave this as a blank section, no options just some intro text set above.
                'fields' => array()
            );

            return $sections;
        }
    }

    /**
     * Filter hook for filtering the args. Good for child themes to override or add to the args array. Can also be used in other functions.
     * */
    if ( ! function_exists( 'change_arguments' ) ) {
        function change_arguments( $args ) {
            //$args['dev_mode'] = true;

            return $args;
        }
    }

    /**
     * Filter hook for filtering the default value of any given field. Very useful in development mode.
     * */
    if ( ! function_exists( 'change_defaults' ) ) {
        function change_defaults( $defaults ) {
            $defaults['str_replace'] = 'Testing filter hook!';

            return $defaults;
        }
    }

    /**
     * Removes the demo link and the notice of integrated demo from the redux-framework plugin
     */
    if ( ! function_exists( 'remove_demo' ) ) {
        function remove_demo() {
            // Used to hide the demo mode link from the plugin page. Only used when Redux is a plugin.
            if ( class_exists( 'ReduxFrameworkPlugin' ) ) {
                remove_filter( 'plugin_row_meta', array(
                    ReduxFrameworkPlugin::instance(),
                    'plugin_metalinks'
                ), null, 2 );

                // Used to hide the activation notice informing users of the demo panel. Only used when Redux is a plugin.
                remove_action( 'admin_notices', array( ReduxFrameworkPlugin::instance(), 'admin_notices' ) );
            }
        }
    }

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末含蓉,一起剝皮案震驚了整個濱河市频敛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌馅扣,老刑警劉巖斟赚,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異差油,居然都是意外死亡拗军,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進(jìn)店門蓄喇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來发侵,“玉大人,你說我怎么就攤上這事妆偏∪婿” “怎么了?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵钱骂,是天一觀的道長叔锐。 經(jīng)常有香客問我挪鹏,道長,這世上最難降的妖魔是什么愉烙? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任讨盒,我火速辦了婚禮,結(jié)果婚禮上步责,老公的妹妹穿的比我還像新娘返顺。我一直安慰自己,他們只是感情好勺择,可當(dāng)我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布创南。 她就那樣靜靜地躺著,像睡著了一般省核。 火紅的嫁衣襯著肌膚如雪稿辙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天气忠,我揣著相機(jī)與錄音邻储,去河邊找鬼。 笑死旧噪,一個胖子當(dāng)著我的面吹牛吨娜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播淘钟,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼宦赠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了米母?” 一聲冷哼從身側(cè)響起勾扭,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎铁瞒,沒想到半個月后妙色,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡慧耍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年身辨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片芍碧。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡煌珊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出泌豆,到底是詐尸還是另有隱情定庵,我是刑警寧澤,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站洗贰,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏陨倡。R本人自食惡果不足惜敛滋,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兴革。 院中可真熱鬧绎晃,春花似錦、人聲如沸杂曲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽擎勘。三九已至咱揍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間棚饵,已是汗流浹背煤裙。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留噪漾,地道東北人硼砰。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像欣硼,于是被迫代替她去往敵國和親题翰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內(nèi)容