🎯 এই পর্বে যা জানবে:

• Theme Customizer কী
• Customize API কীভাবে কাজ করে
• Hook, Action ও Filter বিস্তারিত
• কাস্টম ফিল্ড যুক্ত করা (লাইভ প্রিভিউসহ)
• Functions.php তে Hook Action ব্যবহার
• বাস্তব উদাহরণসহ পূর্ণ কোড

🧩 Theme Customizer কী?

Theme Customizer হলো WordPress-এর একটি বিল্ট-ইন ফিচার,
যা দিয়ে ইউজার থিমের বিভিন্ন অংশ (যেমন: রঙ, লোগো, মেনু, উইজেট ইত্যাদি) রিয়েল-টাইমে পরিবর্তন করতে পারে।

তুমি Dashboard → Appearance → Customize এ গেলেই এটি দেখতে পাবে।

💡 এর মাধ্যমে থিমে কাস্টম অপশন যোগ করা যায়,
যেমন:

• Custom Color
• Custom Text
• Custom Logo
• Footer Text

⚙️ Customizer API দিয়ে কাস্টম সেটিং যোগ করা

চলো, আমরা একটি নতুন অপশন যোগ করি —
👉 “Custom Footer Text”

এটার মাধ্যমে ইউজার Footer-এ নিজের বার্তা দিতে পারবে।

🔹 ধাপ ১: কোড যোগ করো functions.php ফাইলে

function mytheme_customize_register($wp_customize) {

    // সেকশন তৈরি
    $wp_customize->add_section('footer_section', array(
        'title'    => __('Footer Settings', 'mytheme'),
        'priority' => 120,
    ));

    // সেটিং তৈরি
    $wp_customize->add_setting('footer_text', array(
        'default'   => '© 2025 My WordPress Site',
        'transport' => 'refresh',
    ));

    // কন্ট্রোল তৈরি
    $wp_customize->add_control('footer_text_control', array(
        'label'    => __('Footer Text', 'mytheme'),
        'section'  => 'footer_section',
        'settings' => 'footer_text',
        'type'     => 'text',
    ));
}
add_action('customize_register', 'mytheme_customize_register');

🔹 ধাপ ২: Footer এ কোড যুক্ত করো

footer.php ফাইলের মধ্যে নিচের কোডটি যোগ করো 👇

<?php
$footer_text = get_theme_mod('footer_text', '© 2025 My WordPress Site');
echo '<p style="text-align:center;">' . esc_html($footer_text) . '</p>';
?>

এখন Customizer → Footer Settings → Footer Text এ গিয়ে বার্তা বদলালে,
লাইভ পরিবর্তন দেখতে পাবে! ✨

⚙️ Hook, Action ও Filter — বিস্তারিত ব্যাখ্যা

🎯 Hook উদাহরণ

function add_custom_message() {
    echo '<p style="text-align:center;color:blue;">💡 এই সাইট WordPress দ্বারা তৈরি!</p>';
}
add_action('wp_footer', 'add_custom_message');

👉 এটা Footer-এ একটি মেসেজ যোগ করবে।

🧠 Filter উদাহরণ

function modify_post_title($title) {
    return '📝 ' . $title;
}
add_filter('the_title', 'modify_post_title');

👉 এটি প্রতিটি পোস্টের টাইটেলের আগে একটি আইকন যোগ করবে।

🧰 কিছু গুরুত্বপূর্ণ Hook যেগুলো জানা দরকার

🎨 উদাহরণ: Footer-এ তারিখ যোগ করা

function dynamic_year_footer() {
    $year = date('Y');
    echo "<p style='text-align:center;'>© $year My Website</p>";
}
add_action('wp_footer', 'dynamic_year_footer');

👉 এখন Footer-এ স্বয়ংক্রিয়ভাবে বছর আপডেট হবে।

⚙️ Theme Customizer টিপস

✅ transport => 'postMessage' ব্যবহার করলে লাইভ প্রিভিউ পাওয়া যায়
✅ sanitize_text_field() ব্যবহার করো নিরাপত্তার জন্য
✅ একাধিক সেকশন বানাও: Header, Colors, Typography ইত্যাদি
✅ Customizer Preview স্ক্রিপ্ট লোড করতে customize_preview_init হুক ব্যবহার করো

🧠 উন্নত আইডিয়া

তুমি Customizer দিয়ে যা বানাতে পারো:

• Dynamic color changer
• Custom banner uploader
• Footer credit remover
• Custom Google Fonts selector

🏁 সারসংক্ষেপ

Theme Customizer তোমাকে ইউজার-ফ্রেন্ডলি সেটিংস দিতে সাহায্য করে
আর Hook/Action হলো WordPress-এর ভিতরের “জাদুকরী সিস্টেম” ✨
এই দুটি আয়ত্তে আনলে তুমি যেকোনো থিমকে নিজের মতো করে কন্ট্রোল করতে পারবে! 🎨