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, 2);
// 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) {
//echo 'The compiler hook has run!';
//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.') . '
', __('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(
'icon' => 'el-icon-cogs',
'title' => __('General Settings', 'redux-framework-demo'),
'fields' => array(
array(
'id' => 'opt-logo-image',
'type' => 'media',
'title' => __('Logo', 'ow_axio_theme'),
'subtitle' => __('Upload or select your logo', 'ow_axio_theme'),
'preview' => true,
/* 'default' => array(
'url' => '/images/logo.png'
), */
),
array(
'id' => 'opt-favicon',
'type' => 'media',
'title' => __('Favicon', 'redux-framework-demo'),
'subtitle' => __('Upload or select your favicon.', 'redux-framework-demo'),
'desc' => __('Recommended Size 16x16 px.', 'redux-framework-demo'),
'preview' => true,
),
array(
'id' => 'opt-abovemenu',
'type' => 'switch',
'title' => __('Above Menu', 'redux-framework-demo'),
'subtitle' => __('Show or hide the above menu', 'redux-framework-demo'),
'default' => true,
),
array(
'id' => 'opt-search-form',
'type' => 'switch',
'title' => __('Search Form', 'redux-framework-demo'),
'subtitle' => __('Show or hide the search form'),
'default' => true,
),
array(
'id' => 'opt-general-typography',
'type' => 'typography',
'title' => __('Body Font', 'redux-framework-demo', 'redux-framework-demo'),
'subtitle' => __('Specify the body font properties.', 'redux-framework-demo'),
'google' => true,
'color' => false,
'font-size' => false,
'line-height' => false,
'default' => array(
'font-family' => 'Raleway',
'font-weight' => 'Normal',
),
),
)
);
$this->sections[] = array(
'icon' => 'el-icon-brush',
'title' => __('Color Styling Options', 'redux-framework-demo'),
'fields' => array(
array(
'id' => 'opt-color-primary',
'type' => 'color',
'title' => __('Primary Color', 'redux-framework-demo'),
'subtitle' => __('Pick a primary color.', 'redux-framework-demo'),
'default' => '#0083ca',
'validate' => 'color',
),
array(
'id' => 'opt-color-background',
'type' => 'color',
'output' => array('.site-title'),
'title' => __('Body Background Color', 'redux-framework-demo'),
'subtitle' => __('Pick a background color for the theme (default: #fff).', 'redux-framework-demo'),
'default' => '#FFFFFF',
'validate' => 'color',
),
array(
'id' => 'opt-color-link',
'type' => 'color',
'output' => array('a'),
'title' => __('Link Color', 'redux-framework-demo'),
'subtitle' => __('Pick a color for the general links.', 'redux-framework-demo'),
'default' => '#0083ca',
'validate' => 'color',
),
)
);
$this->sections[] = array(
'icon' => 'el-icon-bullhorn',
'title' => __('Contact & Social Info', 'redux-framework-demo'),
'fields' => array(
array(
'id' => 'opt-contact-phone',
'type' => 'text',
'title' => __('Contact Phone Number', 'redux-framework-demo'),
'subtitle' => __('Put your phone number', 'redux-framework-demo'),
'default' => '+1 (800) 555 4444',
),
array(
'id' => 'opt-contact-email',
'type' => 'text',
'title' => __('Contact E-mail', 'redux-framework-demo'),
'subtitle' => __('Put your e-mail for contact', 'redux-framework-demo'),
'default' => 'contact@owebs.info',
),
array(
'id' => 'opt-contact-address',
'type' => 'text',
'title' => __('Contact Address', 'redux-framework-demo'),
'subtitle' => __('Put your complete address for contact', 'redux-framework-demo'),
'default' => 'Miami Beach, Florida, USA',
),
array(
'id' => 'opt-contact-form',
'type' => 'text',
'title' => __('Contact Form', 'redux-framework-demo'),
'subtitle' => __('Paste the shortcode from Contact 7 Form Plugin', 'redux-framework-demo'),
'default' => '',
),
array(
'id' => 'opt-contact-map',
'type' => 'text',
'title' => __('Google Map', 'redux-framework-demo'),
'subtitle' => __('Paste the iframe code from Google Maps', 'redux-framework-demo'),
'default' => '',
),
array(
'id' => 'opt-social-skype',
'type' => 'text',
'title' => __('Skype', 'redux-framework-demo'),
'subtitle' => __('Put your Skype Username', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-facebook',
'type' => 'text',
'title' => __('Facebook', 'redux-framework-demo'),
'subtitle' => __('Put your facebook URL', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-twitter',
'type' => 'text',
'title' => __('Twitter', 'redux-framework-demo'),
'subtitle' => __('Put your Twitter Username', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-googleplus',
'type' => 'text',
'title' => __('Google Plus', 'redux-framework-demo'),
'subtitle' => __('Put your Google Plus URL', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-linkedin',
'type' => 'text',
'title' => __('LinkedIn', 'redux-framework-demo'),
'subtitle' => __('Put your LinkedIn URL', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-youtube',
'type' => 'text',
'title' => __('Youtube', 'redux-framework-demo'),
'subtitle' => __('Put your Youtube URL', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-vimeo',
'type' => 'text',
'title' => __('Vimeo', 'redux-framework-demo'),
'subtitle' => __('Put your Vimeo URL', 'redux-framework-demo'),
'default' => '#',
),
array(
'id' => 'opt-social-pinterest',
'type' => 'text',
'title' => __('Pinterest', 'redux-framework-demo'),
'subtitle' => __('Put your Pinterest URL', 'redux-framework-demo'),
'default' => '#',
),
)
);
$this->sections[] = array(
'icon' => 'el-icon-website',
'title' => __('Footer Options', 'redux-framework-demo'),
'fields' => array(
array(
'id' => 'opt-copy-text-left',
'type' => 'editor',
'title' => __('Copyright Text in left', '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 © 2014 - Axio Theme',
),
array(
'id' => 'opt-copy-text-right',
'type' => 'editor',
'title' => __('Copyright Text in right', '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' => 'Made by Owebs',
),
)
);
$theme_info = '';
$theme_info .= '
' . __('Theme URL: ', 'redux-framework-demo') . '' . $this->theme->get('ThemeURI') . '
';
$theme_info .= '
' . __('Author: ', 'redux-framework-demo') . $this->theme->get('Author') . '
';
$theme_info .= '
' . __('Version: ', 'redux-framework-demo') . $this->theme->get('Version') . '
';
$theme_info .= '
' . $this->theme->get('Description') . '
';
$tabs = $this->theme->get('Tags');
if (!empty($tabs)) {
$theme_info .= '
' . __('Tags: ', 'redux-framework-demo') . implode(', ', $tabs) . '
';
}
$theme_info .= '
This is the Description. Again HTML is allowed
', 'redux-framework-demo'),
'fields' => array(
array(
'id' => 'opt-raw-info',
'type' => 'raw',
'content' => $item_info,
)
),
);
}
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(
'opt_name' => 'ow_axio_theme',
'display_name' => 'Axio Free',
'display_version' => true,
'page_slug' => 'axio_options',
'page_title' => 'Axio Free Options',
'update_notice' => true,
'intro_text' => 'This is the options panel to configure Axio Free WordPress Theme.
',
'footer_text' => 'Axio Free is a powerfull WordPress Theme made by Owebs
',
'admin_bar' => true,
'menu_type' => 'menu',
'menu_title' => 'Axio Free Options',
'allow_sub_menu' => true,
'page_parent' => 'themes.php',
'page_parent_post_type' => 'your_post_type',
'customizer' => true,
'default_mark' => '*',
'google_api_key' => 'AIzaSyAyaToILVC-aDGyfZEUEZQFMXHf3zHILxg',
'hints' =>
array(
'icon' => 'el-icon-question-sign',
'icon_position' => 'right',
'icon_size' => 'normal',
'tip_style' =>
array(
'color' => 'light',
),
'tip_position' =>
array(
'my' => 'top left',
'at' => 'bottom right',
),
'tip_effect' =>
array(
'show' =>
array(
'duration' => '500',
'event' => 'mouseover',
),
'hide' =>
array(
'duration' => '500',
'event' => 'mouseleave unfocus',
),
),
),
'output' => true,
'output_tag' => true,
'compiler' => true,
'page_icon' => 'icon-themes',
'page_permissions' => 'manage_options',
'save_defaults' => true,
'show_import_export' => true,
'transient_time' => '3600',
'network_sites' => true,
);
// SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.
$this->args['share_icons'][] = array(
'url' => 'http://twitter.com/owebs_info',
'title' => 'Follow us on Twitter',
'icon' => 'el-icon-twitter'
);
}
}
global $reduxConfig;
$reduxConfig = new admin_folder_Redux_Framework_config();
}
/**
Custom function for the callback referenced above
*/
if (!function_exists('admin_folder_my_custom_field')):
function admin_folder_my_custom_field($field, $value) {
print_r($field);
echo '
';
print_r($value);
}
endif;
/**
Custom function for the callback validation referenced above
* */
if (!function_exists('admin_folder_validate_callback_function')):
function admin_folder_validate_callback_function($field, $value, $existing_value) {
$error = false;
$value = 'just testing';
/*
do your validation
if(something) {
$value = $value;
} elseif(something else) {
$error = true;
$value = $existing_value;
$field['msg'] = 'your custom error message';
}
*/
$return['value'] = $value;
if ($error == true) {
$return['error'] = $field;
}
return $return;
}
endif;