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', 'amora'),
'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.
', 'amora'),
'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”', 'amora'), $this->theme->display('Name'));
?>
theme->display('Name'); ?>
- theme->display('Author')); ?>
- theme->display('Version')); ?>
- ' . __('Tags', 'amora') . ': '; ?>theme->display('Tags')); ?>
theme->display('Description'); ?>
theme->parent()) {
printf('
' . __('This child theme requires its parent theme, %2$s.') . '
', __('http://codex.wordpress.org/Child_Themes', 'amora'), $this->theme->parent()->display('Name'));
}
?>
get_contents(dirname(__FILE__) . '/info-html.html');
}
$this->sections[] = array(
'title' => __('Home Settings', 'amora'),
'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' => 'logo',
'type' => 'media',
'title' => __('Logo', 'amora'),
'compiler' => 'true',
'default' => array(
'url' => ''),
'url' => 'true',
'mode' => false, // Can be set to false to allow any media type, or can also be set to any mime type.
'subtitle' => __('Upload the logo you want for your header', 'amora'),
),
)
);
$this->sections[] = array(
'title' => __('Layout Settings', 'amora'),
'icon' => 'el-icon-screen-alt',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'opt-layout',
'type' => 'image_select',
'compiler' => true,
'title' => __('Layout Select', 'amora'),
'subtitle' => __('Select the Layout for your Content Pages', 'amora'),
'default' => '1',
'options' => array(
'1' => array(
'alt' => 'Right Sidebar',
'img' => ReduxFramework::$_url . 'assets/img/2cr.png'),
'2' => array(
'alt' => 'Left Sidebar',
'img' => ReduxFramework::$_url . 'assets/img/2cl.png'),
)
),
/*
array(
'id' => 'grid-select',
'type' => 'radio',
'title' => __('Grid Layout Select', 'amora'),
'subtitle' => __('Select teh grid Layout for the homepage', 'amora'),
//Must provide key => value pairs for radio options
'options' => array(
'1' => '2-Box Layout',
'2' => '3-Box Layout',
'3' => '4-Box Layout'
),
'default' => '3'
),
*/
),
);
$this->sections[] = array(
'title' => __('Social Settings', 'amora'),
'fields' => array(
array(
'id' => 'social-button',
'type' => 'switch',
'title' => __('Enable Social Icons', 'amora'),
'subtitle' => __('Enable the Social Icons on the site', 'amora'),
'default' => false,
),
array(
'id' => 'social',
'type' => 'select',
'title' => __('Select Social Icons', 'amora'),
'subtitle' => __('Which ones do you want', 'amora'),
'desc' => __('Select the social icons to be displayed on the site', 'amora'),
//Must provide key => value pairs for select options
'options' => array(
"def" => 'Default',
"soshion" => 'Soshions',
"glossy" => 'Glossy'
),
'default' => "def"
),
array(
'id' => 'facebook',
'type' => 'text',
'title' => __('Facebook', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://facebook.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'twitter',
'type' => 'text',
'title' => __('Twitter', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://twitter.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'google',
'type' => 'text',
'title' => __('Google', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://plus.google.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'instagram',
'type' => 'text',
'title' => __('Instagram', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://instagram.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'youtube',
'type' => 'text',
'title' => __('Youtube', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://youtube.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'pinterest',
'type' => 'text',
'title' => __('Pinterest', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://pinterest.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'rss',
'type' => 'text',
'title' => __('Rss', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://rss.com/#/',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'mail',
'type' => 'text',
'title' => __('Mail', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => '',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
array(
'id' => 'vimeo',
'type' => 'text',
'title' => __('Vimeo', 'amora'),
'subtitle' => __('URL of the page', 'amora'),
'validate' => 'url',
'default' => 'http://vimeo.com/#',
'text_hint' => array(
'title' => '',
'content' => 'Please enter a valid URL in this field.'
)
),
)
);
$this->sections[] = array(
'title' => __('Slider Settings', 'amora'),
'icon' => 'el-icon-check-empty',
// 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
'fields' => array(
array(
'id' => 'slider-button',
'type' => 'switch',
'default' => false,
'title' => __('Slider', 'amora'),
'subtitle' => __('Enable the Slider for your homepage.', 'amora'),
),
array(
'id' => 'opt-slides-a',
'type' => 'slides',
'title' => __('Slides Options', 'amora'),
'subtitle' => __('Upload the slides here.', 'amora'),
'desc' => __('', 'amora'),
'placeholder' => array(
'title' => __('Slide Title', 'amora'),
'url' => __('URL you want to Link.', 'amora'),
'description' => __('Something about the slide','amora')
)
)
)
);
}
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', 'amora'),
'content' => __('This is the tab content, HTML is allowed.
', 'amora')
);
$this->args['help_tabs'][] = array(
'id' => 'redux-help-tab-2',
'title' => __('Theme Information 2', 'amora'),
'content' => __('This is the tab content, HTML is allowed.
', 'amora')
);
// Set the help sidebar
$this->args['help_sidebar'] = __('This is the sidebar content, HTML is allowed.
', 'amora');
}
/**
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' => 'opt_amora',
'display_name' => 'Amora Options',
'page_slug' => '_options',
'page_title' => 'Amora Options',
'dev_mode' => '0',
'update_notice' => '1',
'intro_text' => 'Welcome to the Options Panel of Amora.
',
'footer_text' => '',
'admin_bar' => '1',
'menu_type' => 'submenu',
'menu_title' => 'Amora Options',
'allow_sub_menu' => '1',
'page_parent_post_type' => 'your_post_type',
'customizer' => '0',
'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' => '1',
'output_tag' => '1',
'compiler' => '1',
'page_icon' => 'icon-themes',
'page_permissions' => 'manage_options',
'save_defaults' => '1',
'show_import_export' => '0',
'transient_time' => '3600',
'network_sites' => '0',
);
/*
// 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'
);
*/
}
}
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;