ওয়ার্ডপ্রেস চাইল্ড থিম কী: প্যারেন্ট থিম এডিট করলে যা হারাবেন

থিম আপডেট করার পর ক্লায়েন্ট ফোন করে বলছেন সাইটের কালার, ফন্ট, হেডার সব আগের মতো নেই। যা কাস্টমাইজ করেছিলেন, একটা আপডেটেই গায়েব। এই ঘটনার পেছনে প্রায় সবসময় একটাই কারণ থাকে: ওয়ার্ডপ্রেস চাইল্ড থিম ছাড়াই প্যারেন্ট থিমের ফাইল সরাসরি এডিট করা হয়েছিল।

চাইল্ড থিম কোনো বাড়তি বা ঐচ্ছিক কাজ না, এটা থিম কাস্টমাইজেশনের সবচেয়ে বেসিক নিয়ম। যেকোনো থিমে কোড, স্টাইল বা টেমপ্লেট পরিবর্তন করতে হলে চাইল্ড থিম বানানো উচিত, ব্যতিক্রম প্রায় নেই বললেই চলে।

চাইল্ড থিম আসলে কী

চাইল্ড থিম হলো একটা আলাদা থিম, যেটা প্যারেন্ট বা মূল থিমের সব ফিচার ও ডিজাইন উত্তরাধিকার সূত্রে পায়, কিন্তু নিজের মতো কাস্টম কোড ও স্টাইল যোগ করার আলাদা জায়গা দেয়। প্যারেন্ট থিমের একটা ফাইলও স্পর্শ না করে এখানে যেকোনো পরিবর্তন করা যায়।

ওয়ার্ডপ্রেস যখন সাইট লোড করে, প্রথমে চাইল্ড থিমের ফাইল খোঁজে। কোনো ফাইল চাইল্ড থিমে না পেলে তখন প্যারেন্ট থিমের একই ফাইলটা ব্যবহার করে। ফলে চাইল্ড থিমে শুধু যা পরিবর্তন দরকার সেটুকুই রাখা যায়, বাকি সব প্যারেন্ট থিম থেকেই আসে।

প্যারেন্ট থিম সরাসরি এডিট করলে কী ক্ষতি হয়

প্যারেন্ট থিম সরাসরি এডিট করলে ক্ষতিটা তাৎক্ষণিক বোঝা যায় না, বোঝা যায় পরের আপডেটের সময়। থিমের নতুন ভার্সন এলে ওয়ার্ডপ্রেস পুরনো থিম ফোল্ডারের ফাইলগুলো নতুন ফাইল দিয়ে রিপ্লেস করে দেয়। যে ফাইলে কাস্টম কোড বসানো হয়েছিল, সেটাও রিপ্লেস হয়ে যায়, আর সাথে সাথে সব কাস্টমাইজেশন মুছে যায়।

নিয়মিত আপডেট রাখা জরুরি, আপডেট না করলে সাইট হ্যাক হওয়ার ঝুঁকি অনেক বেশি বাড়ে। কিন্তু আপডেট রাখা আর প্যারেন্ট থিম সরাসরি এডিট করা, এই দুই অভ্যাস একসাথে চলে না। ফলাফল দুই রকম হতে পারে: হয় আপডেট বন্ধ রেখে সাইট নিরাপত্তাহীন করে রাখা, নয়তো আপডেট করে কাস্টমাইজেশন হারানো। কোনোটাই গ্রহণযোগ্য সমাধান না।

চাইল্ড থিম কীভাবে বানাবেন

চাইল্ড থিম বানাতে বড় কোনো প্লাগইন বা টুলের দরকার নেই, মাত্র দুইটা ফাইল দিয়েই শুরু করা যায়। ধাপগুলো এরকম:

1. cPanel বা FTP দিয়ে wp-content/themes ফোল্ডারে গিয়ে নতুন একটা ফোল্ডার বানান, যেমন astra-child
2. সেই ফোল্ডারে একটা style.css ফাইল বানিয়ে নিচের হেডার কমেন্ট বসান
3. একটা functions.php ফাইল বানিয়ে প্যারেন্ট থিমের স্টাইল এনকিউ করার কোড বসান
4. ওয়ার্ডপ্রেস ড্যাশবোর্ডে গিয়ে Appearance থেকে নতুন চাইল্ড থিম অ্যাক্টিভ করুন
5. এখন থেকে যেকোনো কাস্টম CSS বা PHP কোড এই চাইল্ড থিমের ভেতরেই যোগ করুন

style.css ফাইলের হেডারে Template লাইনে অবশ্যই প্যারেন্ট থিমের ফোল্ডারের নাম (স্লাগ) হুবহু বসাতে হবে, থিমের নাম না:

/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/

এরপর functions.php ফাইলে প্যারেন্ট থিমের স্টাইলশিট লোড করার কোড দিতে হবে, নাহলে চাইল্ড থিম অ্যাক্টিভ করার সাথে সাথে পুরো ডিজাইন ভেঙে যাবে:

<?php
add_action( 'wp_enqueue_scripts', 'cf_child_enqueue_styles' );
function cf_child_enqueue_styles() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' ),
        wp_get_theme()->get( 'Version' )
    );
}

এই দুইটা ফাইল হলেই একটা কার্যকর চাইল্ড থিম তৈরি। বাকি সব কাস্টমাইজেশন এই ফোল্ডারের ভেতরেই যোগ হবে।

কোন কোন কাজ চাইল্ড থিমে করা উচিত

চাইল্ড থিম মূলত চারটা কাজের জন্য ব্যবহার হয়, এর বাইরে খুব একটা দরকার পড়ে না।

• কাস্টম CSS যোগ করা, যেমন কালার, ফন্ট বা স্পেসিং পরিবর্তন
• টেমপ্লেট ফাইল ওভাররাইড করা, যেমন single.php বা header.php এ পরিবর্তন আনা
• functions.php এ কাস্টম ফাংশন বা হুক যোগ করা
• কাস্টম শর্টকোড বা উইজেট তৈরি করা

AI দিয়ে functions.php এর জন্য কোড লেখানো এখন সাধারণ চর্চা হয়ে দাঁড়িয়েছে, কিন্তু সেই কোড কোথায় বসানো হচ্ছে সেটাও গুরুত্বপূর্ণ প্রশ্ন। AI-জেনারেটেড কোড যাচাই না করে সরাসরি লাইভ সাইটে বসানো যেমন ঝুঁকিপূর্ণ, তেমনি সেই কোড প্যারেন্ট থিমে বসানোও সমান ঝুঁকিপূর্ণ। AI দিয়ে ওয়ার্ডপ্রেস কোড লেখার সময় ফ্রিল্যান্সাররা যেসব ভুল করেন তার একটা বড় অংশ এই দুই সমস্যার মিশ্রণ থেকেই আসে।

ব্লক থিম বা ফুল সাইট এডিটিং ব্যবহার করলেও চাইল্ড থিম লাগবে কি

হ্যাঁ, বড় কাস্টমাইজেশনের ক্ষেত্রে ব্লক থিমেও চাইল্ড থিম রাখাই নিরাপদ। Kadence, Astra বা GeneratePress এর মতো ব্লক থিমে ছোটখাটো স্টাইল পরিবর্তন Appearance থেকে Additional CSS দিয়ে করা গেলেও, theme.json ওভাররাইড বা কাস্টম টেমপ্লেট পার্ট বানাতে গেলে চাইল্ড থিম ছাড়া উপায় নেই।

এই নিয়মটা শুধু তত্ত্ব না। Coders Foundation ওয়েবসাইটটাও Kadence থিমের একটা চাইল্ড থিমে চলছে, যাতে Kadence আপডেট এলেও সাইটের কাস্টম ডিজাইন আর কোড অক্ষত থাকে।

চাইল্ড থিম বানানোর সময় সাধারণ ভুল

চাইল্ড থিম বানানো সহজ হলেও কিছু ভুল বারবার দেখা যায়, যেগুলোর কারণে চাইল্ড থিম ব্যবহার করেও আসল উদ্দেশ্য ব্যর্থ হয়।

• Template লাইনে ভুল স্লাগ বসানো, ফলে থিম অ্যাক্টিভেট করা যায় না
• প্যারেন্ট স্টাইল এনকিউ না করে সরাসরি @import ব্যবহার করা, যা সাইট স্লো করে দেয়
• প্রয়োজনের অতিরিক্ত CSS বা JS ফাইল চাইল্ড থিমে জমিয়ে রাখা
• টেমপ্লেট ফাইল পুরোটা কপি করে অপ্রয়োজনীয় কোড বহন করা, যেখানে এক লাইন পরিবর্তনই যথেষ্ট ছিল

চাইল্ড থিম যত পরিষ্কার রাখা যায়, সাইটের পারফরম্যান্সও তত ভালো থাকে। অপ্রয়োজনীয় এনকিউ করা ফাইল বা ডুপ্লিকেট কোড জমে গেলে সেটাও সাইট স্লো হওয়ার একটা কারণ হয়ে দাঁড়ায়, যা স্পিড অপটিমাইজেশন সার্ভিস দিয়ে অডিট করিয়ে ঠিক করে নেওয়া যায়।

শেষ কথা

ওয়ার্ডপ্রেস চাইল্ড থিম বানানো পাঁচ মিনিটের কাজ, কিন্তু এটা এড়িয়ে গেলে ভবিষ্যতে ঘণ্টার পর ঘণ্টা কাস্টমাইজেশন আবার নতুন করে করতে হতে পারে। থিম কাস্টমাইজেশন, হুক, ফিল্টার আর কাস্টম ফাংশন হাতে-কলমে শিখতে চাইলে ওয়ার্ডপ্রেস প্রো কোর্সে পুরো প্রসেসটা ধাপে ধাপে দেখানো হয়েছে। আজই চেক করুন কোন থিম কতদিন ধরে সরাসরি এডিট হয়ে আসছে, তারপর চাইল্ড থিম দিয়ে কাজ শুরু করুন।

প্রায়ই জিজ্ঞাসিত প্রশ্ন (FAQ)