initSettings();
} else {
add_action( 'plugins_loaded', array( $this, 'initSettings' ), 10 );
}
}
public function initSettings() {
// Just for demo purposes. Not needed per say.
$this->theme = wp_get_theme();
// 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;
}
// If Redux is running as a plugin, this will remove the demo notice and links
//add_action( 'redux/loaded', array( $this, '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/'.$this->args['opt_name'].'/compiler', array( $this, 'compiler_action' ), 10, 3);
// Change the arguments after they've been declared, but before the panel is created
//add_filter('redux/options/'.$this->args['opt_name'].'/args', array( $this, 'change_arguments' ) );
// Change the default value of a field after it's been set, but before it's been useds
//add_filter('redux/options/'.$this->args['opt_name'].'/defaults', array( $this,'change_defaults' ) );
// Dynamically add a section. Can be also used to modify sections/fields
//add_filter('redux/options/' . $this->args['opt_name'] . '/sections', array($this, 'dynamic_section'));
$this->ReduxFramework = new ReduxFramework( $this->sections, $this->args );
}
/**
* 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.
* */
function compiler_action( $options, $css, $changed_values ) {
echo 'The compiler hook has run!
';
echo "";
print_r( $changed_values ); // Values that have changed since the last save
echo "";
//print_r($options); //Option values
//print_r($css); // Compiler selector CSS values compiler => array( CSS SELECTORS )
/*
// Demo of how to use the dynamic CSS and write your own static CSS file
$filename = dirname(__FILE__) . '/style' . '.css';
global $wp_filesystem;
if( empty( $wp_filesystem ) ) {
require_once( ABSPATH .'/wp-admin/includes/file.php' );
WP_Filesystem();
}
if( $wp_filesystem ) {
$wp_filesystem->put_contents(
$filename,
$css,
FS_CHMOD_FILE // predefined mode settings for WP files
);
}
*/
}
/**
* 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
* */
function dynamic_section( $sections ) {
//$sections = array();
$sections[] = array(
'title' => __( 'Section via hook', 'redux-framework-demo' ),
'desc' => __( '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.
', 'redux-framework-demo' ),
'icon' => 'el-icon-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.
* */
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.
* */
function change_defaults( $defaults ) {
$defaults['str_replace'] = 'Testing filter hook!';
return $defaults;
}
// Remove the demo link and the notice of integrated demo from the redux-framework plugin
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' ) );
}
}
public function setSections() {
/**
* Used within different fields. Simply examples. Search for ACTUAL DECLARATION for field examples
* */
// Background Patterns Reader
$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
);
}
}
endif;
endif;
ob_start();
$ct = wp_get_theme();
$this->theme = $ct;
$item_name = $this->theme->get( 'Name' );
$tags = $this->theme->Tags;
$screenshot = $this->theme->get_screenshot();
$class = $screenshot ? 'has-screenshot' : '';
$customize_title = sprintf( __( 'Customize “%s”', 'redux-framework-demo' ), $this->theme->display( 'Name' ) );
?>
; ?>)
theme->display( 'Name' ); ?>
- theme->display( 'Author' ) ); ?>
- theme->display( 'Version' ) ); ?>
- ' . __( 'Tags', 'redux-framework-demo' ) . ': '; ?>theme->display( 'Tags' ) ); ?>
theme->display( 'Description' ); ?>
theme->parent() ) {
printf( '
' . __( 'This child theme requires its parent theme, %2$s.', 'redux-framework-demo' ) . '
', __( 'http://codex.wordpress.org/Child_Themes', 'redux-framework-demo' ), $this->theme->parent()->display( 'Name' ) );
}
?>
get_contents( dirname( __FILE__ ) . '/info-html.html' );
}
// ACTUAL DECLARATION OF SECTIONS
$this->sections[] = array(
'title' => __( 'General Settings', 'redux-framework-demo' ),
'desc' => __( '', 'alpha_nx_one' ),
'icon' => 'el-icon-screen',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'breadcrumbs',
'type' => 'switch',
'title' => __( 'Breadcrumbs', 'redux-framework-demo' ),
'subtitle' => __( 'Example: Home>>Category>>Post Title', 'redux-framework-demo' ),
'default' => false,
),
array(
'id' => 'Comments',
'type' => 'switch',
'title' => __( 'Comments', 'redux-framework-demo' ),
'subtitle' => __( 'Enable or Disable comment', 'redux-framework-demo' ),
'default' => true,
),
array(
'id' => 'date_and_time',
'type' => 'switch',
'title' => __( 'Date and time', 'redux-framework-demo' ),
'subtitle' => __( 'Enable or disable Date and time in post', 'redux-framework-demo' ),
'default' => true,
),
),
);
$this->sections[] = array(
'type' => 'divide',
);
$this->sections[] = array(
'title' => __( 'Header', 'redux-framework-demo' ),
'desc' => __( '' , 'alpha_nx_one'),
'icon' => 'el-icon-credit-card',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'favicon',
'type' => 'media',
'url' => true,
'title' => __( 'Favicon', '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' => __( '', 'redux-framework-demo' ),
'subtitle' => __( 'Please upload favicon for your website. It must be 16px by 16px png file. ', 'redux-framework-demo' ),
'default' => array( 'url' => 'http://www.nxcreation.com/aacompany/nx_fav_ff4444.png' ),
//'hint' => array(
// 'title' => 'Hint Title',
// 'content' => 'This is a hint for the media field with a Title.',
//)
),
array(
'id' => 'apple_touch_icon',
'type' => 'media',
'url' => true,
'title' => __( 'Apple touch icon', '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' => __( '', 'redux-framework-demo' ),
'subtitle' => __( 'Please upload favicon for your website for apple devices. It must be 152px by 152px png file. ', 'redux-framework-demo' ),
'default' => array( 'url' => 'http://www.nxcreation.com/aacompany/nx_fav_apple_ff4444.png'),
//'hint' => array(
// 'title' => 'Hint Title',
// 'content' => 'This is a hint for the media field with a Title.',
//)
),
array(
'id' => 'main_logo',
'type' => 'media',
'url' => true,
'title' => __( 'Logo', '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' => __( '', 'redux-framework-demo' ),
'subtitle' => __( 'Please upload logo. default logo height is 60px ', 'redux-framework-demo') ,
'default' => array( 'url' => 'http://www.nxcreation.com/aacompany/nx_logo_ff4444.png' ),
//'hint' => array(
// 'title' => 'Hint Title',
// 'content' => 'This is a hint for the media field with a Title.',
//)
),
array(
'id' => 'site_title_logo',
'type' => 'typography',
'title' => __( 'Header logo alternative title', 'redux-framework-demo' ),
'subtitle' => __( 'Style it.', 'redux-framework-demo' ),
'output' => array( '#site_title h1 a' ),
'google' => true,
'default' => array(
'color' => '#2c2e32',
'font-size' => '18px',
'font-family' => 'Open Sans,Helvetica Neue,Arial,Helvetica,Verdana,sans-serif',
'font-weight' => 'bold',
),
),
array(
'id' => 'header_bg',
'type' => 'background',
'output' => array('#header_wrap'),
'title' => __( 'Header Background Color', 'redux-framework-demo' ),
'subtitle' => __( 'Pick a background color for the Header (default: #fff).', 'redux-framework-demo' ),
'validate' => 'color',
'default' => array(
'background-color' => '#fff', )
),
array(
'id' => 'slider_code',
'type' => 'text',
'title' => __( 'Slider', 'redux-framework-demo' ),
'subtitle' => __( 'Add Master Slider ID. ID must be numeric', 'redux-framework-demo' ),
'desc' => __( 'Slider must be full width. Example- masterslider id="1" , in this field just put 1 Slider Details', 'redux-framework-demo' ),
'validate' => 'numeric',
'default' => '',
),
),
);
$this->sections[] = array(
'type' => 'divide',
);
$this->sections[] = array(
'title' => __( 'Footer', 'redux-framework-demo' ),
'desc' => __( '', 'alpha_nx_one' ),
'icon' => 'el-icon-website',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'footer_widget',
'type' => 'switch',
'title' => __( 'Footer Widget', 'redux-framework-demo' ),
'subtitle' => __( 'Enable or disable footer widget', 'redux-framework-demo' ),
'default' => false,
),
array(
'id' => 'footer_font_color',
'type' => 'color',
'output' => array( '#copyright p a,.footer_color p,.footer_color p a,.footer_color span,.footer_color span a,.footer_color a,.footer_color p span,#widget_footer h3,#widget_footer ul li a,#widget_footer caption,#widget_footer .cat-item a:hover' ),
'title' => __( 'Footer Font Color', 'redux-framework-demo' ),
'subtitle' => __( 'Pick a font color for the footer (default: #fff).', 'redux-framework-demo' ),
'default' => '#fff',
'validate' => 'color',
),
array(
'id' => 'footer_bg',
'type' => 'background',
'output' => array('#footer_widget_all'),
'title' => __( 'Footer Background Color', 'redux-framework-demo' ),
'subtitle' => __( 'Pick a background color for the footer (default: #2e2c32).', 'redux-framework-demo' ),
'validate' => 'color',
'default' => array(
'background-color' => '#3a3c41', )
),
array(
'id' => 'footer_copy_text',
'type' => 'editor',
'title' => __( 'Footer Text', 'redux-framework-demo' ),
'subtitle' => __( 'You can use the following shortcodes in your footer text: [wp-url] [site-url] [theme-url] [login-url] [logout-url] [site-title] [site-tagline] [current-year]', 'redux-framework-demo' ),
'default' => 'Copyright ©2015 Alpha NX One. All Rights Reserved ',
),
),
);
$this->sections[] = array(
'type' => 'divide',
);
$this->sections[] = array(
'title' => __( 'Style', 'redux-framework-demo' ),
'desc' => __( '' , 'alpha_nx_one'),
'icon' => 'el-icon-eye-open',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'body_background',
'type' => 'background',
'output' => array( 'body' ),
'title' => __( 'Body Background', 'redux-framework-demo' ),
'subtitle' => __( 'Body background with image, color, etc.', 'redux-framework-demo' ),
'default' => '#FFFFFF',
),
array(
'id' => 'all_hover_and_active_color',
'type' => 'color',
'output' => array( '#header_nav ul.menu li a:hover, .sub-menu li a:hover, .content_header h1 a:hover, #post_details li:hover, #post_details li a:hover, .widget-title:hover, #widget_footer h3:hover,#header_nav .menu .current-menu-item a,.menu .current-menu-item a, #widget_sidebar ul li a:hover,#copyright p a' ),
'title' => __( 'All Text Hover Color', 'redux-framework-demo' ),
'subtitle' => __( 'Pick a color. (default: #e04028).', 'redux-framework-demo' ),
'default' => '#e04028',
'validate' => 'color',
),
array(
'id' => 'all_button_bg',
'type' => 'background',
'output' => array( '#read_more, #paging_navigation ul.page-numbers li span.current , #paging_navigation ul.page-numbers li a:hover, #widget_footer input[type="submit"], #widget_footer input[type="button"], #widget_footer ul.menu li:hover, #widget_footer .cat-item:hover, #widget_footer .tagcloud a:hover' ),
'title' => __( 'All Button Background', 'redux-framework-demo' ),
'subtitle' => __( 'If you dislike default color , change it.', 'redux-framework-demo' ),
'default' => array(
'background-color' => '#e04028',)
),
array(
'id' => 'custom_css',
'type' => 'textarea',
'title' => __( 'Custom CSS', 'redux-framework-demo' ),
'subtitle' => __( 'Quickly add some CSS to your theme by adding it to this block.', 'redux-framework-demo' ),
'desc' => __( '', 'redux-framework-demo' ),
'validate' => 'css',
),
),
);
$this->sections[] = array(
'type' => 'divide',
);
$this->sections[] = array(
'title' => __( 'Import / Export', 'redux-framework-demo' ),
'desc' => __( 'Import and Export theme settings from file, text or URL.', 'redux-framework-demo' ),
'icon' => 'el-icon-refresh',
'fields' => array(
array(
'id' => 'opt-import-export',
'type' => 'import_export',
'title' => 'Import Export',
'subtitle' => 'Save and restore your theme options',
'full_width' => false,
),
),
);
$this->sections[] = array(
'type' => 'divide',
);
$this->sections[] = array(
'icon' => 'el-icon-info-sign',
'title' => __( 'Theme Information', 'redux-framework-demo' ),
'desc' => __( '
', 'redux-framework-demo' ),
'fields' => array(
array(
'id' => 'opt-raw-info',
'type' => 'raw',
'content' => $item_info,
)
),
);
$this->sections[] = array(
'type' => 'divide',
);
if ( file_exists( trailingslashit( dirname( __FILE__ ) ) . 'README.html' ) ) {
$tabs['docs'] = array(
'icon' => 'el-icon-book',
'title' => __( 'Documentation', 'redux-framework-demo' ),
);
}
}
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' => 'alpha_nx_one',
// 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' => __( 'Theme Option', 'redux-framework-demo' ),
'page_title' => __( 'Theme Option', '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' => '',
// Set it you want google fonts to update weekly. A google_api_key value is required.
'google_update_weekly' => false,
// Must be defined to add google fonts to the typography module
'async_typography' => true,
// Use a asynchronous font on the front end or font string
//'disable_google_fonts_link' => true, // Disable this in case you want to create your own google fonts loader
'admin_bar' => true,
// Show the panel pages on the admin bar
'admin_bar_icon' => 'dashicons-portfolio',
// Choose an icon for the admin bar menu
'admin_bar_priority' => 50,
// Choose an priority for the admin bar menu
'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
'update_notice' => true,
// If dev_mode is enabled, will notify developer of updated versions available in the GitHub Repo
'customizer' => true,
// Enable basic customizer support
//'open_expanded' => true, // Allow you to start the panel in an expanded way initially.
//'disable_save_warn' => true, // Disable the save warning when a user changes a field
// 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',
),
),
)
);
// ADMIN BAR LINKS -> Setup custom links in the admin bar menu as external items.
$this->args['admin_bar_links'][] = array(
'id' => 'redux-docs',
'href' => 'http://www.nxcreation.com/alpha-nx-one/',
'title' => __( 'Documentation', 'redux-framework-demo' ),
);
$this->args['admin_bar_links'][] = array(
//'id' => 'redux-support',
'href' => 'http://www.nxcreation.com/category/support/alpha-nx-one/',
'title' => __( 'Support', 'redux-framework-demo' ),
);
// SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.
$this->args['share_icons'][] = array(
'url' => '',
'title' => '',
'icon' => 'el-icon-wordpress'
//'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/NX-Creation/374708326043006',
'title' => 'Like us on Facebook',
'icon' => 'el-icon-facebook'
);
$this->args['share_icons'][] = array(
'url' => 'http://twitter.com/nx_creation',
'title' => 'Follow us on Twitter',
'icon' => 'el-icon-twitter'
);
$this->args['share_icons'][] = array(
'url' => 'bd.linkedin.com/in/shahedalam07',
'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( __( '', 'redux-framework-demo' ), $v );
} else {
$this->args['intro_text'] = __( '', 'alpha_nx_one' );
}
// Add content after the form.
}
public function validate_callback_function( $field, $value, $existing_value ) {
$error = true;
$value = 'just testing';
/*
do your validation
if(something) {
$value = $value;
} elseif(something else) {
$error = true;
$value = $existing_value;
}
*/
$return['value'] = $value;
$field['msg'] = 'your custom error message';
if ( $error == true ) {
$return['error'] = $field;
}
return $return;
}
public function class_field_callback( $field, $value ) {
print_r( $field );
echo '
CLASS CALLBACK';
print_r( $value );
}
}
global $reduxConfig;
$reduxConfig = new Redux_Framework_sample_config();
} else {
echo "The class named Redux_Framework_sample_config has already been called. Developers, you need to prefix this class with your company name or you'll run into problems!";
}
/**
* 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 '
';
print_r( $value );
}
endif;
/**
* 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 = true;
$value = 'just testing';
/*
do your validation
if(something) {
$value = $value;
} elseif(something else) {
$error = true;
$value = $existing_value;
}
*/
$return['value'] = $value;
$field['msg'] = 'your custom error message';
if ( $error == true ) {
$return['error'] = $field;
}
return $return;
}
endif;
?>