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.') . '
', __('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
/**********************************
********* Header Setting ***********
***********************************/
$this->sections[] = array(
'title' => __('Header', 'Home Setting'),
'icon' => 'el-icon-bookmark',
'icon_class' => 'el-icon-large',
'fields' => array(
array(
'id' => 'header-fixed',
'type' => 'switch',
'title' => __('Sticky Header', 'shapebootstrap'),
'subtitle' => __('Enable or disable sicky Header', 'shapebootstrap'),
'default' => false,
),
array(
'id' => 'header-margin-top',
'type' => 'text',
'title' => __('Header Top Margin', 'shapebootstrap'),
'subtitle' => __('Enter custom header top marign ex. 70px', 'shapebootstrap'),
'default' => '70px',
),
array(
'id' => 'header-margin-bottom',
'type' => 'text',
'title' => __('Header Bottom Margin', 'shapebootstrap'),
'subtitle' => __('Enter custom header bottom margin ex. 0px', 'shapebootstrap'),
'default' => '0',
),
array(
'id' => 'menu-margin-top',
'type' => 'text',
'title' => __('Main Menu Top Margin', 'shapebootstrap'),
'subtitle' => __('Enter custom main menu top margin ex. 60px', 'shapebootstrap'),
'default' => '60PX',
),
)
);
/**********************************
********* Logo & Favicon ***********
***********************************/
$this->sections[] = array(
'title' => __('Logo & favicon', 'shapebootstrap'),
'icon' => 'el-icon-leaf',
'icon_class' => 'el-icon-large',
'fields' => array(
array(
'id' => 'favicon',
'type' => 'media',
'desc' => 'upload favicon image',
'title' => 'Favicon',
'subtitle' => __('Upload favicon image', 'shapebootstrap'),
'default' => array( 'url' => get_template_directory_uri() .'/images/favicon.ico' ),
),
array(
'id'=>'logo',
'url'=> false,
'type' => 'media',
'title' => __('Logo', 'shapebootstrap'),
'default' => array( 'url' => get_template_directory_uri() .'/images/logo.png' ),
'subtitle' => __('Upload your custom site logo.', 'shapebootstrap'),
),
array(
'id' => 'logo-text-en',
'type' => 'switch',
'title' => __('Text Type Logo', 'shapebootstrap'),
'subtitle' => __('Enable or disable text type logo', 'shapebootstrap'),
'default' => false,
),
array(
'id' => 'logo-text',
'type' => 'text',
'title' => __('Logo Text', 'shapebootstrap'),
'subtitle' => __('Use your Custom logo text Ex. Prolog', 'shapebootstrap'),
'default' => 'Prolog',
'required' => array('logo-text-en', "=", 1),
),
)
);
/**********************************
********* Styling ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-brush',
'icon_class' => 'el-icon-large',
'title' => __('Styling', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'preset',
'type' => 'image_select',
'compiler' => true,
'title' => __('Preset Layout', 'shapebootstrap'),
'subtitle' => __('Choose your preset style for theme.', 'shapebootstrap'),
'options' => array(
'1' => array('alt' => 'Preset 1', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset1.png'),
'2' => array('alt' => 'Preset 2', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset2.png'),
'3' => array('alt' => 'Preset 3', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset3.png'),
'4' => array('alt' => 'Preset 4', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset4.png'),
'5' => array('alt' => 'Preset 5', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset5.png'),
'6' => array('alt' => 'Preset 6', 'img' => ReduxFramework::$_url . 'assets/img/presets/preset6.png')
),
'default' => '2'
),
array(
'id' => 'custom-preset-en',
'type' => 'switch',
'title' => __('Enable Custom Color Settings', 'shapebootstrap'),
'subtitle' => __('Click to "On" button to enable custom color settings.', 'shapebootstrap'),
'default' => false,
),
array(
'id' => 'link-color',
'type' => 'color',
'title' => __('Link Color', 'shapebootstrap'),
'subtitle' => __('Pick a link color (default: #f9b840)', 'shapebootstrap'),
'default' => '#f9b840',
'validate' => 'color',
'transparent' =>false,
'required' => array('custom-preset-en', "=", 1),
),
array(
'id' => 'hover-color',
'type' => 'color',
'title' => __('Hover Color', 'shapebootstrap'),
'subtitle' => __('Pick a hover color (default: #000000)', 'shapebootstrap'),
'default' => '#2fccf7',
'validate' => 'color',
'transparent' =>false,
'required' => array('custom-preset-en', "=", 1),
),
array(
'id' => 'body-bg',
'type' => 'background',
'output' => array('body'),
'title' => __('Body Background', 'shapebootstrap'),
'subtitle' => __('You can set Background color or images or patterns for site body tag', 'shapebootstrap'),
'default' => '#e9eaed',
'transparent' =>false,
),
array(
'id' => 'content-bg',
'type' => 'color',
'title' => __('Content Background Color', 'shapebootstrap'),
'subtitle' => __('Pick Color for Content ( default: #ffffff )', 'shapebootstrap'),
'default' => '#ffffff',
'validate' => 'color',
'transparent' =>false,
),
array(
'id' => 'sidebar-bg',
'type' => 'color',
'title' => __('Sidebar Background Color', 'shapebootstrap'),
'subtitle' => __('Pick Color for Sidebar Background ( default: #ffffff )', 'shapebootstrap'),
'default' => '#ffffff',
'validate' => 'color',
'transparent' =>false,
),
array(
'id' => 'footer-bg',
'type' => 'color',
'title' => __('Footer Background Color', 'shapebootstrap'),
'subtitle' => __('Pick Color for Footer Background ( default: #ffffff )', 'shapebootstrap'),
'default' => '#ffffff',
'validate' => 'color',
'transparent' =>false,
),
array(
'id' => 'all-border-color',
'type' => 'color',
'title' => __('All Border Color', 'shapebootstrap'),
'subtitle' => __('Pick Color for Border Color ( default: #f1f1f1 )', 'shapebootstrap'),
'default' => '#f1f1f1',
'validate' => 'color',
'transparent' =>false,
)
)
);
/**********************************
********* Typography ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-font',
'icon_class' => 'el-icon-large',
'title' => __('Typography', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'body-font',
'type' => 'typography',
'title' => __('Body Font', 'shapebootstrap'),
'compiler' => false, // Use if you want to hook in your own CSS compiler
'google' => true, // Disable google fonts. Won't work if you haven't defined your google api key
'font-backup' => false, // Select a backup non-google font in addition to a google font
'font-style' => true, // Includes font-style and weight. Can use font-style or font-weight to declare
'subsets' => true, // Only appears if google is true and subsets not set to false
//'font-size' => ture,
// 'text-align' => false,
'line-height' => false,
'word-spacing' => false, // Defaults to false
'letter-spacing'=> false, // Defaults to false
'color' => true,
'preview' => true, // Disable the previewer
'all_styles' => true, // Enable all Google Font style/weight variations to be added to the page
'output' =>array('body, p'),
'units' => 'px', // Defaults to px
'subtitle' => __('Select your website Body Font', 'themum'),
'default' => array(
'color' => '#000',
'font-weight' => '400',
'font-family' => 'Playfair Display',
'google' => true,
'font-size' => '14px'),
),
array(
'id' => 'headings-font',
'type' => 'typography',
'title' => __('Headings Font', 'shapebootstrap'),
'compiler' => false, // Use if you want to hook in your own CSS compiler
'google' => true, // Disable google fonts. Won't work if you haven't defined your google api key
'font-backup' => false, // Select a backup non-google font in addition to a google font
'font-style' => true, // Includes font-style and weight. Can use font-style or font-weight to declare
'subsets' => true, // Only appears if google is true and subsets not set to false
'font-size' => true,
// 'text-align' => false,
'line-height' => false,
'word-spacing' => false, // Defaults to false
'letter-spacing'=> false, // Defaults to false
'color' => true,
'preview' => true, // Disable the previewer
'all_styles' => true, // Enable all Google Font style/weight variations to be added to the page
'output' =>array('h1, h2, h3, h4, h5, h6'),
'units' => 'px', // Defaults to px
'subtitle' => __('Select your website Headings Font', 'themum'),
'default' => array(
'color' => '#000',
'font-weight' => '400',
'font-family' => 'Playfair Display',
'google' => true,
'font-size' => ''),
),
array(
'id' => 'menu-font',
'type' => 'typography',
'title' => __('Menu Font', 'shapebootstrap'),
'compiler' => false, // Use if you want to hook in your own CSS compiler
'google' => true, // Disable google fonts. Won't work if you haven't defined your google api key
'font-backup' => false, // Select a backup non-google font in addition to a google font
'font-style' => true, // Includes font-style and weight. Can use font-style or font-weight to declare
'subsets' => true, // Only appears if google is true and subsets not set to false
//'font-size' => ture,
// 'text-align' => false,
'line-height' => false,
'word-spacing' => false, // Defaults to false
'letter-spacing'=> false, // Defaults to false
'color' => true,
'preview' => true, // Disable the previewer
'all_styles' => true, // Enable all Google Font style/weight variations to be added to the page
'output' =>array('#navigation .navbar-nav > li > a, .navbar-main .dropdown-menu > li > a, #navigation .navbar-nav > li.current-menu-ancestor .dropdown-menu > li > a'),
'units' => 'px', // Defaults to px
'subtitle' => __('Select your website Menu Font', 'themum'),
'default' => array(
'color' => '#000',
'font-weight' => '400',
'font-family' => 'Playfair Display',
'google' => true,
'font-size' => '14px'),
),
)
);
/**********************************
********* Blog ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-edit',
'icon_class' => 'el-icon-large',
'title' => __('Blog', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'blog-social',
'type' => 'switch',
'title' => __('Blog Single Page Social Share', 'shapebootstrap'),
'subtitle' => __('Enable or disable blog social share for single page', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-comment',
'type' => 'switch',
'title' => __('Post Comment', 'shapebootstrap'),
'subtitle' => __('Enable or disable post comment', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-author',
'type' => 'switch',
'title' => __('Blog Author', 'shapebootstrap'),
'subtitle' => __('Enable Blog Author ex. Admin', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-date',
'type' => 'switch',
'title' => __('Blog Date', 'shapebootstrap'),
'subtitle' => __('Enable Blog Date ', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-category',
'type' => 'switch',
'title' => __('Blog Category', 'shapebootstrap'),
'subtitle' => __('Enable or disable blog category', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-tag',
'type' => 'switch',
'title' => __('Blog Tag', 'shapebootstrap'),
'subtitle' => __('Enable Blog Tag ', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-edit-en',
'type' => 'switch',
'title' => __('Post Edit', 'shapebootstrap'),
'subtitle' => __('Enable or disable post edit', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-single-comment-en',
'type' => 'switch',
'title' => __('Single Post Comment', 'shapebootstrap'),
'subtitle' => __('Enable Single post comment ', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'post-nav-en',
'type' => 'switch',
'title' => __('Post navigation', 'shapebootstrap'),
'subtitle' => __('Enable Post navigation ', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-continue-en',
'type' => 'switch',
'title' => __('Blog Readmore', 'shapebootstrap'),
'subtitle' => __('Enable Blog Readmore', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'blog-continue',
'type' => 'text',
'title' => __('Continue Reading', 'shapebootstrap'),
'subtitle' => __('Continue Reading', 'shapebootstrap'),
'default' => __('Continue reading', 'shapebootstrap'),
'required' => array('blog-continue-en', "=", 1),
),
)
);
/**********************************
********* Sidebar Prfoile ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-star',
'icon_class' => 'el-icon-large',
'title' => __('Sidebar Profile', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'sidebar-prfile-en',
'type' => 'switch',
'title' => __('Profile Sidebar', 'shapebootstrap'),
'subtitle' => __('Enable or Disable Profile Sidebar', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'profile-sm-img',
'type' => 'media',
'title' => __('Uoload Profile small Image', 'shapebootstrap'),
'subtitle' => __('Insert Profile small Image', 'shapebootstrap'),
'default' => array( 'url' => get_template_directory_uri() .'/images/profile-thumb.png' ),
'required' => array('sidebar-prfile-en', "=", 1),
),
array(
'id' => 'profile-name',
'type' => 'text',
'title' => __('Profile Name', 'shapebootstrap'),
'subtitle' => __('Add Profile Name', 'shapebootstrap'),
'default' => 'Rebecca Lucas',
'required' => array('sidebar-prfile-en', "=", 1),
),
array(
'id' => 'profile-desg',
'type' => 'text',
'title' => __('Profile Designation', 'shapebootstrap'),
'subtitle' => __('Add Profile Designation', 'shapebootstrap'),
'default' => 'Graphics Designer',
'required' => array('sidebar-prfile-en', "=", 1),
),
array(
'id' => 'profile-desc',
'type' => 'textarea',
'title' => __('Profile Description', 'shapebootstrap'),
'subtitle' => __('Add Profile Description', 'shapebootstrap'),
'default' => 'Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos',
'required' => array('sidebar-prfile-en', "=", 1),
),
/* Social Share */
array(
'id' => 'sidebar-share',
'type' => 'switch',
'title' => __('Sidebar Social Share', 'shapebootstrap'),
'subtitle' => __('Enable Sidebar Social Share for Profile', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'sidebar-facebook',
'type' => 'text',
'title' => __('Facebook URL', 'shapebootstrap'),
'subtitle' => __('Add Facebook URL', 'shapebootstrap'),
'default' => 'http://facebook.com/shapebootstrap',
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-twitter',
'type' => 'text',
'title' => __('Twitter URL', 'shapebootstrap'),
'subtitle' => __('Add Twitter URL', 'shapebootstrap'),
'default' => 'http://twitter.com/shapebootstrap',
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-gplus',
'type' => 'text',
'title' => __('gplus URL', 'shapebootstrap'),
'subtitle' => __('Add gplus URL', 'shapebootstrap'),
'default' => '#',
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-linkedin',
'type' => 'text',
'title' => __('linkedin URL', 'shapebootstrap'),
'subtitle' => __('Add linkedin URL', 'shapebootstrap'),
'default' => '#',
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-pinterest',
'type' => 'text',
'title' => __('pinterest URL', 'shapebootstrap'),
'subtitle' => __('Add pinterest URL', 'shapebootstrap'),
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-delicious',
'type' => 'text',
'title' => __('delicious URL', 'shapebootstrap'),
'subtitle' => __('Add delicious URL', 'shapebootstrap'),
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-tumblr',
'type' => 'text',
'title' => __('tumblr URL', 'shapebootstrap'),
'subtitle' => __('Add delicious URL', 'shapebootstrap'),
'required' => array('sidebar-share', "=", 1),
),
array(
'id' => 'sidebar-stumbleupon',
'type' => 'text',
'title' => __('stumbleupon URL', 'shapebootstrap'),
'subtitle' => __('Add stumbleupon URL', 'shapebootstrap'),
'required' => array('sidebar-share', "=", 1),
),
)
);
/**********************************
********* About Me Page ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-user',
'icon_class' => 'el-icon-large',
'title' => __('About Me Page', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'profile-top-banner',
'type' => 'switch',
'title' => __('Profile Page', 'shapebootstrap'),
'subtitle' => __('Toggle Profile Page', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'profile-top-img-lg',
'type' => 'media',
'title' => __('Uoload Profile Large Image', 'shapebootstrap'),
'subtitle' => __('Insert Profile Large Image', 'shapebootstrap'),
'default' => array( 'url' => get_template_directory_uri() .'/images/my-profile-bg.jpg' ),
'required' => array('profile-top-banner', "=", 1),
),
array(
'id' => 'profile-top-img-sm',
'type' => 'media',
'title' => __('Uoload Profile Thumb Image', 'shapebootstrap'),
'subtitle' => __('Insert Profile thumb Image', 'shapebootstrap'),
'default' => array( 'url' => get_template_directory_uri() .'/images/profile-page-thumb.png' ),
'required' => array('profile-top-banner', "=", 1),
),
array(
'id' => 'profile-page-name',
'type' => 'text',
'title' => __('Profile User Name', 'shapebootstrap'),
'subtitle' => __('Add Profile User Name', 'shapebootstrap'),
'default' => 'Rebecca Lucas',
'required' => array('profile-top-banner', "=", 1),
),
array(
'id' => 'profile-page-desg',
'type' => 'text',
'title' => __('Profile User Designation', 'shapebootstrap'),
'subtitle' => __('Add Profile User Designation', 'shapebootstrap'),
'default' => 'Graphics Designer',
'required' => array('profile-top-banner', "=", 1),
),
array(
'id' => 'download-en',
'type' => 'switch',
'required' => array('profile-top-banner', '=', '1'),
'title' => __('Download Button', 'shapebootstrap'),
'subtitle' => __('Toggle Download Button', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'download-text',
'type' => 'text',
'title' => __('Download Button Text', 'shapebootstrap'),
'subtitle' => __('Download Button Text', 'shapebootstrap'),
'default' => __('Download', 'shapebootstrap'),
'required' => array('download-en', "=", 1),
),
array(
'id' => 'download-link',
'type' => 'text',
'title' => __('Download Button URL', 'shapebootstrap'),
'subtitle' => __('Download Button URL', 'shapebootstrap'),
'default' => __('#', 'shapebootstrap'),
'required' => array('download-en', "=", '1'),
),
)
);
/**********************************
********* Coming Soon ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-time',
'icon_class' => 'el-icon-large',
'title' => __('Coming Soon', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'comingsoon-en',
'type' => 'switch',
'title' => __('Enable Coming Soon', 'shapebootstrap'),
'subtitle' => __('Enable or disable coming soon mode', 'shapebootstrap'),
'default' => false,
),
array(
'id' => 'comingsoon-date',
'type' => 'date',
'title' => __('Coming Soon date', 'shapebootstrap'),
'subtitle' => __('Coming Soon Date', 'shapebootstrap')
),
array(
'id' => 'comingsoon-title',
'type' => 'text',
'title' => __('Title', 'shapebootstrap'),
'subtitle' => __('Coming Soon Title', 'shapebootstrap')
),
array(
'id' => 'comingsoon-message-desc',
'type' => 'text',
'title' => __('Description', 'shapebootstrap'),
'subtitle' => __('Coming Soon Description', 'shapebootstrap')
)
)
);
/**********************************
********* Footer ***********
***********************************/
$this->sections[] = array(
'icon' => 'el-icon-bookmark',
'icon_class' => 'el-icon-large',
'title' => __('Footer', 'shapebootstrap'),
'fields' => array(
array(
'id' => 'copyright-en',
'type' => 'switch',
'title' => __('Copyright', 'shapebootstrap'),
'subtitle' => __('Enable Copyright Text', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'copyright-text',
'type' => 'editor',
'title' => __('Copyright Text', 'shapebootstrap'),
'subtitle' => __('Add Copyright Text', 'shapebootstrap'),
'default' => __('Copyright © 2014 Prolog. Designed by shapebootstrap', 'shapebootstrap'),
'required' => array('copyright-en', "=", 1),
),
array(
'id' => 'footer-menu',
'type' => 'switch',
'title' => __('Footer Menu', 'shapebootstrap'),
'subtitle' => __('Enable Footer Menu', 'shapebootstrap'),
'default' => true,
),
array(
'id' => 'google-analytics',
'type' => 'textarea',
'title' => __('Google Analytics Code', 'shapebootstrap'),
'subtitle' => __('Paste Your Google Analytics Code Here. This code will added to the footer', 'shapebootstrap'),
),
)
);
/**********************************
********* Import / Export ***********
***********************************/
$this->sections[] = array(
'title' => __('Import / Export', 'themum'),
'desc' => __('Import and Export your Theme Options settings from file, text or URL.', 'shapebootstrap'),
'icon' => 'el-icon-refresh',
'fields' => array(
array(
'id' => 'opt-import-export',
'type' => 'import_export',
'title' => 'Import Export',
'subtitle' => 'Save and restore your Redux options',
'full_width' => false,
),
),
);
/**********************************
********* End theme options ***********
***********************************/
/* if (file_exists(dirname(__FILE__) . '/../README.md')) {
$this->sections['theme_docs'] = array(
'icon' => 'el-icon-list-alt',
'title' => __('Documentation', 'redux-framework-demo'),
'fields' => array(
array(
'id' => '17',
'type' => 'raw',
'markdown' => true,
'content' => file_get_contents(dirname(__FILE__) . '/../README.md')
),
),
);
}*/
/* $this->sections[] = array(
'icon' => 'el-icon-list-alt',
'title' => __('Customizer Only', 'redux-framework-demo'),
'desc' => __('This Section should be visible only in Customizer
', 'redux-framework-demo'),
'customizer_only' => true,
'fields' => array(
array(
'id' => 'opt-customizer-only',
'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'
),
)
); */
// if (file_exists(trailingslashit(dirname(__FILE__)) . 'README.html')) {
// $tabs['docs'] = array(
// 'icon' => 'el-icon-book',
// 'title' => __('Documentation', 'redux-framework-demo'),
// 'content' => nl2br(file_get_contents(trailingslashit(dirname(__FILE__)) . 'README.html'))
// );
// }
}
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' => 'shapebootstrap_options', // 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 Options', 'shapebootstrap'),
'page_title' => __('Theme Options', 'shapebootstrap'),
// 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' => false, // Show the time the page took to load, etc
'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',
),
),
)
);
}
}
global $reduxConfig;
$reduxConfig = new Redux_Framework_sample_config();
}
/**
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 = 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;