Viewing file:  customizer.php (15.76 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php
//////////////////////////////////////////////////////////////
//===========================================================
// PAGELAYER
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Pulkit Gupta
// Date: 23rd Jan 2017
// Time: 23:00 hrs
// Site: http://pagelayer.com/wordpress (PAGELAYER)
// ----------------------------------------------------------
// Please Read the Terms of use at http://pagelayer.com/tos
// ----------------------------------------------------------
//===========================================================
// (c)Pagelayer Team
//===========================================================
//////////////////////////////////////////////////////////////
// Are we being accessed directly ?
if(!defined('PAGELAYER_VERSION')) {
exit('Hacking Attempt !');
}
// Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
add_action( 'customize_preview_init', 'pagelayer_customize_preview_js' );
function pagelayer_customize_preview_js() {
//wp_enqueue_script( 'pagelayer-customizer-preview', get_template_directory_uri() . '/js/customizer-preview.js', array( 'jquery', 'customize-preview' ), PAGELAYER_VERSION, true );
}
// JS handlers for controls.
add_action( 'customize_controls_enqueue_scripts', 'pagelayer_customize_scripts' );
function pagelayer_customize_scripts(){
wp_enqueue_script( 'wp-color-picker' );
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'pagelayer-customizer', PAGELAYER_JS.'/customizer.js', array( 'customize-controls' ), PAGELAYER_VERSION, true );
}
// Print global Style.
add_action( 'customize_controls_print_styles', 'pagelayer_customize_controls_print_styles' );
function pagelayer_customize_controls_print_styles(){
global $pagelayer;
$font_family = (array) $pagelayer->fonts;
$style = array('' => 'Default', 'normal' => 'Normal', 'italic' => 'Italic', 'oblique' => 'Oblique');
$weight = array('' => 'Default', '100' => '100', '200' => '200', '300' => '300', '400' => '400', '500' => '500', '600' => '600', '700' => '700', '800' => '800', '900' => '900', 'normal' => 'Normal', 'lighter' => 'Lighter', 'bold' => 'Bold', 'bolder' => 'Bolder', 'unset' => 'Unset');
$variant = array('' => 'Default', 'normal' => 'Normal', 'small-caps' => 'Small Caps');
$decoration = array('' => 'Default', 'none' => 'None', 'overline' => 'Overline', 'line-through' => 'Line-through', 'underline' => 'Underline', 'underline overline' => 'Underline Overline');
$decoration_style = array('' => 'None', 'solid' => 'Solid', 'double' => 'Double', 'dotted' => 'Dotted', 'dashed' => 'Dashed', 'wavy' => 'Wavy');
$transform = array('' => 'Default', 'capitalize' => 'Capitalize', 'uppercase' => 'Uppercase', 'lowercase' => 'Lowercase');
$pagelayer->font_settings = array(
'font-family' => array(
'label' => __('Family', 'pagelayer'),
'choices' => $font_family
),
'font-size' => array(
'label' => __('Size', 'pagelayer'),
'responsive' => 1,
),
'font-style' => array(
'label' => __('Style', 'pagelayer'),
'choices' => $style,
),
'font-weight' => array(
'label' => __('Weight', 'pagelayer'),
'choices' => $weight,
'responsive' => 1,
),
'font-variant' => array(
'label' => __('Variant', 'pagelayer'),
'choices' => $variant,
),
'text-decoration-line' => array(
'label' => __('Decoration', 'pagelayer'),
'choices' => $decoration,
),
'text-decoration-style' => array(
'label' => __('Decoration Style', 'pagelayer'),
'choices' => $decoration_style,
),
'line-height' => array(
'label' => __('Line Height', 'pagelayer'),
'responsive' => 1,
),
'text-transform' => array(
'label' => __('Transform', 'pagelayer'),
'choices' => $transform,
),
'letter-spacing' => array(
'label' => __('Text Spacing', 'pagelayer'),
'responsive' => 1,
),
'word-spacing' => array(
'label' => __('Word Spacing', 'pagelayer'),
'responsive' => 1,
),
);
$styles = '<style id="pagelayer-customize-global-style">:root{';
// Set global colors styles
foreach($pagelayer->global_colors as $gk => $gv){
$styles .= '--pagelayer-color-'.$gk.':'.$gv['value'].';';
}
$styles .= '}
</style>'.PHP_EOL;
// Added global JavaSript variables
$styles .= '<script id="pagelayer-customize-global-js">
var pagelayer_global_colors = '.json_encode($pagelayer->global_colors).';
var pagelayer_global_fonts = '.json_encode($pagelayer->global_fonts).';
var pagelayer_global_font_settings = '.json_encode($pagelayer->font_settings).';
</script>'.PHP_EOL;
echo $styles;
}
add_action( 'customize_register', 'pagelayer_customize_register', 11 );
function pagelayer_customize_register( $wp_customize ) {
global $pagelayer;
// CSS for the custom controls
wp_register_style('pagelayer-customizer', PAGELAYER_CSS.'/customizer.css', PAGELAYER_VERSION);
wp_enqueue_style('pagelayer-customizer');
// Load fonts
pagelayer_load_font_options();
// Load global colors and fonts
pagelayer_load_global_palette();
// Add custom controls
include_once(PAGELAYER_DIR . '/main/customizer-controls.php');
$post_types = array('' => __('Global'));
$exclude = [ 'attachment', 'pagelayer-template' ];
$pt_objects = get_post_types(['public' => true,], 'objects');
foreach ( $pt_objects as $pt_slug => $type ) {
if ( in_array( $pt_slug, $exclude ) ) {
continue;
}
$post_types[$pt_slug] = $type->labels->name;
}
// Pagelayer Panel
$wp_customize->add_panel( 'pagelayer_settings', array(
'priority' => 10,
'title' => 'Pagelayer',
));
// Global colors section
$wp_customize->add_section( 'pagelayer_global_colors_sec', array(
'capability' => 'edit_theme_options',
'priority' => 10,
'title' => __('Colors'),
'panel' => 'pagelayer_settings',
));
$wp_customize->add_setting( 'pagelayer_global_colors', array(
'type' => 'option',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
'default' => json_encode( $pagelayer->global_colors )
));
$wp_customize->add_control( new Pagelayer_Color_Repeater_Control($wp_customize, 'pagelayer_global_colors', array(
'priority' => 10,
'section' => 'pagelayer_global_colors_sec',
)));
// Global fonts section
$wp_customize->add_section( 'pagelayer_global_fonts_sec', array(
'capability' => 'edit_theme_options',
'priority' => 10,
'title' => __('Typography'),
'panel' => 'pagelayer_settings',
));
$wp_customize->add_setting( 'pagelayer_global_fonts', array(
'type' => 'option',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
'default' => json_encode($pagelayer->global_fonts),
));
$wp_customize->add_control( new Pagelayer_Font_Repeater_Control($wp_customize, 'pagelayer_global_fonts', array(
'priority' => 10,
'section' => 'pagelayer_global_fonts_sec',
)));
foreach($post_types as $sk => $sv){
$post_type = empty($sk) ? '' : '_'.$sk;
$global_section = 'pagelayer_global_sec'.$post_type;
$global_text = empty($sk) ? '' : __('Global');
// Global section
$wp_customize->add_section( $global_section, array(
'capability' => 'edit_theme_options',
'priority' => 10,
'title' => sprintf( __('%s %s Styles', 'pagelayer'), $sv, $global_text),
'panel' => 'pagelayer_settings',
));
foreach($pagelayer->css_settings as $set => $setv){
$setting_name = $set.$sk;
$setting = empty($setv['key']) ? 'pagelayer_'.$set.'_css'.$post_type : $setv['key'].$post_type;
$wp_customize->add_setting( 'pagelayer_lable_'.$setting_name, array(
'capability' => 'edit_theme_options',
));
$wp_customize->add_control( new Pagelayer_Customize_Control(
$wp_customize, 'pagelayer_lable_'.$setting_name, array(
'type' => 'hidden',
'section' => $global_section,
'description' => sprintf( __('<div class="pagelayer-customize-heading"><div>%s</div><span class="dashicons dashicons-arrow-right-alt2"></span></div>', 'pagelayer'), $sv.' '.$setv['name']),
'li_class' => 'pagelayer-accordion-tab',
)
));
// Register the typography control for body
pagelayer_register_typo_customizer_control($wp_customize, array(
'control' => $setting,
'section' => $global_section,
'label' => __( 'Typography', 'pagelayer' ),
'capability' => 'edit_theme_options',
'setting_type' => 'option',
'transport' => 'refresh',
'default' => '',
'units' => ['px', 'em', '%'],
'responsive' => 1,
));
$wp_customize->add_setting( $setting.'[color]', array(
'type' => 'option',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
));
$wp_customize->add_control( new Pagelayer_Customize_Alpha_Color_Control(
$wp_customize, $setting.'[color]', array(
'section' => $global_section,
'label' => __( 'Color', 'pagelayer' ),
)
));
$wp_customize->add_setting( $setting.'[background-color]', array(
'type' => 'option',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
));
$wp_customize->add_control( new Pagelayer_Customize_Alpha_Color_Control(
$wp_customize, $setting.'[background-color]', array(
'section' => $global_section,
'label' => __( 'Background Color', 'pagelayer' ),
)
));
// Register the padding control for scroll to top
pagelayer_register_padding_customizer_control($wp_customize, array(
'control' => $setting,
'control_array_sufix' => 'padding',
'section' => $global_section,
'label' => __( 'Padding', 'pagelayer' ),
'capability' => 'edit_theme_options',
'setting_type' => 'option',
'transport' => 'refresh',
'default' => '',
'units' => ['px', 'em', '%'],
'setting_parts' => array('0', '1', '2', '3', 'unit'),
'responsive' => 1,
));
// Register the padding control for scroll to top
pagelayer_register_padding_customizer_control($wp_customize, array(
'control' => $setting,
'control_array_sufix' => 'margin',
'section' => $global_section,
'label' => __( 'Margin', 'pagelayer' ),
'capability' => 'edit_theme_options',
'setting_type' => 'option',
'transport' => 'refresh',
'default' => '',
'units' => ['px', 'em', '%'],
'setting_parts' => array('0', '1', '2', '3', 'unit'),
'responsive' => 1,
));
}
}
}
/**
* Register the Typography control.
*
* @return void
*/
function pagelayer_register_typo_customizer_control($wp_customize, $args, $screen_array = false){
$settings_for_control = array();
$settings = array('font-family', 'font-size', 'font-style', 'font-weight', 'font-variant', 'text-decoration-line', 'text-decoration-style', 'line-height', 'text-transform', 'letter-spacing', 'word-spacing', 'global-font');
$screens = array('');
$control_array_sufix = '';
if(!empty($args['responsive'])){
$screens = array('desktop' => '', 'tablet' => '_tablet', 'mobile' => '_mobile');
}
if(!empty($args['control_array_sufix'])){
$control_array_sufix = '['.$args['control_array_sufix'].']';
}
// Register settings
foreach($screens as $_screen => $screen){
foreach($settings as $setting){
// Skip units for responsive
if($setting == 'unit' && !empty($screen)){
continue;
}
$setting_name = $args['control'];
if($screen_array && count($screens) > 1){
$setting_name .= $control_array_sufix.'['.$_screen.']';
}else{
$setting_name .= $screen.$control_array_sufix;
}
$setting_name .= '['.$setting.']';
$settings_for_control[$setting.$screen] = $setting_name;
$setting_args = array(
'capability' => $args['capability'],
'transport' => $args['transport'],
);
if(!empty($args['setting_type'])){
$setting_args['type'] = $args['setting_type'];
}
if(!empty($args['default'])){
$setting_args['default'] = $args['default'];
}
$wp_customize->add_setting( $setting_name, $setting_args);
}
}
$args['settings'] = $settings_for_control;
$wp_customize->add_control( new Pagelayer_typo_Control(
$wp_customize, $args['control']. @$args['control_array_sufix'], $args
));
}
/**
* Register the padding control.
*
* @return void
*/
function pagelayer_register_padding_customizer_control($wp_customize, $args, $screen_array = false){
$settings_for_control = array();
$screens = array('');
$control_array_sufix = '';
if(empty($args['setting_parts'])){
$settings = array('top', 'right', 'bottom', 'left', 'unit');
}else{
$settings = $args['setting_parts'];
}
if(!empty($args['responsive'])){
$screens = array('desktop' => '', 'tablet' => '_tablet', 'mobile' => '_mobile');
}
if(!empty($args['control_array_sufix'])){
$control_array_sufix = '['.$args['control_array_sufix'].']';
}
// Register settings
foreach($screens as $_screen => $screen){
foreach($settings as $setting){
// Skip units for responsive
if($setting == 'unit' && (!empty($screen) || $screen_array)){
continue;
}
$setting_name = $args['control'];
if($screen_array && count($screens) > 1){
$setting_name .= $control_array_sufix.'['.$_screen.']';
}else{
$setting_name .= $screen.$control_array_sufix;
}
$setting_name .= '['.$setting.']';
$settings_for_control[$setting.$screen] = $setting_name;
$setting_args = array(
'capability' => $args['capability'],
'transport' => $args['transport'],
);
if(!empty($args['default'])){
$setting_args['default'] = $args['default'];
}
if(!empty($args['setting_type'])){
$setting_args['type'] = $args['setting_type'];
}
if(!empty($args['sanitize_callback'])){
$setting_args['sanitize_callback'] = $args['sanitize_callback'];
}
$wp_customize->add_setting( $setting_name, $setting_args);
}
}
// If we save responsive values in same variables
if($screen_array && !empty($args['units'])){
$setting_name = $args['control'].$control_array_sufix.'[unit]';
$settings_for_control['unit'] = $setting_name;
$setting_args = array(
'capability' => $args['capability'],
'transport' => $args['transport'],
);
if(!empty($args['setting_type'])){
$setting_args['type'] = $args['setting_type'];
}
$wp_customize->add_setting( $setting_name, $setting_args);
}
$args['settings'] = $settings_for_control;
$wp_customize->add_control( new Pagelayer_Padding_Control(
$wp_customize, $args['control']. @$args['control_array_sufix'], $args
));
}
/**
* Register the slider control.
*
* @return void
*/
function pagelayer_register_slider_custoze_control($wp_customize, $args){
$settings_for_control = array();
$setting = 'slider';
$screens = array('');
if(!empty($args['responsive'])){
$screens = array('desktop' => '_desktop', 'tablet' => '_tablet', 'mobile' => '_mobile');
}
// Register settings
foreach($screens as $screen => $_screen){
$setting_name = $args['control'];
if(count($screens) > 1){
$setting_name .= '['.$screen.']';
}
$settings_for_control[$setting.$_screen] = $setting_name;
$setting_args = array(
'capability' => $args['capability'],
'transport' => $args['transport'],
);
if(!empty($args['default'])){
$setting_args['default'] = $args['default'];
}
if(!empty($args['setting_type'])){
$setting_args['type'] = $args['setting_type'];
}
if(!empty($args['sanitize_callback'])){
$setting_args['sanitize_callback'] = $args['sanitize_callback'];
}
$wp_customize->add_setting($setting_name, $setting_args);
}
// Register setting for units
if(!empty($args['units'])){
$setting_name = $args['control'].'[unit]';
$settings_for_control['unit'] = $setting_name;
$setting_args = array(
'capability' => $args['capability'],
'transport' => $args['transport'],
);
if(!empty($args['setting_type'])){
$setting_args['type'] = $args['setting_type'];
}
$wp_customize->add_setting( $setting_name, $setting_args);
}
$args['settings'] = $settings_for_control;
$args['type'] = 'pl_slider';
$wp_customize->add_control( new Pagelayer_Custom_Control( $wp_customize, $args['control'], $args ));
}
|