519 lines
16 KiB
PHP
519 lines
16 KiB
PHP
<?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 ));
|
|
} |