WordPress Customizer (Beginner Guide)

WordPress Customizer কী?

WordPress Customizer হলো WordPress-এর একটি বিল্ট-ইন ফিচার, যার মাধ্যমে আপনি আপনার ওয়েবসাইটের ডিজাইন, রং, লোগো, মেনু, উইজেট, হোমপেজ এবং অন্যান্য সেটিংস Live Preview-সহ পরিবর্তন করতে পারেন। অর্থাৎ, পরিবর্তন করার আগে সেটি কেমন দেখাবে তা সরাসরি দেখতে পারবেন।

Dashboard → Appearance → Customize

WordPress Customizer-এর সুবিধা
Live Preview দেখা যায়।
Coding ছাড়াই অনেক কিছু পরিবর্তন করা যায়।
Theme Settings সহজে পরিচালনা করা যায়।
Logo, Colors, Fonts পরিবর্তন করা যায়।
Homepage নির্বাচন করা যায়।
Widgets ও Menus নিয়ন্ত্রণ করা যায়।
Custom CSS যোগ করা যায়।
Responsive Preview (Desktop, Tablet, Mobile) দেখা যায়।
Customizer-এর প্রধান Sections
1. Site Identity

এখান থেকে পরিবর্তন করা যায়—

Site Title
Tagline
Logo
Site Icon (Favicon)
$wp_customize->add_section( ‘title_tagline’, array(
‘title’ => __( ‘Site Identity’, ‘theme’ ),
) );
2. Colors

Website-এর বিভিন্ন রং পরিবর্তনের জন্য।

যেমন—

Primary Color
Secondary Color
Header Color
Footer Color
Background Color
3. Header Image

Header Background Image পরিবর্তন করা যায়।

4. Background Image

পুরো Website-এর Background Image যোগ করা যায়।

5. Menus

Navigation Menu তৈরি করা যায়।

যেমন—

Primary Menu
Footer Menu
Mobile Menu
6. Widgets

Sidebar ও Footer Widget যোগ করা যায়।

7. Homepage Settings

Homepage নির্বাচন করা যায়।

Options

Latest Posts
Static Page
8. Additional CSS

Coding ছাড়াই CSS যোগ করা যায়।

Example

body{
background:#f5f5f5;
}

h1{
color:red;
}
Customizer API কী?

Developer-রা নতুন Option যোগ করার জন্য Customizer API ব্যবহার করে।

এটি ৫টি প্রধান অংশ নিয়ে কাজ করে—

Panel
Section
Setting
Control
Sanitization
Panel

একাধিক Section একত্রে রাখার জন্য Panel ব্যবহার করা হয়।

Example

$wp_customize->add_panel(
‘theme_options’,
array(
‘title’ => ‘Theme Options’,
‘priority’ => 10,
‘description’ => ‘All Theme Settings’,
)
);
Section

প্রতিটি Settings Group।

Example

$wp_customize->add_section(
‘header_settings’,
array(
‘title’ => ‘Header Settings’,
‘panel’ => ‘theme_options’,
)
);
Setting

Database-এ Value Save করার জন্য।

Example

$wp_customize->add_setting(
‘header_text’,
array(
‘default’ => ‘Welcome’,
)
);
Control

User যেটা পরিবর্তন করবে।

Example

$wp_customize->add_control(
‘header_text’,
array(
‘label’ => ‘Header Text’,
‘section’ => ‘header_settings’,
‘type’ => ‘text’,
)
);
Full Example
function mytheme_customize_register( $wp_customize ){

$wp_customize->add_section(
‘hero_section’,
array(
‘title’ => ‘Hero Section’,
)
);

$wp_customize->add_setting(
‘hero_title’,
array(
‘default’ => ‘Welcome’,
‘sanitize_callback’ => ‘sanitize_text_field’,
)
);

$wp_customize->add_control(
‘hero_title’,
array(
‘label’ => ‘Hero Title’,
‘section’ => ‘hero_section’,
‘type’ => ‘text’,
)
);

}
add_action( ‘customize_register’, ‘mytheme_customize_register’ );
Theme-এ Data দেখানো
echo get_theme_mod( ‘hero_title’, ‘Welcome’ );