panels = array(
'general' => array(
'title' => esc_html__( 'General Site Settings', 'kernel' )
),
'header' => array(
'title' => esc_html__( 'Header Settings', 'kernel' )
),
'featuredtitle' => array(
'title' => esc_html__( 'Page Title Settings', 'kernel' )
),
'maincontent' => array(
'title' => esc_html__( 'Sites Content', 'kernel' )
),
'layout' => array(
'title' => esc_html__( 'Site Layout', 'kernel' )
),
'blog' => array(
'title' => esc_html__( 'Archive (Blog)', 'kernel' )
),
'blogsingle' => array(
'title' => esc_html__( 'Single Post', 'kernel' )
),
'sidebarwidget' => array(
'title' => esc_html__( 'Sidebar Widget', 'kernel' )
),
'shop' => array(
'title' => esc_html__( 'Shop', 'kernel' )
),
'footer' => array(
'title' => esc_html__( 'Footer', 'kernel' )
),
'footerwidget' => array(
'title' => esc_html__( 'Footer Widget', 'kernel' )
),
'bottombar' => array(
'title' => esc_html__( 'Mini Footer', 'kernel' )
),
'unavailablepage' => array(
'title' => esc_html__( '404 Page', 'kernel' )
),
);
// Everything else is only needed on front end of if in the customizer
if ( ! is_admin() || is_customize_preview() ) {
// Add sections (stores all sections in array if not already saved in DB)
if ( ! $this->sections ) { $this->add_sections(); }
// Custom core panels and sections
add_action( 'customize_register', array( $this, 'custom_core_sections' ), 11 );
// Add theme customizer sections and panels
add_action( 'customize_register', array( $this, 'add_customizer_panels_sections' ), 40 );
// Adds CSS for customizer custom controls
add_action( 'customize_controls_print_styles', array( $this, 'customize_controls_print_styles' ) );
// Load JS file for customizer
add_action( 'customize_preview_init', array( $this, 'customize_preview_init' ) );
// CSS output
if ( is_customize_preview() && $this->enable_postMessage ) {
add_action( 'wp_head', array( $this, 'live_preview_styles' ), 999 );
} else {
add_filter( 'kernel_custom_colors_css', array( $this, 'head_css' ), 999 );
}
}
}
// Custom core panels and sections
public static function custom_core_sections( $wp_customize ) {
require get_template_directory() .'/framework/customizer/customizer-controls.php';
require get_template_directory() .'/framework/customizer/customizer-helpers.php';
// Tweak default controls
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
// Remove core sections
$wp_customize->remove_section( 'themes' );
$wp_customize->remove_section( 'background_image' );
$wp_customize->remove_control("header_image");
// Remove core controls tagline
$wp_customize->remove_control( 'blogdescription' );
$wp_customize->remove_control( 'header_textcolor' );
$wp_customize->remove_control( 'background_color' );
$wp_customize->remove_control( 'background_image' );
// Remove default settings
$wp_customize->remove_setting( 'background_color' );
$wp_customize->remove_setting( 'background_image' );
}
// Get all sections
public function add_sections() {
// Get panels
$panels = $this->panels;
// Return if there aren't any panels
if ( ! $panels ) {
return;
}
// Loop through panels
foreach( $panels as $id => $val ) {
// These have their own sections outside the main class scope
if ( 'typography' == $id ) {
continue;
}
// Continue if condition isn't met
if ( isset( $val['condition'] ) && ! $val['condition'] ) {
continue;
}
// Section file location
$file = isset( $val['settings'] ) ? $val['settings'] : get_template_directory() .'/framework/customizer/settings/'. $id .'.php';
// Include file and update sections var
if ( file_exists( $file ) ) {
require $file;
}
}
// Apply filters
$this->sections = apply_filters( 'kernel_customizer_sections', $this->sections );
}
/**
* Registers new controls
* Removes default customizer sections and settings
* Adds new customizer sections, settings & controls
*/
public function add_customizer_panels_sections( $wp_customize ) {
// Get panels
$all_panels = $this->panels;
// Add Panels
$priority = 140;
foreach( $all_panels as $id => $val ) {
$priority++;
// Get title and check if panel or section
$title = isset( $val['title'] ) ? $val['title'] : $val;
$is_section = isset( $val['is_section'] ) ? true : false;
// Add section
if ( $is_section ) {
$wp_customize->add_section( 'kernel_'. $id, array(
'priority' => $priority,
'title' => $title
) );
}
// Add Panel
else {
$wp_customize->add_panel( 'kernel_'. $id, array(
'priority' => $priority,
'title' => $title
) );
}
}
// Create the new customizer sections
if ( ! empty( $this->sections ) ) {
$this->create_sections( $wp_customize, $this->sections );
}
}
// Creates the Sections and controls for the customizer
public function create_sections( $wp_customize ) {
// Loop through sections and add create the customizer sections, settings & controls
foreach ( $this->sections as $section_id => $section ) {
// Get section settings
$settings = ! empty( $section['settings'] ) ? $section['settings'] : null;
// Return if no settings are found
if ( ! $settings ) {
return;
}
// Get section description
$description = isset( $section['desc'] ) ? $section['desc'] : '';
// Add customizer section
if ( isset( $section['panel'] ) ) {
$wp_customize->add_section( $section_id, array(
'title' => $section['title'],
'panel' => $section['panel'],
'description' => $description
) );
}
// Add settings and controls
foreach ( $settings as $setting ) {
// Get vals
$id = $setting['id']; // Required no need to check
$transport = isset( $setting['transport'] ) ? $setting['transport'] : 'refresh';
$default = isset( $setting['default'] ) ? $setting['default'] : '';
$control_type = isset( $setting['control']['type'] ) ? $setting['control']['type'] : 'text';
// Get sanitize callback
if ( isset( $setting['sanitize_callback'] ) ) {
$sanitize_callback = $setting['sanitize_callback'];
} else {
$sanitize_callback = false;
}
// Add values to control
$setting['control']['settings'] = $setting['id'];
$setting['control']['section'] = $section_id;
// All heading types are postMessage
if ( 'kernel_heading' == $control_type ) {
$transport = 'postMessage';
}
// Add description
if ( isset( $setting['control']['desc'] ) ) {
$setting['control']['description'] = $setting['control']['desc'];
}
// Control object
if ( isset( $setting['control']['object'] ) ) {
$control_object = $setting['control']['object'];
} elseif ( 'image' == $control_type ) {
$control_object = 'WP_Customize_Image_Control';
} elseif ( 'color' == $control_type ) {
$control_object = 'WP_Customize_Color_Control';
} elseif ( 'kernel_heading' == $control_type ) {
$control_object = 'kernel_Customizer_Heading_Control';
} elseif ( 'kernel_sortable' == $control_type ) {
$control_object = 'kernel_Customize_Control_Sorter';
} elseif ( 'kernel_textarea' == $control_type ) {
$control_object = 'kernel_Customizer_Textarea_Control';
} else {
$control_object = 'WP_Customize_Control';
}
// If $id defined add setting and control
if ( $id ) {
// Add setting
$wp_customize->add_setting( $id, array(
'type' => 'theme_mod',
'transport' => $transport,
'default' => $default,
'sanitize_callback' => $sanitize_callback
) );
// Add control
$wp_customize->add_control( new $control_object (
$wp_customize,
$id, $setting['control'] )
);
}
}
}
}
// Adds CSS for customizer custom controls
public static function customize_controls_print_styles() { ?>
enable_postMessage ) {
wp_enqueue_script( 'kernel_customize-preview',
get_template_directory_uri() . '/framework/customizer/customize.js',
array( 'customize-preview' ),
'1.0.0',
true
);
}
}
// Generates inline CSS for styling options
public function loop_through_inline_css( $return = 'css' ) {
// Define vars
$add_css = '';
$elements_to_alter = array();
$preview_styles = array();
// Get customizer settings
$settings = wp_list_pluck( $this->sections, 'settings' );
// Return if there aren't any settings
if ( empty( $settings ) ) {
return;
}
// Loop through settings and find inline_css
foreach ( $settings as $settings_array ) {
foreach ( $settings_array as $setting ) {
// Store setting ID and default value
$setting_id = $setting['id']; // no need to check cause it's required
// Get defaults & inline_css
$inline_css = isset( $setting['inline_css'] ) ? $setting['inline_css'] : null;
// Check condition
$condition = isset( $inline_css['obj_condition'] ) ? $inline_css['obj_condition'] : '';
// Get default and value
$default = isset ( $setting['default'] ) ? $setting['default'] : false;
$theme_mod = kernel_get_mod( $setting_id, $default );
// If mod is equal to default and part of the mods let's remove it
// This is a good place since we are looping through all settings anyway
if ( apply_filters( 'kernel_remove_default_mods', false ) ) {
$get_all_mods = kernel_get_mods();
if ( $theme_mod == $default && $get_all_mods && isset( $get_all_mods[$setting_id] ) ) {
remove_theme_mod( $setting_id );
}
}
// These are required for outputting custom CSS
if ( ! $theme_mod || ! $inline_css ) {
continue;
}
// Get inline_css params
$sanitize = isset( $inline_css['sanitize'] ) ? $inline_css['sanitize'] : '';
$target = isset( $inline_css['target'] ) ? $inline_css['target'] : '';
$alter = isset( $inline_css['alter'] ) ? $inline_css['alter'] : '';
$important = isset( $inline_css['important'] ) ? '!important' : false;
$media_query = isset( $inline_css['media_query'] ) ? $inline_css['media_query'] : false;
// Add to preview_styles array
if ( 'preview_styles' == $return ) {
$preview_styles['customizer-'. $setting_id] = '';
}
// Target and alter vars are required, if they are empty continue onto the next setting
if ( ! $target || ! $alter ) {
continue;
}
// Sanitize data
if ( $sanitize ) {
$theme_mod = kernel_sanitize_data( $theme_mod, $sanitize );
} else {
$theme_mod = $theme_mod;
}
// Set to array if not
$target = is_array( $target ) ? $target : array( $target );
// Loop through items
foreach( $target as $element ) {
// Add to elements list if not already for CSS output only
if ( 'css' == $return && ! isset( $elements_to_alter[$element] ) ) {
$elements_to_alter[$element] = array( 'css' => '' );
}
// Return CSS or js
if ( is_array( $alter ) ) {
// Loop through elements to alter
foreach( $alter as $alter_val ) {
// Inline CSS
if ( 'css' == $return ) {
// If it has a media query it's its own thing
if ( $media_query ) {
$add_css .= '@media only screen and '. $media_query . '{'.$element .'{ '. $alter_val .':'. $theme_mod . $important .'; }}';
} else {
$elements_to_alter[$element]['css'] .= $alter_val .':'. $theme_mod . $important .';';
}
}
// Live preview styles
elseif ( 'preview_styles' == $return ) {
// If it has a media query it's its own thing
if ( $media_query ) {
$preview_styles['customizer-'. $setting_id] .= '@media only screen and '. $media_query . '{'.$element .'{ '. $alter_val .':'. $theme_mod . $important .'; }}';
}
// Not media query
else {
$preview_styles['customizer-'. $setting_id] .= $element .'{ '. $alter_val .':'. $theme_mod . $important .'; }';
}
}
}
}
// Single element to alter
else {
// Background image tweak
if ( 'background-image' == $alter ) {
$theme_mod = 'url('. esc_url( $theme_mod ) .')';
}
// Inline CSS
if ( 'css' == $return ) {
// If it has a media query it's its own thing
if ( $media_query ) {
$add_css .= '@media only screen and '. $media_query . '{'. $element .'{ '. $alter .':'. $theme_mod . $important .'; }}';
}
// Not media query
else {
$elements_to_alter[$element]['css'] .= $alter .':'. $theme_mod . $important .';';
}
}
// Live preview styles
elseif ( 'preview_styles' == $return ) {
// If it has a media query it's its own thing
if ( $media_query ) {
$preview_styles['customizer-'. $setting_id] .= '@media only screen and '. $media_query .'{'. $element .'{ '. $alter .':'. $theme_mod . $important .'; }}';
}
// Not media query
else {
$preview_styles['customizer-'. $setting_id] .= $element .'{ '. $alter .':'. $theme_mod . $important .'; }';
}
}
}
}
} // End settings_array
} // End settings loop
// Loop through elements for CSS only
if ( 'css' == $return && $elements_to_alter ) {
foreach( $elements_to_alter as $element => $array ) {
if ( isset( $array['css'] ) ) {
$add_css .= $element .'{'. $array['css'] .'}';
}
}
}
// Return inline css
if ( 'css' == $return ) {
return $add_css;
}
// Return preview styles
if ( 'preview_styles' == $return ) {
return $preview_styles;
}
}
// Returns correct CSS to output to wp_head
public function head_css( $output ) {
$inline_css = $this->loop_through_inline_css( 'css' );
if ( $inline_css ) {
$output .= '/*CUSTOMIZER STYLING*/'. $inline_css;
}
return $output;
}
// Returns correct CSS to output to wp_head
public function live_preview_styles() {
$live_preview_styles = $this->loop_through_inline_css( 'preview_styles' );
if ( $live_preview_styles ) {
foreach ( $live_preview_styles as $key => $val ) {
if ( ! empty( $val ) ) {
echo '';
}
}
}
}
}
}
// Start up class
new kernel_Customizer();