DESKTOP-GBA0BK8\Admin
711 lines
27 KiB
PHP
711 lines
27 KiB
PHP
<?php
|
|
/**
|
|
* Top Bar Customizer Options
|
|
*
|
|
* @package OceanWP WordPress theme
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
if ( ! class_exists( 'OceanWP_Top_Bar_Customizer' ) ) :
|
|
|
|
class OceanWP_Top_Bar_Customizer {
|
|
|
|
/**
|
|
* Setup class.
|
|
*
|
|
* @since 1.0
|
|
*/
|
|
public function __construct() {
|
|
|
|
add_action( 'customize_register', array( $this, 'customizer_options' ) );
|
|
add_filter( 'ocean_head_css', array( $this, 'head_css' ) );
|
|
|
|
}
|
|
|
|
/**
|
|
* Customizer options
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
public function customizer_options( $wp_customize ) {
|
|
|
|
/**
|
|
* Panel
|
|
*/
|
|
$panel = 'ocean_topbar_panel';
|
|
$wp_customize->add_panel( $panel , array(
|
|
'title' => esc_html__( 'Top Bar', 'oceanwp' ),
|
|
'priority' => 210,
|
|
) );
|
|
|
|
/**
|
|
* Section
|
|
*/
|
|
$wp_customize->add_section( 'ocean_topbar_general' , array(
|
|
'title' => esc_html__( 'General', 'oceanwp' ),
|
|
'priority' => 10,
|
|
'panel' => $panel,
|
|
) );
|
|
|
|
/**
|
|
* Top Bar
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar', array(
|
|
'default' => true,
|
|
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar', array(
|
|
'label' => esc_html__( 'Enable Top Bar', 'oceanwp' ),
|
|
'type' => 'checkbox',
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar',
|
|
'priority' => 10,
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Full Width
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_full_width', array(
|
|
'transport' => 'postMessage',
|
|
'default' => false,
|
|
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_full_width', array(
|
|
'label' => esc_html__( 'Top Bar Full Width', 'oceanwp' ),
|
|
'type' => 'checkbox',
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_full_width',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Visibility
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_visibility', array(
|
|
'transport' => 'postMessage',
|
|
'default' => 'all-devices',
|
|
'sanitize_callback' => 'oceanwp_sanitize_select',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_visibility', array(
|
|
'label' => esc_html__( 'Visibility', 'oceanwp' ),
|
|
'type' => 'select',
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_visibility',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
'choices' => array(
|
|
'all-devices' => esc_html__( 'Show On All Devices', 'oceanwp' ),
|
|
'hide-tablet' => esc_html__( 'Hide On Tablet', 'oceanwp' ),
|
|
'hide-mobile' => esc_html__( 'Hide On Mobile', 'oceanwp' ),
|
|
'hide-tablet-mobile' => esc_html__( 'Hide On Tablet & Mobile', 'oceanwp' ),
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Style
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_style', array(
|
|
'default' => 'one',
|
|
'sanitize_callback' => 'oceanwp_sanitize_select',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_style', array(
|
|
'label' => esc_html__( 'Style', 'oceanwp' ),
|
|
'type' => 'select',
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_style',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
'choices' => array(
|
|
'one' => esc_html__( 'Left Content & Right Social', 'oceanwp' ),
|
|
'two' => esc_html__( 'Left Social & Right Content', 'oceanwp' ),
|
|
'three' => esc_html__( 'Centered Content & Social', 'oceanwp' ),
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Padding
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_top_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '8',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '0',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_bottom_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '8',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '0',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_tablet_top_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_tablet_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_tablet_bottom_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_tablet_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_mobile_top_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_mobile_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_mobile_bottom_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_mobile_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_top_bar_padding', array(
|
|
'label' => esc_html__( 'Padding (px)', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => array(
|
|
'desktop_top' => 'ocean_top_bar_top_padding',
|
|
'desktop_right' => 'ocean_top_bar_right_padding',
|
|
'desktop_bottom' => 'ocean_top_bar_bottom_padding',
|
|
'desktop_left' => 'ocean_top_bar_left_padding',
|
|
'tablet_top' => 'ocean_top_bar_tablet_top_padding',
|
|
'tablet_right' => 'ocean_top_bar_tablet_right_padding',
|
|
'tablet_bottom' => 'ocean_top_bar_tablet_bottom_padding',
|
|
'tablet_left' => 'ocean_top_bar_tablet_left_padding',
|
|
'mobile_top' => 'ocean_top_bar_mobile_top_padding',
|
|
'mobile_right' => 'ocean_top_bar_mobile_right_padding',
|
|
'mobile_bottom' => 'ocean_top_bar_mobile_bottom_padding',
|
|
'mobile_left' => 'ocean_top_bar_mobile_left_padding',
|
|
),
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
'input_attrs' => array(
|
|
'min' => 0,
|
|
'max' => 100,
|
|
'step' => 1,
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Background Color
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_bg', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#ffffff',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_bg', array(
|
|
'label' => esc_html__( 'Background Color', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_bg',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Border Color
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_border_color', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#f1f1f1',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_border_color', array(
|
|
'label' => esc_html__( 'Border Color', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_border_color',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Text Color
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_text_color', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#929292',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_text_color', array(
|
|
'label' => esc_html__( 'Text Color', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_text_color',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Link Color
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_link_color', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#555555',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_link_color', array(
|
|
'label' => esc_html__( 'Link Color', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_link_color',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Link Color Hover
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_link_color_hover', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#13aff0',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_link_color_hover', array(
|
|
'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_general',
|
|
'settings' => 'ocean_top_bar_link_color_hover',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Section
|
|
*/
|
|
$wp_customize->add_section( 'ocean_topbar_content' , array(
|
|
'title' => esc_html__( 'Content', 'oceanwp' ),
|
|
'priority' => 10,
|
|
'panel' => $panel,
|
|
) );
|
|
|
|
/**
|
|
* Top Bar Template
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_template', array(
|
|
'default' => '0',
|
|
'sanitize_callback' => 'oceanwp_sanitize_select',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_template', array(
|
|
'label' => esc_html__( 'Select Template', 'oceanwp' ),
|
|
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the content.', 'oceanwp' ),
|
|
'type' => 'select',
|
|
'section' => 'ocean_topbar_content',
|
|
'settings' => 'ocean_top_bar_template',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
'choices' => oceanwp_customizer_helpers( 'library' ),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Content
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_content', array(
|
|
'transport' => 'postMessage',
|
|
'default' => esc_html__( 'Place your content here', 'oceanwp' ),
|
|
'sanitize_callback' => 'wp_kses_post',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Textarea_Control( $wp_customize, 'ocean_top_bar_content', array(
|
|
'label' => esc_html__( 'Content', 'oceanwp' ),
|
|
'description' => sprintf( esc_html__( 'Shortcodes allowed, %1$ssee the list%2$s.', 'oceanwp' ), '<a href="http://docs.oceanwp.org/category/369-shortcodes" target="_blank">', '</a>' ),
|
|
'section' => 'ocean_topbar_content',
|
|
'settings' => 'ocean_top_bar_content',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Section
|
|
*/
|
|
$wp_customize->add_section( 'ocean_topbar_social' , array(
|
|
'title' => esc_html__( 'Social', 'oceanwp' ),
|
|
'priority' => 10,
|
|
'panel' => $panel,
|
|
) );
|
|
|
|
/**
|
|
* Top Bar Social
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social', array(
|
|
'default' => true,
|
|
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social', array(
|
|
'label' => esc_html__( 'Enable Social', 'oceanwp' ),
|
|
'type' => 'checkbox',
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Alternative
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_alt_template', array(
|
|
'default' => '0',
|
|
'sanitize_callback' => 'oceanwp_sanitize_select',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_alt_template', array(
|
|
'label' => esc_html__( 'Social Alternative', 'oceanwp' ),
|
|
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ),
|
|
'type' => 'select',
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social_alt_template',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
'choices' => oceanwp_customizer_helpers( 'library' ),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Link Target
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_target', array(
|
|
'transport' => 'postMessage',
|
|
'default' => 'blank',
|
|
'sanitize_callback' => 'oceanwp_sanitize_select',
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_target', array(
|
|
'label' => esc_html__( 'Social Link Target', 'oceanwp' ),
|
|
'type' => 'select',
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social_target',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
'choices' => array(
|
|
'blank' => esc_html__( 'New Window', 'oceanwp' ),
|
|
'self' => esc_html__( 'Same Window', 'oceanwp' ),
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Font Size
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_font_size', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '14',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_tablet_font_size', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_mobile_font_size', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_top_bar_social_font_size', array(
|
|
'label' => esc_html__( 'Font Size (px)', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => array(
|
|
'desktop' => 'ocean_top_bar_social_font_size',
|
|
'tablet' => 'ocean_top_bar_social_tablet_font_size',
|
|
'mobile' => 'ocean_top_bar_social_mobile_font_size',
|
|
),
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
'input_attrs' => array(
|
|
'min' => 0,
|
|
'max' => 100,
|
|
'step' => 1,
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Padding
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '6',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '6',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_tablet_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_tablet_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_mobile_right_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_mobile_left_padding', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_top_bar_social_padding', array(
|
|
'label' => esc_html__( 'Padding (px)', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => array(
|
|
'desktop_right' => 'ocean_top_bar_social_right_padding',
|
|
'desktop_left' => 'ocean_top_bar_social_left_padding',
|
|
'tablet_right' => 'ocean_top_bar_social_tablet_right_padding',
|
|
'tablet_left' => 'ocean_top_bar_social_tablet_left_padding',
|
|
'mobile_right' => 'ocean_top_bar_social_mobile_right_padding',
|
|
'mobile_left' => 'ocean_top_bar_social_mobile_left_padding',
|
|
),
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
'input_attrs' => array(
|
|
'min' => 0,
|
|
'max' => 60,
|
|
'step' => 1,
|
|
),
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Link Color
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_links_color', array(
|
|
'transport' => 'postMessage',
|
|
'default' => '#bbbbbb',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_social_links_color', array(
|
|
'label' => esc_html__( 'Social Links Color', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social_links_color',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Link Color Hover
|
|
*/
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_hover_links_color', array(
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'oceanwp_sanitize_color',
|
|
) );
|
|
|
|
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_social_hover_links_color', array(
|
|
'label' => esc_html__( 'Social Links Color: Hover', 'oceanwp' ),
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social_hover_links_color',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
) ) );
|
|
|
|
/**
|
|
* Top Bar Social Settings
|
|
*/
|
|
$social_options = oceanwp_social_options();
|
|
foreach ( $social_options as $key => $val ) {
|
|
if ( 'skype' == $key ) {
|
|
$sanitize = 'wp_filter_nohtml_kses';
|
|
} else if ( 'email' == $key ) {
|
|
$sanitize = 'sanitize_email';
|
|
} else {
|
|
$sanitize = 'esc_url_raw';
|
|
}
|
|
|
|
$wp_customize->add_setting( 'ocean_top_bar_social_profiles[' . $key .']', array(
|
|
'sanitize_callback' => $sanitize,
|
|
) );
|
|
|
|
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_profiles[' . $key .']', array(
|
|
'label' => esc_html( $val['label'] ),
|
|
'type' => 'text',
|
|
'section' => 'ocean_topbar_social',
|
|
'settings' => 'ocean_top_bar_social_profiles[' . $key .']',
|
|
'priority' => 10,
|
|
'active_callback' => 'oceanwp_cac_has_topbar_social',
|
|
) ) );
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* Get CSS
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
public static function head_css( $output ) {
|
|
|
|
// Global vars
|
|
$top_padding = get_theme_mod( 'ocean_top_bar_top_padding', '8' );
|
|
$right_padding = get_theme_mod( 'ocean_top_bar_right_padding', '0' );
|
|
$bottom_padding = get_theme_mod( 'ocean_top_bar_bottom_padding', '8' );
|
|
$left_padding = get_theme_mod( 'ocean_top_bar_left_padding', '0' );
|
|
$tablet_top_padding = get_theme_mod( 'ocean_top_bar_tablet_top_padding' );
|
|
$tablet_right_padding = get_theme_mod( 'ocean_top_bar_tablet_right_padding' );
|
|
$tablet_bottom_padding = get_theme_mod( 'ocean_top_bar_tablet_bottom_padding' );
|
|
$tablet_left_padding = get_theme_mod( 'ocean_top_bar_tablet_left_padding' );
|
|
$mobile_top_padding = get_theme_mod( 'ocean_top_bar_mobile_top_padding' );
|
|
$mobile_right_padding = get_theme_mod( 'ocean_top_bar_mobile_right_padding' );
|
|
$mobile_bottom_padding = get_theme_mod( 'ocean_top_bar_mobile_bottom_padding' );
|
|
$mobile_left_padding = get_theme_mod( 'ocean_top_bar_mobile_left_padding' );
|
|
$background = get_theme_mod( 'ocean_top_bar_bg', '#ffffff' );
|
|
$border_color = get_theme_mod( 'ocean_top_bar_border_color', '#f1f1f1' );
|
|
$text_color = get_theme_mod( 'ocean_top_bar_text_color', '#929292' );
|
|
$link_color = get_theme_mod( 'ocean_top_bar_link_color', '#555555' );
|
|
$link_color_hover = get_theme_mod( 'ocean_top_bar_link_color_hover', '#13aff0' );
|
|
$social_font_size = get_theme_mod( 'ocean_top_bar_social_font_size' );
|
|
$social_tablet_font_size = get_theme_mod( 'ocean_top_bar_social_tablet_font_size' );
|
|
$social_mobile_font_size = get_theme_mod( 'ocean_top_bar_social_mobile_font_size' );
|
|
$social_right_padding = get_theme_mod( 'ocean_top_bar_social_right_padding' );
|
|
$social_left_padding = get_theme_mod( 'ocean_top_bar_social_left_padding' );
|
|
$social_tablet_right_padding = get_theme_mod( 'ocean_top_bar_social_tablet_right_padding' );
|
|
$social_tablet_left_padding = get_theme_mod( 'ocean_top_bar_social_tablet_left_padding' );
|
|
$social_mobile_right_padding = get_theme_mod( 'ocean_top_bar_social_mobile_right_padding' );
|
|
$social_mobile_left_padding = get_theme_mod( 'ocean_top_bar_social_mobile_left_padding' );
|
|
$social_links_color = get_theme_mod( 'ocean_top_bar_social_links_color', '#bbbbbb' );
|
|
$social_hover_links_color = get_theme_mod( 'ocean_top_bar_social_hover_links_color' );
|
|
|
|
// Define css var
|
|
$css = '';
|
|
|
|
// Top bar padding
|
|
if ( isset( $top_padding ) && '8' != $top_padding && '' != $top_padding
|
|
|| isset( $right_padding ) && '0' != $right_padding && '' != $right_padding
|
|
|| isset( $bottom_padding ) && '8' != $bottom_padding && '' != $bottom_padding
|
|
|| isset( $left_padding ) && '0' != $left_padding && '' != $left_padding ) {
|
|
$css .= '#top-bar{padding:'. oceanwp_spacing_css( $top_padding, $right_padding, $bottom_padding, $left_padding ) .'}';
|
|
}
|
|
|
|
// Tablet top bar padding
|
|
if ( isset( $tablet_top_padding ) && '' != $tablet_top_padding
|
|
|| isset( $tablet_right_padding ) && '' != $tablet_right_padding
|
|
|| isset( $tablet_bottom_padding ) && '' != $tablet_bottom_padding
|
|
|| isset( $tablet_left_padding ) && '' != $tablet_left_padding ) {
|
|
$css .= '@media (max-width: 768px){#top-bar{padding:'. oceanwp_spacing_css( $tablet_top_padding, $tablet_right_padding, $tablet_bottom_padding, $tablet_left_padding ) .'}}';
|
|
}
|
|
|
|
// Mobile top bar padding
|
|
if ( isset( $mobile_top_padding ) && '' != $mobile_top_padding
|
|
|| isset( $mobile_right_padding ) && '' != $mobile_right_padding
|
|
|| isset( $mobile_bottom_padding ) && '' != $mobile_bottom_padding
|
|
|| isset( $mobile_left_padding ) && '' != $mobile_left_padding ) {
|
|
$css .= '@media (max-width: 480px){#top-bar{padding:'. oceanwp_spacing_css( $mobile_top_padding, $mobile_right_padding, $mobile_bottom_padding, $mobile_left_padding ) .'}}';
|
|
}
|
|
|
|
// Top bar background color
|
|
if ( ! empty( $background ) && '#ffffff' != $background ) {
|
|
$css .= '#top-bar-wrap,.oceanwp-top-bar-sticky{background-color:'. $background .';}';
|
|
}
|
|
|
|
// Top bar border color
|
|
if ( ! empty( $border_color ) && '#f1f1f1' != $border_color ) {
|
|
$css .= '#top-bar-wrap{border-color:'. $border_color .';}';
|
|
}
|
|
|
|
// Top bar text color
|
|
if ( ! empty( $text_color ) && '#929292' != $text_color ) {
|
|
$css .= '#top-bar-wrap,#top-bar-content strong{color:'. $text_color .';}';
|
|
}
|
|
|
|
// Top bar link color
|
|
if ( ! empty( $link_color ) && '#555555' != $link_color ) {
|
|
$css .= '#top-bar-content a,#top-bar-social-alt a{color:'. $link_color .';}';
|
|
}
|
|
|
|
// Top bar link color hover
|
|
if ( ! empty( $link_color_hover ) && '#13aff0' != $link_color_hover ) {
|
|
$css .= '#top-bar-content a:hover,#top-bar-social-alt a:hover{color:'. $link_color_hover .';}';
|
|
}
|
|
|
|
// Add top bar social font size
|
|
if ( ! empty( $social_font_size ) && '14' != $social_font_size ) {
|
|
$css .= '#top-bar-social li a{font-size:'. $social_font_size .'px;}';
|
|
}
|
|
|
|
// Add top bar social tablet font size
|
|
if ( ! empty( $social_tablet_font_size ) ) {
|
|
$css .= '@media (max-width: 768px){#top-bar-social li a{font-size:'. $social_tablet_font_size .'px;}}';
|
|
}
|
|
|
|
// Add top bar social mobile font size
|
|
if ( ! empty( $social_mobile_font_size ) ) {
|
|
$css .= '@media (max-width: 480px){#top-bar-social li a{font-size:'. $social_mobile_font_size .'px;}}';
|
|
}
|
|
|
|
// Top bar padding
|
|
if ( isset( $social_right_padding ) && '6' != $social_right_padding && '' != $social_right_padding
|
|
|| isset( $social_left_padding ) && '6' != $social_left_padding && '' != $social_left_padding ) {
|
|
$css .= '#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_right_padding, '', $social_left_padding ) .'}';
|
|
}
|
|
|
|
// Tablet top bar padding
|
|
if ( isset( $social_tablet_right_padding ) && '' != $social_tablet_right_padding
|
|
|| isset( $social_tablet_left_padding ) && '' != $social_tablet_left_padding ) {
|
|
$css .= '@media (max-width: 768px){#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_tablet_right_padding, '', $social_tablet_left_padding ) .'}}';
|
|
}
|
|
|
|
// Mobile top bar padding
|
|
if ( isset( $social_mobile_right_padding ) && '' != $social_mobile_right_padding
|
|
|| isset( $social_mobile_left_padding ) && '' != $social_mobile_left_padding ) {
|
|
$css .= '@media (max-width: 480px){#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_mobile_right_padding, '', $social_mobile_left_padding ) .'}}';
|
|
}
|
|
|
|
// Top bar social link color
|
|
if ( ! empty( $social_links_color ) && '#bbbbbb' != $social_links_color ) {
|
|
$css .= '#top-bar-social li a{color:'. $social_links_color .';}';
|
|
}
|
|
|
|
// Top bar social link color hover
|
|
if ( ! empty( $social_hover_links_color ) ) {
|
|
$css .= '#top-bar-social li a:hover{color:'. $social_hover_links_color .'!important;}';
|
|
}
|
|
|
|
// Return CSS
|
|
if ( ! empty( $css ) ) {
|
|
$output .= '/* Top Bar CSS */'. $css;
|
|
}
|
|
|
|
// Return output css
|
|
return $output;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
endif;
|
|
|
|
return new OceanWP_Top_Bar_Customizer(); |