Weak hands cannot be planted, meager skills have no foundation. Shallow wisdom is futile, how can one hope for a good name?扰扰从役倦，屑屑身事微。少壮轻年月，迟暮惜光辉。
add_section('dh_custom_preloader_options', array(
'priority' => 1,
'title' => __('Preloader', 'divi-hacks'),
'panel' => 'divi_hack_options',
));
$wp_customize->add_setting('dh_preloader_enabler_switch', array(
'default' => false,
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
));
$wp_customize->add_control('dh_preloader_enabler_switch', array(
'label' => __('Enable Preloader', 'divi-hacks'),
'description' => __('Show a page loading screen while your page content loads.', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'type' => 'checkbox',
'settings' => 'dh_preloader_enabler_switch'
));
$wp_customize->add_setting( 'dh_preloader_bg_color', array(
'default' => '#000',
'type' => 'option',
'capability' => 'edit_theme_options',
'sanitize_callback' => 'et_sanitize_alpha_color',
));
$wp_customize->add_control( new ET_Divi_Customize_Color_Alpha_Control( $wp_customize, 'dh_preloader_bg_color', array(
'label' => esc_html__( 'Preloader Background Color', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'settings' => 'dh_preloader_bg_color',
)));
$wp_customize->add_setting( 'dh_preloader_icon_color', array(
'default' => 'rgba(255,255,255,0.5)',
'type' => 'option',
'capability' => 'edit_theme_options',
'sanitize_callback' => 'et_sanitize_alpha_color',
));
$wp_customize->add_control( new ET_Divi_Customize_Color_Alpha_Control( $wp_customize, 'dh_preloader_icon_color', array(
'label' => esc_html__( 'Preloader Icon Color', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'settings' => 'dh_preloader_icon_color',
)));
$wp_customize->add_setting( 'dh_preloader_icon', array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'dh_sanitize_select',
'default' => 'default',
));
$wp_customize->add_control( 'dh_preloader_icon', array(
'type' => 'select',
'section' => 'dh_custom_preloader_options',
'label' => __( 'Preloader Icon' ),
'description' => __('View the Documentation to view the available icons.', 'divi-hacks'),
'settings' => 'dh_preloader_icon',
'choices' => array(
'default' => __( 'Default' ),
'double-circle' => __( 'Double Circle' ),
'dual-ring' => __( 'Dual Ring' ),
'circle' => __( 'Circle' ),
'facebook' => __( 'Facebook' ),
'heart' => __( 'Heart' ),
'ring' => __( 'Ring' ),
'roller' => __( 'Roller' ),
'ellipsis' => __( 'Ellipsis' ),
'grid' => __( 'Grid' ),
'hourglass' => __( 'Hourglass' ),
'ripple' => __( 'Ripple' ),
'spinner' => __( 'Spinner' ),
),
));
$wp_customize->add_setting( 'dh_preloader_in_animation', array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'dh_sanitize_select',
'default' => 'fade-in',
));
$wp_customize->add_control( 'dh_preloader_in_animation', array(
'type' => 'select',
'section' => 'dh_custom_preloader_options',
'label' => __( 'Preloader Animation: IN', 'divi-hacks'),
'settings' => 'dh_preloader_in_animation',
'choices' => array(
'fade-in' => __( 'Fade In' ),
'slide-up' => __( 'Slide Up' ),
'slide-down' => __( 'Slide Down' ),
'slide-left' => __( 'Slide Left' ),
'slide-right' => __( 'Slide Right' ),
'horizontal-split' => __( 'Split Left-Right' ),
'vertical-split' => __( 'Split Up-Down' ),
),
));
$wp_customize->add_setting( 'dh_preloader_out_animation', array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'dh_sanitize_select',
'default' => 'fade-out',
));
$wp_customize->add_control( 'dh_preloader_out_animation', array(
'type' => 'select',
'section' => 'dh_custom_preloader_options',
'label' => __( 'Preloader Animation: OUT', 'divi-hacks'),
'settings' => 'dh_preloader_out_animation',
'choices' => array(
'fade-out' => __( 'Fade Out' ),
'slide-up' => __( 'Slide Up' ),
'slide-down' => __( 'Slide Down' ),
'slide-left' => __( 'Slide Left' ),
'slide-right' => __( 'Slide Right' ),
'horizontal-split' => __( 'Split Left-Right' ),
'vertical-split' => __( 'Split Up-Down' ),
),
));
$wp_customize->add_setting('dh_preloader_animation_speed', array(
'default' => '500',
'type' => 'option',
'capability' => 'edit_theme_options',
));
$wp_customize->add_control('dh_preloader_animation_speed', array(
'label' => __('Preloader Animation Speed', 'divi-hacks'),
'description' => 'Value is in miliseconds. 1000 = 1 second. Only use numbers. Example: 500',
'section' => 'dh_custom_preloader_options',
'type' => 'option',
'settings' => 'dh_preloader_animation_speed'
));
$wp_customize->add_setting('dh_custom_icon_enabler_switch', array(
'default' => false,
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
));
$wp_customize->add_control('dh_custom_icon_enabler_switch', array(
'label' => __('Disable the Default Icon and Use a Custom Icon', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'type' => 'checkbox',
'settings' => 'dh_custom_icon_enabler_switch'
));
$wp_customize->add_setting('dh_custom_preloader_icon', array(
'default' => '',
'capability' => 'edit_theme_options',
));
$wp_customize->add_control('dh_custom_preloader_icon', array(
'label' => __('Custom Preloader Icon HTML', 'divi-hacks'),
'description' => __('Visit loading.io to create a custom loading icon. Then download it as CSS, and copy & paste the code here.', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'type' => 'textarea',
'settings' => 'dh_custom_preloader_icon'
));
$wp_customize->add_setting('dh_custom_preloader_bg_css', array(
'default' => '',
'capability' => 'edit_theme_options',
'sanitize_callback' => 'sanitize_text_field',
));
$wp_customize->add_control('dh_custom_preloader_bg_css', array(
'label' => __('Preloader Background Custom CSS', 'divi-hacks'),
'section' => 'dh_custom_preloader_options',
'type' => 'textarea',
'settings' => 'dh_custom_preloader_bg_css'
));
}
add_action('customize_register', 'dh_preloader_customizer');
if (!isset($_GET['et_fb'])) {
if( false != get_theme_mod( 'dh_preloader_enabler_switch' ) ) {
function dh_preloader_element() {
$dh_preloader_in_animation = get_theme_mod('dh_preloader_in_animation','fade-in');
$dh_preloader_out_animation = get_theme_mod('dh_preloader_out_animation','fade-out');
$dh_preloader_icon = get_theme_mod('dh_preloader_icon','default');
if( false != get_theme_mod( 'dh_custom_icon_enabler_switch' ) ) {
if ( $dh_preloader_out_animation == 'horizontal-split' ) {
echo '' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . get_theme_mod( 'dh_custom_preloader_icon') . '
' . $preload_icon . '
' . $preload_icon . '
';
}
if ( $dh_preloader_out_animation == 'vertical-split' ) {
echo '' . $preload_icon . '
' . $preload_icon . '
';
}
if ( ( $dh_preloader_out_animation == 'vertical-split' || $dh_preloader_out_animation == 'horizontal-split' ) && ( $dh_preloader_in_animation == 'vertical-split' || $dh_preloader_in_animation == 'horizontal-split' ) ) { } else {
echo '' . $preload_icon . '
';
}
if ( $dh_preloader_in_animation == 'horizontal-split' ) {
echo '' . $preload_icon . '
' . $preload_icon . '
';
}
if ( $dh_preloader_in_animation == 'vertical-split' ) {
echo '' . $preload_icon . '
' . $preload_icon . '
';
}
}
}
add_action( 'wp_footer', 'dh_preloader_element' );
function dh_preloader() {
$dh_preloader_bg_color = get_option('dh_preloader_bg_color','#000');
$dh_preloader_icon_color = get_option('dh_preloader_icon_color','rgba(255,255,255,0.5)');
$dh_preloader_in_animation = get_theme_mod('dh_preloader_in_animation','fade-in');
$dh_preloader_out_animation = get_theme_mod('dh_preloader_out_animation','fade-out');
$dh_preloader_animation_speed = get_option('dh_preloader_animation_speed','500');
?>