initSettings();
} else {
add_action( 'plugins_loaded', array( $this, 'initSettings' ), 10 );
}
}
public function initSettings() {
// Set the default arguments
$this->setArguments();
// Set a few help tabs so you can see how it's done
$this->setHelpTabs();
// Create the sections and fields
$this->setSections();
if ( ! isset( $this->args['opt_name'] ) ) { // No errors please
return;
}
$this->ReduxFramework = new ReduxFramework( $this->sections, $this->args );
}
public function setSections() {
// ACTUAL DECLARATION OF SECTIONS
$this->sections[] = array(
'title' => __( 'Home Settings', 'redux-framework-demo' ),
'desc' => __( 'These fields can be fully translated by WPML (WordPress Multi-Language). This serves as an example for you to implement. For extra details look at our WPML Implementation documentation.', 'redux-framework-demo' ),
'icon' => 'el-icon-home',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'textid',
'type' => 'text',
'title' => __( 'Example Text', 'redux-framework-demo' ),
'compiler' => 'true',
// Can be set to false to allow any media type, or can also be set to any mime type.
'desc' => __( 'Example description.', 'redux-framework-demo' ),
'subtitle' => __( 'Example subtitle.', 'redux-framework-demo' ),
'hint' => array(
//'title' => '',
'content' => 'This is a hint tool-tip for the webFonts field.
Add any HTML based text you like here.',
)
),
)
);
$this->sections[] = array(
'title' => __( 'WPML Example', 'redux-framework-demo' ),
'desc' => __( 'These fields can be fully translated by WPML (WordPress Multi-Language). This serves as an example for you to implement.', 'redux-framework-demo' ),
'icon' => 'el-icon-home',
// '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 Text', 'redux-framework-demo' ),
'desc' => __( 'This string can be translated via WPML.', 'redux-framework-demo' ),
),
array(
'id' => 'wpml-multicheck',
'type' => 'checkbox',
'title' => __( 'WPML Multi Checkbox', 'redux-framework-demo' ),
'desc' => __( 'You can literally translate the values via key.', 'redux-framework-demo' ),
//Must provide key => value pairs for multi checkbox options
'options' => array(
'1' => 'Option 1',
'2' => 'Option 2',
'3' => 'Option 3'
),
),
)
);
}
public function setHelpTabs() {
// Custom page help tabs, displayed using the help API. Tabs are shown in order of definition.
$this->args['help_tabs'][] = array(
'id' => 'redux-help-tab-1',
'title' => __( 'Theme Information 1', 'redux-framework-demo' ),
'content' => __( '
This is the tab content, HTML is allowed.
', 'redux-framework-demo' ) ); $this->args['help_tabs'][] = array( 'id' => 'redux-help-tab-2', 'title' => __( 'Theme Information 2', 'redux-framework-demo' ), 'content' => __( 'This is the tab content, HTML is allowed.
', 'redux-framework-demo' ) ); // Set the help sidebar $this->args['help_sidebar'] = __( 'This is the sidebar content, HTML is allowed.
', 'redux-framework-demo' ); } /** * All the possible arguments for Redux. * For full documentation on arguments, please refer to: https://github.com/ReduxFramework/ReduxFramework/wiki/Arguments * */ public function setArguments() { $theme = wp_get_theme(); // For use with some settings. Not necessary. $this->args = array( // TYPICAL -> Change these values as you need/desire 'opt_name' => 'redux_demo', // This is where your data is stored in the database and also becomes your global variable name. 'display_name' => $theme->get( 'Name' ), // Name that appears at the top of your panel 'display_version' => $theme->get( 'Version' ), // Version that appears at the top of your panel 'menu_type' => 'menu', //Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only) 'allow_sub_menu' => true, // Show the sections below the admin menu item or not 'menu_title' => __( 'Sample Options', 'redux-framework-demo' ), 'page_title' => __( 'Sample Options', 'redux-framework-demo' ), // You will need to generate a Google API key to use this feature. // Please visit: https://developers.google.com/fonts/docs/developer_api#Auth 'google_api_key' => '', // Must be defined to add google fonts to the typography module 'async_typography' => false, // Use a asynchronous font on the front end or font string 'admin_bar' => true, // Show the panel pages on the admin bar 'global_variable' => '', // Set a different name for your global variable other than the opt_name 'dev_mode' => true, // Show the time the page took to load, etc 'customizer' => true, // Enable basic customizer support // OPTIONAL -> Give you extra features 'page_priority' => null, // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning. 'page_parent' => 'themes.php', // For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters 'page_permissions' => 'manage_options', // Permissions needed to access the options panel. 'menu_icon' => '', // Specify a custom URL to an icon 'last_tab' => '', // Force your panel to always open to a specific tab (by id) 'page_icon' => 'icon-themes', // Icon displayed in the admin panel next to your menu_title 'page_slug' => '_options', // Page slug used to denote the panel 'save_defaults' => true, // On load save the defaults to DB before user clicks save or not 'default_show' => false, // If true, shows the default value next to each field that is not the default value. 'default_mark' => '', // What to print by the field's title if the value shown is default. Suggested: * 'show_import_export' => true, // Shows the Import/Export panel when not used as a field. // CAREFUL -> These options are for advanced use only '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' => '', // possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning! 'system_info' => false, // REMOVE // HINTS 'hints' => array( 'icon' => 'icon-question-sign', 'icon_position' => 'right', 'icon_color' => 'lightgray', 'icon_size' => 'normal', 'tip_style' => array( 'color' => 'light', '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', ), ), ) ); // SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons. $this->args['share_icons'][] = array( 'url' => 'https://github.com/ReduxFramework/ReduxFramework', 'title' => 'Visit us on GitHub', 'icon' => 'el-icon-github' //'img' => '', // You can use icon OR img. IMG needs to be a full URL. ); $this->args['share_icons'][] = array( 'url' => 'https://www.facebook.com/pages/Redux-Framework/243141545850368', 'title' => 'Like us on Facebook', 'icon' => 'el-icon-facebook' ); $this->args['share_icons'][] = array( 'url' => 'http://twitter.com/reduxframework', 'title' => 'Follow us on Twitter', 'icon' => 'el-icon-twitter' ); $this->args['share_icons'][] = array( 'url' => 'http://www.linkedin.com/company/redux-framework', 'title' => 'Find us on LinkedIn', 'icon' => 'el-icon-linkedin' ); // Panel Intro text -> before the form if ( ! isset( $this->args['global_variable'] ) || $this->args['global_variable'] !== false ) { if ( ! empty( $this->args['global_variable'] ) ) { $v = $this->args['global_variable']; } else { $v = str_replace( '-', '_', $this->args['opt_name'] ); } $this->args['intro_text'] = sprintf( __( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $%1$s
', 'redux-framework-demo' ), $v ); } else { $this->args['intro_text'] = __( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.
', 'redux-framework-demo' ); } // Add content after the form. $this->args['footer_text'] = __( 'This text is displayed below the options panel. It isn\'t required, but more info is always better! The footer_text field accepts all HTML.
', 'redux-framework-demo' ); } } global $reduxConfig; $reduxConfig = new Redux_Framework_sample_config(); }