Skip to content

Instantly share code, notes, and snippets.

@Mamikonars

Mamikonars/customizer.php

Created August 17, 2022 14:36
Show Gist options
  • Save Mamikonars/5a384fb811237225c1f1dc347c67e267 to your computer and use it in GitHub Desktop.
Save Mamikonars/5a384fb811237225c1f1dc347c67e267 to your computer and use it in GitHub Desktop.
Download ZIP
Customizer settings
Raw
customizer.php
<?php
function gym_castomization($wp_customize) {
//add panel
$wp_customize->add_panel('gym_panel', array(
'priority' => 30,
'capability' => 'edit_theme_options',
'title' => esc_html__('Gym settings', 'gym'),
'description' => esc_html__('Page settings', 'gym'),
));
//Text type
//add section
$wp_customize->add_section('header_section', array(
'title' => esc_html__('Header settings', 'gym'),
'priority' => 30,
'panel' => 'gym_panel',
'active_callback' => 'is_front_page',
));
//add field
$wp_customize->add_setting('header_button_text', array(
'default' => esc_html__('Register', 'gym'),
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('header_button_text', array(
'selector' => '#header-nav__register'
));
//field actions and parameters
$wp_customize->add_control('header_button_text', array(
'label' => esc_html__('Header button text', 'gym'),
'section' => 'header_section',
'settings' => 'header_button_text',
'type' => 'text',
));
//Checkbox type
//add field
$wp_customize->add_setting('header_button_show', array(
'default' => true,
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('header_button_text', array(
'selector' => '#header-nav__register'
));
//field actions and parameters
$wp_customize->add_control('header_button_show', array(
'label' => esc_html__('Show header button', 'gym'),
'section' => 'header_section',
'settings' => 'header_button_show',
'type' => 'checkbox',
));
/* ===== Intro section ===== */
$wp_customize->add_section('intro_section', array(
'title' => esc_html__('Intro settings', 'gym'),
'priority' => 30,
'panel' => 'gym_panel',
'active_callback' => 'is_front_page',
));
//add field
$wp_customize->add_setting('intro_section_suptitle', array(
'default' => esc_html__('MAKE YOUR', 'gym'),
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('intro_section_suptitle', array(
'selector' => '#intro-suptitle'
));
//field actions and parameters
$wp_customize->add_control('intro_section_suptitle', array(
'label' => esc_html__('Intro subtitle text', 'gym'),
'section' => 'intro_section',
'settings' => 'intro_section_suptitle',
'type' => 'text',
));
//add field
$wp_customize->add_setting('intro_section_title', array(
'default' => esc_html__('Body Shape', 'gym'),
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('intro_section_title', array(
'selector' => '#intro-title'
));
//field actions and parameters
$wp_customize->add_control('intro_section_title', array(
'label' => esc_html__('Intro title text', 'gym'),
'section' => 'intro_section',
'settings' => 'intro_section_title',
'type' => 'text',
));
//add field
$wp_customize->add_setting('intro_section_text', array(
'default' => esc_html__('In here we will help you to shape and build your ideal body and live your life to the fullest.', 'gym'),
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('intro_section_text', array(
'selector' => '#intro-desc'
));
//field actions and parameters
$wp_customize->add_control('intro_section_text', array(
'label' => esc_html__('Intro text', 'gym'),
'section' => 'intro_section',
'settings' => 'intro_section_text',
'type' => 'textarea',
));
//Image type
//add field
$wp_customize->add_setting('intro_section_img', array(
//'default' => 'http://gym/wp-content/themes/gym/assets/img/home-img.png',
'transport' => 'refresh',
'height' => 474,
'width' => 548,
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial('intro_section_img', array(
'selector' => '#intro-img__block'
));
// adding WP_Customize_Image_Control class for image support
$wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'intro_section_img', array(
'label' => esc_html__('Choose image for intro', 'gym'),
'section' => 'intro_section',
'settings' => 'intro_section_img',
)));
//partners block
$wp_customize->add_section('partners_section', array(
'title' => esc_html__('Partners settings', 'gym'),
'priority' => 30,
'panel' => 'gym_panel',
'active_callback' => 'is_front_page',
));
function partners_section_img($wp_customize, $array) {
//add field
$wp_customize->add_setting($array['setting_id'], array(
//'default' => 'http://gym/wp-content/themes/gym/assets/img/home-img.png',
'transport' => 'refresh',
'height' => $array['image_h'],
'width' => $array['image_w'],
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial($array['setting_id'], array(
'selector' => $array['pen_selector']
));
// adding WP_Customize_Image_Control class for image support
$wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, $array['setting_id'], array(
'label' => $array['section_title'],
'section' => $array['section_id'],
'settings' => $array['setting_id'],
)));
}
$partner_1 = array(
'section_title' => esc_html__('Choose partner image (1)', 'gym'),
'image_w' => 250,
'image_h' => 70,
'section_id' => 'partners_section',
'setting_id' => 'partners_image_1',
'pen_selector' => '#partners-img-1'
);
$partner_2 = array(
'section_title' => esc_html__('Choose partner image (2)', 'gym'),
'image_w' => 250,
'image_h' => 70,
'section_id' => 'partners_section',
'setting_id' => 'partners_image_2',
'pen_selector' => '#partners-img-2'
);
$partner_3 = array(
'section_title' => esc_html__('Choose partner image (3)', 'gym'),
'image_w' => 250,
'image_h' => 70,
'section_id' => 'partners_section',
'setting_id' => 'partners_image_3',
'pen_selector' => '#partners-img-3'
);
$partner_4 = array(
'section_title' => esc_html__('Choose partner image (4)', 'gym'),
'image_w' => 250,
'image_h' => 70,
'section_id' => 'partners_section',
'setting_id' => 'partners_image_4',
'pen_selector' => '#partners-img-4'
);
echo partners_section_img($wp_customize, $partner_1);
echo partners_section_img($wp_customize, $partner_2);
echo partners_section_img($wp_customize, $partner_3);
echo partners_section_img($wp_customize, $partner_4);
//best reason block
//Text type
//add section
$wp_customize->add_section('reasons_section', array(
'title' => esc_html__('Reasons settings', 'gym'),
'priority' => 30,
'panel' => 'gym_panel',
'active_callback' => 'is_front_page',
));
function reasons_section_number($wp_customize, $array) {
//add field
$wp_customize->add_setting($array['setting_id'], array(
'default' => $array['default'],
'transport' => 'refresh',
));
//edit functionality (pen icon)
$wp_customize->selective_refresh->add_partial($array['setting_id'], array(
'selector' => $array['pen_selector']
));
// adding WP_Customize_Image_Control class for image support
$wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, $array['setting_id'], array(
'label' => $array['section_title'],
'section' => $array['section_id'],
'settings' => $array['setting_id'],
'type' => 'text',
)));
}
$reasons_text_1 = array(
'section_title' => esc_html__('Choose reasons number (1)', 'gym'),
'default' => '140',
'section_id' => 'reasons_section',
'setting_id' => 'reasons_number_1',
'pen_selector' => '#reasons_number_1'
);
$reasons_text_2 = array(
'section_title' => esc_html__('Choose reasons number (2)', 'gym'),
'default' => '30+',
'section_id' => 'reasons_section',
'setting_id' => 'reasons_number_2',
'pen_selector' => '#reasons_number_2'
);
$reasons_text_3 = array(
'section_title' => esc_html__('Choose reasons number (3)', 'gym'),
'default' => '50+',
'section_id' => 'reasons_section',
'setting_id' => 'reasons_number_3',
'pen_selector' => '#reasons_number_3'
);
$reasons_text_4 = array(
'section_title' => esc_html__('Choose reasons number (4)', 'gym'),
'default' => '70+',
'section_id' => 'reasons_section',
'setting_id' => 'reasons_number_4',
'pen_selector' => '#reasons_number_4'
);
echo reasons_section_number($wp_customize, $reasons_text_1);
echo reasons_section_number($wp_customize, $reasons_text_2);
echo reasons_section_number($wp_customize, $reasons_text_3);
echo reasons_section_number($wp_customize, $reasons_text_4);
}
add_action('customize_register', 'gym_castomization');
function ski_castomization($wp_customize)
{
//Adding PANEL
$wp_customize->add_panel('intro_panel', array(
'title' => esc_html__('Intro', 'ski'),
'description' => esc_html__('Site intro info', 'ski'),
'priority' => 10,
));
//Adding SECTION
$wp_customize->add_section('intro_title', array(
'title' => esc_html__('Intro Title', 'ski'),
'description' => esc_html__('Write intro title', 'ski'),
'priority' => 10,
'panel' => 'intro_panel',
));
$wp_customize->add_setting('intro_title_text', array(
'default' => esc_html__('SKI & SNOWBOARD SCHOOL!!!)', 'ski'),
'transport' => 'refresh',
));
$wp_customize->add_control('intro_title_text', array(
'label' => esc_html__('Write intro title', 'ski'),
'section' => 'intro_title',
'settings' => 'intro_title_text',
'type' => 'text',
));
//pen
$wp_customize->selective_refresh->add_partial('intro_title_text', array(
'selector' => '#promo-suptitle'
));
//Intro button bg color (Color Picker)
$wp_customize->add_section('intro_button_bg', array(
'title' => esc_html__('Intro Button Color', 'ski'),
'description' => esc_html__('Choose intro button background color', 'ski'),
'priority' => 10,
'panel' => 'intro_panel',
));
$wp_customize->add_setting('intro_button_bg_color', array(
'default' => '#ff690f',
'transport' => 'refresh',
));
//Adding Color Picker
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'intro_button_bg_color',
array(
'label' => esc_html__('Intro Button Background Color', 'ski'),
'section' => 'intro_button_bg',
'settings' => 'intro_button_bg_color',
)
)
);
$wp_customize->selective_refresh->add_partial('intro_button_bg_color', array(
'selector' => '#intro-btn'
));
//Image control
$wp_customize->add_section('intro_bg_img_section', array(
'title' => esc_html__('Intro Background Image', 'ski'),
'description' => esc_html__('Choose intro bg image', 'ski'),
'priority' => 10,
'panel' => 'intro_panel',
));
$wp_customize->add_setting('intro_bg_img', array(
'default' => 'http://ski/wp-content/uploads/2021/12/header-bg.png',
'transport' => 'refresh',
));
$wp_customize->add_control(
new WP_Customize_Image_Control(
$wp_customize,
'intro_bg_img',
array(
'label' => esc_html__('Choose intro bg image', 'ski'),
'section' => 'intro_bg_img_section',
'settings' => 'intro_bg_img'
)
)
);
$wp_customize->selective_refresh->add_partial('intro_bg_img', array(
'selector' => '.promo-block'
));
//offers show BOOLEAN SHOW/HIDE
$wp_customize->add_section('offer_show_section', array(
'title' => esc_html__('Disable offer section', 'ski'),
'description' => esc_html__('Disable offer section', 'ski'),
'priority' => 10,
'panel' => 'offer_panel',
));
$wp_customize->add_setting('offer_show', array(
'default' => 'show',
'transport' => 'refresh',
));
$wp_customize->add_control('offer_show', array(
'label' => esc_html__('Choose for disable offer section', 'ski'),
'section' => 'offer_show_section',
'settings' => 'offer_show',
'type' => 'radio',
'choices' => array(
'show' => esc_html__('Show offers section', 'ski'),
'hide' => esc_html__('Disable offers section', 'ski')
),
));
$wp_customize->selective_refresh->add_partial('offer_show', array(
'selector' => '#offer'
));
//call
if(get_theme_mod('offer_show') == 'show')
//CODE editor block HTML
$wp_customize->add_section('contacts_address_section', array(
'title' => esc_html__('Contacts Address Section', 'ski'),
'description' => esc_html__('Write your address', 'ski'),
'priority' => 10,
'panel' => 'contacts_panel',
));
$wp_customize->add_setting('contacts_address', array(
'transport' => 'refresh',
));
$wp_customize->add_control(new WP_Customize_Code_Editor_Control($wp_customize, 'contacts_address', array(
'label' => 'HTML code block',
'code_type' => 'text/html',
'settings' => 'contacts_address',
'section' => 'contacts_address_section',
)));
$wp_customize->selective_refresh->add_partial('contacts_address', array(
'selector' => '.contacts-address'
));
}
add_action('customize_register', 'ski_castomization');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment