চাইল্ড থিম তৈরি এবং ব্যবহার

থিমস ব্যবহারে পরিচিতি - ওয়ার্ডপ্রেস (Wordpress) - Web Development

331

WordPress থিম কাস্টমাইজেশন করতে গেলে চাইল্ড থিম তৈরি করা একটি ভালো অভ্যাস। চাইল্ড থিম আপনাকে মূল থিমে কোনো ধরনের পরিবর্তন ছাড়াই থিমের ডিজাইন বা কার্যকারিতা কাস্টমাইজ করার সুযোগ দেয়। এটি মূল থিম (parent theme) এর সকল বৈশিষ্ট্য গ্রহণ করে, তবে এতে আপনি যেকোনো কাস্টম পরিবর্তন এবং ফাংশনালিটি যোগ করতে পারেন।

এটি মূল থিমের আপডেটের সময় কোনো কাস্টম পরিবর্তন হারিয়ে যাওয়ার ঝুঁকি দূর করে এবং ভবিষ্যতে আপডেট হওয়া থিমের সাথে সামঞ্জস্য বজায় রাখতে সাহায্য করে।


1. চাইল্ড থিম কী?

চাইল্ড থিম হল একটি সাবথিম যা মূল থিমের সকল বৈশিষ্ট্য, স্টাইল এবং কার্যকারিতা ব্যবহার করে, কিন্তু আপনি এতে কাস্টম CSS, PHP, এবং ফাইল যুক্ত করতে পারেন। মূল থিমের কোনো কোড পরিবর্তন করার চেয়ে চাইল্ড থিম ব্যবহার করা অনেক নিরাপদ, কারণ এটি মূল থিমের ফাংশনালিটিকে অপরিবর্তিত রাখে।

চাইল্ড থিমের সুবিধা

  • আপডেট সুরক্ষা: মূল থিম আপডেট করার পরও আপনার কাস্টমাইজেশন হারাবে না।
  • সহজ কাস্টমাইজেশন: নতুন ফাইল বা কাস্টম কোড যুক্ত করে থিমের কার্যকারিতা পরিবর্তন করা সম্ভব।
  • থিমের নিরাপত্তা: মূল থিমের কোডে কোনো সমস্যা হলে চাইল্ড থিম আপনার পরিবর্তনগুলো নিরাপদ রাখে।

2. চাইল্ড থিম তৈরি করার প্রক্রিয়া

চাইল্ড থিম ফোল্ডার তৈরি

  1. wp-content/themes ডিরেক্টরির মধ্যে একটি নতুন ফোল্ডার তৈরি করুন। এই ফোল্ডারের নাম মূল থিমের নামের সাথে "_child" যুক্ত করে রাখুন। উদাহরণস্বরূপ, যদি আপনার মূল থিমের নাম হয় "twentytwentyone", তবে চাইল্ড থিমের ফোল্ডার নাম হতে পারে "twentytwentyone-child"।

style.css ফাইল তৈরি করুন

চাইল্ড থিমের স্টাইল শিট তৈরি করতে একটি নতুন style.css ফাইল তৈরি করুন। এই ফাইলে মূল থিমের তথ্য এবং চাইল্ড থিমের নির্দিষ্ট স্টাইল লিখবেন। নিচের কোডটি আপনার style.css ফাইলে যুক্ত করুন:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    http://example.com/twenty-twenty-one-child/
Description:  Twenty Twenty-One Child Theme
Author:       Your Name
Author URI:   http://example.com
Template:     twentytwentyone
Version:      1.0.0
*/

@import url("../twentytwentyone/style.css");

/* আপনার কাস্টম স্টাইল এখানে লিখুন */
  • Template: এই ফিল্ডে মূল থিমের নাম লিখুন, যেমন "twentytwentyone"। এটি মূল থিমকে নির্দেশ করে, যেখান থেকে চাইল্ড থিম সিএসএস (CSS) এবং অন্যান্য ফাইল গ্রহণ করবে।
  • @import: এই কোডটি মূল থিমের স্টাইল শিটটি চাইল্ড থিমে যুক্ত করে।

functions.php ফাইল তৈরি করুন

চাইল্ড থিমের কার্যকারিতা পরিবর্তন করতে একটি functions.php ফাইল তৈরি করুন। এই ফাইলে আপনি নতুন ফাংশন যোগ করতে পারবেন অথবা থিমের পূর্বনির্ধারিত কার্যকারিতা পরিবর্তন করতে পারবেন। নিচে একটি সাধারণ functions.php ফাইলের উদাহরণ দেওয়া হলো:

<?php
// মূল থিমের স্টাইলশিট লোড করা
function twentytwentyone_child_enqueue_styles() {
    wp_enqueue_style( 'twentytwentyone-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'twentytwentyone-child-style', get_stylesheet_uri(), array( 'twentytwentyone-style' ) );
}
add_action( 'wp_enqueue_scripts', 'twentytwentyone_child_enqueue_styles' );

এই কোডটি মূল থিমের স্টাইলশিট এবং চাইল্ড থিমের স্টাইলশিট দুটি লোড করবে। get_template_directory_uri() মূল থিমের ডিরেক্টরি থেকে ফাইল লোড করে এবং get_stylesheet_uri() চাইল্ড থিমের স্টাইলশিট লোড করে।

ফাইল স্ট্রাকচার

আপনার চাইল্ড থিমের ফোল্ডারটি এরকম দেখাবে:

wp-content/
    themes/
        twentytwentyone/ (মূল থিম)
        twentytwentyone-child/ (চাইল্ড থিম)
            style.css
            functions.php

3. চাইল্ড থিম ব্যবহার শুরু করা

WordPress-এ চাইল্ড থিম অ্যাকটিভ করা

  1. WordPress ড্যাশবোর্ডে গিয়ে Appearance > Themes এ যান।
  2. সেখানে আপনি চাইল্ড থিমটি দেখতে পাবেন। এটি নির্বাচন করুন এবং Activate বাটনে ক্লিক করুন।

চাইল্ড থিম কাস্টমাইজেশন

  • চাইল্ড থিমে নতুন কাস্টম স্টাইল বা ফাংশন যুক্ত করতে, style.css বা functions.php ফাইলের মাধ্যমে আপনার পরিবর্তনগুলি করুন।
  • আপনি চাইলে নতুন টেমপ্লেট ফাইল (যেমন header.php, footer.php, single.php) তৈরি করতে পারেন অথবা মূল থিমের টেমপ্লেট ফাইলগুলোর কপি রেখে সেখানে পরিবর্তন করতে পারেন।

4. চাইল্ড থিমের জন্য কাস্টম কন্টেন্ট পরিবর্তন

আপনি চাইল্ড থিমের মাধ্যমে মূল থিমের বিভিন্ন অংশ কাস্টমাইজ করতে পারেন, যেমন:

  • CSS কাস্টমাইজেশন: চাইল্ড থিমের style.css ফাইলে আপনার প্রয়োজনীয় CSS কোড যোগ করুন।
  • ফাংশনালিটি কাস্টমাইজেশন: চাইল্ড থিমের functions.php ফাইলে নতুন ফাংশন অথবা হুক ব্যবহার করে থিমের কার্যকারিতা পরিবর্তন করুন।
  • নতুন টেমপ্লেট তৈরি: মূল থিমের টেমপ্লেট ফাইল কপি করে তার মধ্যে পরিবর্তন আনতে পারেন।

5. চাইল্ড থিমের উন্নত ব্যবহার

  • স্টাইল এবং স্ক্রিপ্ট লোডিং: চাইল্ড থিমের মাধ্যমে আপনি মূল থিমের স্টাইলশিট এবং স্ক্রিপ্টে পরিবর্তন আনতে পারেন, যেমন CSS অথবা JavaScript ফাইলগুলি সংশোধন করে।
  • থিমের উইজেট: চাইল্ড থিমের মাধ্যমে আপনি নতুন উইজেট বা সাইডবার যোগ করতে পারেন অথবা কোনো উইজেটের কন্টেন্ট পরিবর্তন করতে পারেন।

এভাবে আপনি WordPress সাইটে একটি চাইল্ড থিম তৈরি এবং ব্যবহার করতে পারবেন, যা আপনার থিম কাস্টমাইজেশনকে আরও নিরাপদ এবং স্থিতিশীল রাখবে।

Content added By
Promotion

Are you sure to start over?

Loading...