Drupal এর থিমিং সিস্টেমের বেসিক ধারণা

Custom থিম ডেভেলপমেন্ট - ড্রুপাল (Drupal) - Web Development

294

ড্রুপাল (Drupal) এর থিমিং সিস্টেম অত্যন্ত শক্তিশালী এবং নমনীয়, যা আপনাকে আপনার সাইটের ডিজাইন এবং লেআউট সম্পূর্ণ কাস্টমাইজ করার সুযোগ দেয়। ড্রুপাল থিমিং সিস্টেমের মাধ্যমে আপনি সাইটের চেহারা এবং অনুভূতি (look and feel) পরিবর্তন করতে পারবেন, যাতে এটি আপনার ব্র্যান্ড এবং ব্যবহারকারীর চাহিদার সাথে সামঞ্জস্যপূর্ণ হয়।

এই টিউটোরিয়ালে, আমরা ড্রুপালের থিমিং সিস্টেমের বেসিক ধারণা এবং এর কাজের মূল কাঠামো নিয়ে আলোচনা করব।


ড্রুপালের থিমিং সিস্টেম কী?

থিমিং হল ড্রুপাল সাইটের লেআউট এবং ডিজাইন কাস্টমাইজ করার প্রক্রিয়া। এটি HTML, CSS, JavaScript, এবং PHP কোড ব্যবহার করে সাইটের অভ্যন্তরীণ দিককে দর্শনীয় এবং ব্যবহারকারী-বান্ধব করে তোলে।

ড্রুপাল থিমিং সিস্টেম আপনাকে সাইটের ডিসপ্লে কাস্টমাইজ করতে বিভিন্ন স্তরে কাজ করতে দেয়:

  • ইন্টারফেস ডিজাইন (UI)
  • পেজ লেআউট (Page Layout)
  • কন্টেন্ট প্রদর্শন (Content Display)
  • রেসপন্সিভ ডিজাইন (Responsive Design)

ড্রুপাল থিমিং সিস্টেমের মূল উপাদান

ড্রুপাল থিমিং সিস্টেমে কিছু গুরুত্বপূর্ণ উপাদান রয়েছে, যা সাইটের ডিজাইন ও লেআউট কাস্টমাইজ করার জন্য ব্যবহৃত হয়। এগুলোর মধ্যে প্রধানগুলো হল:

১. থিম

থিম হল ড্রুপাল সাইটের ডিজাইন এবং লেআউটের প্রধান কাঠামো। ড্রুপালে একটি থিম সাধারণত নিচের উপাদানগুলো ধারণ করে:

  • HTML (Structure): সাইটের পেজের ভিত্তি (structure) তৈরি করে।
  • CSS (Style): সাইটের স্টাইলিং (look) নিয়ন্ত্রণ করে, যেমন রং, ফন্ট, লেআউট ইত্যাদি।
  • JavaScript (Interactivity): সাইটের ইন্টারঅ্যাকটিভিটি এবং ব্যবহারকারী ইন্টারফেস (UI) নিয়ন্ত্রণ করে।

ড্রুপালের একটি থিম .info.yml ফাইল দিয়ে কনফিগার করা হয়, যা থিমের বৈশিষ্ট্য, নির্ভরতা এবং অন্যান্য সেটিংস সুনির্দিষ্ট করে।

২. টেমপ্লেট

ড্রুপালে টেমপ্লেট ফাইলগুলি হলো HTML ফাইল যা সাইটের কনটেন্ট কীভাবে প্রদর্শিত হবে তা নির্ধারণ করে। এগুলোর মধ্যে প্রধান টেমপ্লেট ফাইলগুলো হল:

  • page.tpl.php: এটি পুরো পেজের লেআউট সংজ্ঞায়িত করে।
  • node.tpl.php: এটি কন্টেন্ট (যেমন পেজ, ব্লগ পোস্ট ইত্যাদি) প্রদর্শন করার জন্য ব্যবহৃত হয়।
  • block.tpl.php: ব্লক কনটেন্টের জন্য ব্যবহৃত টেমপ্লেট।
  • views-view.tpl.php: ভিউ (Views) মডিউলের কনটেন্ট প্রদর্শন করার জন্য ব্যবহৃত হয়।

ড্রুপালের থিমিং সিস্টেমের শক্তি হল এই টেমপ্লেটগুলিকে কাস্টমাইজ করার মাধ্যমে আপনি কনটেন্টের প্রদর্শন সম্পূর্ণ কাস্টমাইজ করতে পারেন।

৩. থিম .info.yml ফাইল

প্রতিটি থিমের একটি .info.yml ফাইল থাকে, যা থিমের মেটা তথ্য এবং ড্রুপালের থিম সিস্টেমের সাথে এর সম্পর্ক স্থাপন করে। এই ফাইলে থিমের নাম, সংস্করণ, নির্ভরতা এবং অন্যান্য কনফিগারেশন অন্তর্ভুক্ত থাকে।

উদাহরণ:

name: 'My Custom Theme'
type: theme
base theme: classy
description: 'A custom theme for my website.'
regions:
  header: 'Header'
  footer: 'Footer'

৪. থিম রিজনস (Regions)

ড্রুপালের থিমের মধ্যে regions হলো সাইটের লেআউটের সেই অংশগুলো যেখানে আপনি ব্লক (Blocks), মেনু (Menus) এবং অন্যান্য কন্টেন্ট উপাদানগুলি স্থাপন করতে পারেন। কিছু সাধারণ regions হল:

  • Header
  • Footer
  • Sidebar
  • Content

এই regions এর মাধ্যমে আপনি থিমে ব্লক এবং কন্টেন্ট উপাদানগুলিকে কাঙ্ক্ষিত স্থানে নিয়ে আসতে পারেন।


ড্রুপালে থিম কাস্টমাইজেশন

ড্রুপালে থিম কাস্টমাইজ করার জন্য আপনি CSS, HTML, PHP, এবং Twig টেমপ্লেট ফাইলগুলো ব্যবহার করতে পারেন। কিছু গুরুত্বপূর্ণ কাস্টমাইজেশন পদ্ধতি:

১. CSS কাস্টমাইজেশন

আপনার থিমে নতুন CSS যুক্ত করতে, থিমের css ফোল্ডারে একটি নতুন CSS ফাইল তৈরি করুন এবং থিমের *.info.yml ফাইলে এটিকে অন্তর্ভুক্ত করুন:

stylesheets:
  all:
    - css/style.css

২. HTML কাস্টমাইজেশন

টেমপ্লেট ফাইলগুলির মাধ্যমে HTML কাস্টমাইজ করা যায়। উদাহরণস্বরূপ, page.tpl.php ফাইলের মাধ্যমে সাইটের প্রতিটি পৃষ্ঠার HTML কনটেন্ট কাস্টমাইজ করা যেতে পারে।

৩. PHP কাস্টমাইজেশন

ড্রুপালের PHP ফাইলগুলিতে আপনি থিমের কার্যকারিতা নিয়ন্ত্রণ করতে পারবেন। উদাহরণস্বরূপ, template.php ফাইলের মাধ্যমে আপনি থিমের কাস্টম ফাংশন যোগ করতে পারেন।

৪. Twig টেমপ্লেট কাস্টমাইজেশন

ড্রুপাল ৮ এবং পরবর্তী সংস্করণে Twig টেমপ্লেট ইঞ্জিন ব্যবহার করা হয়। এটি একটি নিরাপদ, নমনীয় এবং গতিশীল HTML টেমপ্লেট ইঞ্জিন। ড্রুপালের থিম কাস্টমাইজেশন করার জন্য Twig ব্যবহার করা অত্যন্ত জনপ্রিয় এবং শক্তিশালী পদ্ধতি।


ড্রুপালের থিম ডেভেলপমেন্ট প্রক্রিয়া

ড্রুপালে থিম তৈরি এবং কাস্টমাইজেশনের জন্য, আপনাকে নীচের ধাপগুলি অনুসরণ করতে হবে:

  1. থিম ফোল্ডার তৈরি: প্রথমে থিমের জন্য একটি নতুন ফোল্ডার তৈরি করুন:

    sites/all/themes/custom/my_custom_theme
    
  2. .info.yml ফাইল তৈরি করুন: এই ফাইলের মাধ্যমে ড্রুপাল থিমের মেটা তথ্য জানায়।
  3. CSS, JS, এবং টেমপ্লেট ফাইল তৈরি করুন: থিমের জন্য স্টাইলিং (CSS), স্ক্রিপ্ট (JS), এবং টেমপ্লেট ফাইল তৈরি করুন।
  4. থিম সক্রিয় করুন: Admin → Appearance থেকে আপনার থিম সক্রিয় করুন।

উপসংহার

ড্রুপালের থিমিং সিস্টেম অত্যন্ত শক্তিশালী এবং নমনীয়, যা আপনাকে আপনার সাইটের ডিজাইন এবং লেআউট কাস্টমাইজ করার জন্য পূর্ণ স্বাধীনতা দেয়। আপনি CSS, HTML, PHP, Twig টেমপ্লেট এবং .info.yml ফাইলের মাধ্যমে সাইটের ডিজাইন কাস্টমাইজ করতে পারেন। থিমিং সিস্টেমের এই নমনীয়তা এবং কাস্টমাইজেশন ক্ষমতার মাধ্যমে আপনি আপনার সাইটকে যে কোনও ধরনের ডিজাইনে রূপান্তর করতে পারেন, যা আপনার ব্র্যান্ড এবং ব্যবহারকারীর অভিজ্ঞতার সাথে সামঞ্জস্যপূর্ণ।

Content added By
Promotion

Are you sure to start over?

Loading...