add_panel( 'backphoto_options', array(
'priority' => 10,
'theme_supports' => '',
'title' => __('Backphoto Options', 'backphoto'),
'description' => __('Backphoto Settings and Cusomization', 'backphoto'),
) );
/* General Layout */
$wp_customize->add_section( 'backphoto_layout_section' , array(
'title' => __( 'Layout', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 10,
'panel' => 'backphoto_options'
) );
$wp_customize->add_setting( 'backphoto_layout_width' , array(
'default' => '1100px',
'transport' => 'postMessage',
'sanitize_callback' => 'wp_filter_nohtml_kses'
) );
$wp_customize->add_control( 'backphoto_layout_width', array(
'type' => 'text',
'priority' => 10,
'section' => 'backphoto_layout_section',
'label' => __( 'Layout Width', 'backphoto'),
'description' => __( 'Add px or % symbol after number, 100% for full width', 'backphoto' )
) );
$wp_customize->add_setting( 'backphoto_layout_padding' , array(
'default' => '10px',
'transport' => 'postMessage',
'sanitize_callback' => 'wp_filter_nohtml_kses'
) );
$wp_customize->add_control( 'backphoto_layout_padding', array(
'type' => 'text',
'priority' => 10,
'section' => 'backphoto_layout_section',
'label' => __( 'Left - right padding', 'backphoto'),
'description' => __( 'If layout width is not full width, this setting impact on mobile device, add px or % symbol after number', 'backphoto')
) );
/* Header */
$wp_customize->add_section( 'backphoto_header_section' , array(
'title' => __( 'Header', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 10,
'panel' => 'backphoto_options'
) );
$wp_customize->add_setting( 'backphoto_header_setting_layout' , array(
'default' => 'center',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_header_setting_layout', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_header_section',
'label' => __( 'Header Layout', 'backphoto' ),
'choices' => array(
'center' => __('Center', 'backphoto'),
'horizontal' => __('Horizontal', 'backphoto')
)
) );
$wp_customize->add_setting( 'backphoto_header_setting_behaviour' , array(
'default' => 'Scroll',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_header_setting_behaviour', array(
'type' => 'select',
'priority' => 20,
'section' => 'backphoto_header_section',
'label' => __( 'Header Scroll', 'backphoto' ),
'choices' => array(
'scroll' => __('Scroll'),
'fixed' => __('Fixed')
)
) );
/* Color */
$wp_customize->add_section( 'backphoto_color_section' , array(
'title' => __( 'Colors', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 10,
'panel' => 'backphoto_options'
) );
$wp_customize->add_setting( 'backphoto_color_link' , array(
'default' => '#000000',
'transport' => 'postMessage',
'sanitize_callback' => 'sanitize_hex_color'
) );
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'color_link',
array(
'label' => __( 'Link Color', 'backphoto' ),
'section' => 'backphoto_color_section',
'settings' => 'backphoto_color_link',
) )
);
$wp_customize->add_setting( 'backphoto_color_link_hover' , array(
'default' => '#999999',
'transport' => 'postMessage',
'sanitize_callback' => 'sanitize_hex_color'
) );
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'color_link_hover',
array(
'label' => __( 'Link Hover Color', 'backphoto' ),
'section' => 'backphoto_color_section',
'settings' => 'backphoto_color_link_hover',
) )
);
$wp_customize->add_setting( 'backphoto_color_paragpraph' , array(
'default' => '#404040',
'transport' => 'postMessage',
'sanitize_callback' => 'sanitize_hex_color'
) );
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'color_paragraph',
array(
'label' => __( 'Paragraph Color', 'backphoto' ),
'section' => 'backphoto_color_section',
'settings' => 'backphoto_color_paragpraph',
) )
);
$wp_customize->add_setting( 'backphoto_color_heading' , array(
'default' => '#666666',
'transport' => 'postMessage',
'sanitize_callback' => 'sanitize_hex_color'
) );
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'color_heading',
array(
'label' => __( 'Article heading color', 'backphoto' ),
'section' => 'backphoto_color_section',
'settings' => 'backphoto_color_heading',
) )
);
/* Typography */
$wp_customize->add_section( 'backphoto_typo_section' , array(
'title' => __( 'Fonts', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 20,
'panel' => 'backphoto_options'
) );
/* -- Title Font Setting */
$wp_customize->add_setting( 'backphoto_typo_title' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_title', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family', 'backphoto'),
'Arvo' => 'Arvo',
'Montserrat' => 'Montserrat',
'Merriweather' => 'Merriweather',
'Open Sans' => 'Open Sans',
'Pt Sans' => 'PT Sans',
'Raleway' => 'Raleway',
'Roboto Slab' => 'Roboto Slab',
'Ubuntu' => 'Ubuntu'
)
) );
$wp_customize->add_setting( 'backphoto_typo_title_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_title_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Weight', 'backphoto'),
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_title_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_title_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Size', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
'28px' => __('28 px', 'backphoto'),
'30px' => __('30 px', 'backphoto'),
'32px' => __('32 px', 'backphoto'),
'34px' => __('34 px', 'backphoto'),
'36px' => __('36 px', 'backphoto'),
'38px' => __('38 px', 'backphoto'),
'40px' => __('40 px', 'backphoto'),
'42px' => __('42 px', 'backphoto'),
'44px' => __('44 px', 'backphoto'),
)
) );
/* -- Heading 2 Font Setting */
$wp_customize->add_setting( 'backphoto_typo_h2' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h2', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Heading 2 Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family','backphoto'),
'Arvo' => 'Arvo',
'Montserrat' => 'Montserrat',
'Merriweather' => 'Merriweather',
'Open Sans' => 'Open Sans',
'Pt Sans' => 'PT Sans',
'Raleway' => 'Raleway',
'Roboto Slab' => 'Roboto Slab',
'Ubuntu' => 'Ubuntu'
)
) );
$wp_customize->add_setting( 'backphoto_typo_h2_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h2_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Style', 'backphoto'),
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_h2_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h2_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Size', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
'28px' => __('28 px', 'backphoto'),
'30px' => __('30 px', 'backphoto'),
'32px' => __('32 px', 'backphoto'),
'34px' => __('34 px', 'backphoto'),
'36px' => __('36 px', 'backphoto'),
'38px' => __('38 px', 'backphoto'),
'40px' => __('40 px', 'backphoto'),
)
) );
/* -- Heading 3 Font Setting */
$wp_customize->add_setting( 'backphoto_typo_h3' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h3', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Heading 3 Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family', 'backphoto'),
'Arvo' => 'Arvo',
'Montserrat' => 'Montserrat',
'Merriweather' => 'Merriweather',
'Open Sans' => 'Open Sans',
'Pt Sans' => 'PT Sans',
'Raleway' => 'Raleway',
'Roboto Slab' => 'Roboto Slab',
'Ubuntu' => 'Ubuntu'
)
) );
$wp_customize->add_setting( 'backphoto_typo_h3_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h3_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Style', 'backphoto'),
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_h3_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_h3_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Size', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
'28px' => __('28 px', 'backphoto'),
'30px' => __('30 px', 'backphoto'),
'32px' => __('32 px', 'backphoto'),
'34px' => __('34 px', 'backphoto'),
'36px' => __('36 px', 'backphoto'),
'38px' => __('38 px', 'backphoto'),
'40px' => __('40 px', 'backphoto'),
)
) );
/* -- Paragraph Font Setting */
$wp_customize->add_setting( 'backphoto_typo_p' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_p', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Paragraph Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family', 'backphoto'),
// 'Helvetica' => 'Helvetica',
'Droid Sans' => 'Droid Sans',
'Open Sans' => 'Open Sans',
'Lato' => 'Lato',
'Montserrat' => 'Montserrat',
'Source Sans Pro' => 'Source Sans Pro',
'PT Sans' => 'PT Sans',
'Noto' => 'Noto',
'Muli' => 'Muli',
'Fira Sans' => 'Fira Sans',
)
) );
$wp_customize->add_setting( 'backphoto_typo_p_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_p_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Style', 'backphoto'),
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_p_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_p_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Size', 'backphoto'),
'12px' => __('12 px', 'backphoto'),
'14px' => __('14 px', 'backphoto'),
'16px' => __('16 px', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
)
) );
/* -- Menu Navigation Font Setting */
$wp_customize->add_setting( 'backphoto_typo_nav' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_nav', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Menu Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family', 'backphoto'),
'Droid Sans' => 'Droid Sans',
'Open Sans' => 'Open Sans',
'Lato' => 'Lato',
'Montserrat' => 'Montserrat',
'Source Sans Pro' => 'Source Sans Pro',
'PT Sans' => 'PT Sans',
'Noto' => 'Noto',
'Muli' => 'Muli',
'Fira Sans' => 'Fira Sans',
)
) );
$wp_customize->add_setting( 'backphoto_typo_nav_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_nav_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Style', 'backphoto'),
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_nav_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_nav_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Size', 'backphoto'),
'12px' => __('12 px', 'backphoto'),
'14px' => __('14 px', 'backphoto'),
'16px' => __('16 px', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
)
) );
/* -- Sidebar Font Setting */
$wp_customize->add_setting( 'backphoto_typo_sidebar' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_sidebar', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
'label' => __( 'Sidebar Font Setting', 'backphoto' ),
'choices' => array(
'' => __('Font Family', 'backphoto'),
'Droid Sans' => 'Droid Sans',
'Open Sans' => 'Open Sans',
'Lato' => 'Lato',
'Montserrat' => 'Montserrat',
'Source Sans Pro' => 'Source Sans Pro',
'PT Sans' => 'PT Sans',
'Noto' => 'Noto',
'Muli' => 'Muli',
'Fira Sans' => 'Fira Sans',
)
) );
$wp_customize->add_setting( 'backphoto_typo_sidebar_weight' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_sidebar_weight', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => 'Title Font Weight',
'300' => __('Lite', 'backphoto'),
'400' => __('Normal', 'backphoto'),
'600' => __('Semi Bold', 'backphoto'),
'700' => __('Bold', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_sidebar_title_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_sidebar_title_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => 'Title Font Size',
'12px' => __('12 px', 'backphoto'),
'14px' => __('14 px', 'backphoto'),
'16px' => __('16 px', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
)
) );
$wp_customize->add_setting( 'backphoto_typo_sidebar_content_size' , array(
'default' => '',
'transport' => 'postMessage',
'sanitize_callback' => 'backphoto_sanitize_select'
) );
$wp_customize->add_control( 'backphoto_typo_sidebar_content_size', array(
'type' => 'select',
'priority' => 10,
'section' => 'backphoto_typo_section',
// 'label' => __( 'Title Font Setting', 'backphoto' ),
'choices' => array(
'' => 'Content Font Size',
'12px' => __('12 px', 'backphoto'),
'14px' => __('14 px', 'backphoto'),
'16px' => __('16 px', 'backphoto'),
'18px' => __('18 px', 'backphoto'),
'20px' => __('20 px', 'backphoto'),
'22px' => __('22 px', 'backphoto'),
'24px' => __('24 px', 'backphoto'),
'26px' => __('26 px', 'backphoto'),
)
) );
/* Footer */
$wp_customize->add_section( 'backphoto_footer_section' , array(
'title' => __( 'Footer', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 60,
'panel' => 'backphoto_options'
) );
$wp_customize->add_setting( 'backphoto_footer_setting' , array(
'default' => __('PROUDLY POWERED BY WORDPRESS', 'backphoto'),
'transport' => 'postMessage',
'sanitize_callback' => 'wp_filter_nohtml_kses'
) );
$wp_customize->add_control( 'backphoto_footer_setting', array(
'type' => 'textarea',
'priority' => 10,
'section' => 'backphoto_footer_section',
'label' => __( 'Copyright Statement', 'backphoto' ),
) );
class WP_portfolio_Customize_Control extends WP_Customize_Control {
public $type = 'new_menu';
/**
* Render the control's content.
*/
public function render_content() {
?>
"
Backphoto Portolio". This plugin adds many feature such as; Portfolio, Drag n Drop element, Slider, and many more. Please ensure to check the landing page or subscribe to get you updated.', 'backphoto');?>
Backphoto Landing page, and put a comment there. Also please check my
Services page or my
Fiverr page for profesional help / services','backphoto');?>
add_section( 'backphoto_support_section' , array(
'title' => __( 'Support & Help', 'backphoto' ),
'capability' => 'edit_theme_options',
'priority' => 70,
'panel' => 'backphoto_options'
) );
$wp_customize->add_setting(
'backphoto_support_section',
array(
'capability' => 'edit_theme_options',
'sanitize_callback' => 'sanitize_text_field',
)
);
$wp_customize->add_control( new WP_text_Customize_Control( $wp_customize, 'backphoto_support_section', array(
'section' => 'backphoto_support_section',
'setting' => 'backphoto_support_section'
))
);
}
add_action('customize_register', 'backphoto_theme_customizer');
// Sanitize
// -- select sanitization function
function backphoto_sanitize_select( $input, $setting ){
//input must be a slug: lowercase alphanumeric characters, dashes and underscores are allowed only
$input = sanitize_key($input);
//get the list of possible select options
$choices = $setting->manager->get_control( $setting->id )->choices;
//return input if valid or return default option
return ( array_key_exists( $input, $choices ) ? $input : $setting->default );
}