ড্রুপাল (Drupal) একটি অত্যন্ত কাস্টমাইজযোগ্য কনটেন্ট ম্যানেজমেন্ট সিস্টেম (CMS), এবং এর থিমিং সিস্টেমটি ওয়েবসাইটের ডিজাইন এবং উপস্থাপনা কাস্টমাইজ করতে অত্যন্ত শক্তিশালী এবং নমনীয়। ড্রুপালের থিমিং সিস্টেম ব্যবহার করে আপনি আপনার সাইটের লেআউট, স্টাইল এবং ইউজার ইন্টারফেস কাস্টমাইজ করতে পারবেন।
ড্রুপালের থিমিং সিস্টেমের প্রধান উপাদানগুলো হচ্ছে থিম, টেমপ্লেট, CSS, এবং ব্লক সিস্টেম। এখানে আমরা ড্রুপাল থিমিং সিস্টেমের বেসিক কনসেপ্ট এবং কিভাবে এটি কাজ করে তা আলোচনা করব।
ড্রুপাল থিমিং সিস্টেমের প্রধান উপাদান
১. থিম (Theme):
ড্রুপালে থিম হল এমন একটি ফোল্ডার যা সাইটের সমস্ত ডিজাইন ও ইউজার ইন্টারফেস উপাদান ধারণ করে। থিমের মধ্যে থাকে HTML, CSS, JavaScript ফাইল, এবং PHP টেমপ্লেট ফাইল যা সাইটের লেআউট এবং উপস্থাপনাকে নিয়ন্ত্রণ করে।
থিমের ফোল্ডার স্ট্রাকচার: একটি ড্রুপাল থিম সাধারণত নিম্নলিখিত ডিরেক্টরিগুলো ধারণ করে:
/themes /your_theme /css /js /templates /images your_theme.info.yml your_theme.theme
২. থিম ইনস্টলেশন:
ড্রুপালে থিম ইনস্টল করতে, আপনি বা তৃতীয়-পক্ষ থিম প্যাকেজ ডাউনলোড করে সেটি সাইটে ইনস্টল করতে পারেন। থিম ইনস্টলেশন করার জন্য এই পদক্ষেপগুলো অনুসরণ করুন:
- থিম ডাউনলোড করুন: থিম ডাউনলোড করতে ড্রুপালের থিম ডিরেক্টরি (Drupal.org) থেকে থিম বেছে নিন বা নিজে তৈরি করুন।
- থিম ফোল্ডারে আপলোড করুন: ডাউনলোড করা থিম ফোল্ডারে
/sites/all/themes/বা/themes/ডিরেক্টরিতে আপলোড করুন। - থিম অ্যাকটিভ করুন: থিমটি সাইটে অ্যাকটিভ করতে Appearance মেনু থেকে থিম নির্বাচন করুন এবং "Enable" বাটনে ক্লিক করুন।
৩. .info.yml ফাইল:
ড্রুপাল থিমের মূল কনফিগারেশন ফাইল হলো your_theme.info.yml। এই ফাইলটি থিমের বেসিক তথ্য, ডিপেন্ডেন্সি, সিএসএস ও জাভাস্ক্রিপ্ট ফাইল লোড করার জন্য ব্যবহৃত হয়।
উদাহরণ:
name: My Custom Theme
type: theme
description: 'A custom theme for Drupal.'
core_version_requirement: ^8 || ^9
base theme: classy
libraries:
- my_custom_theme/global-styling
৪. PHP টেমপ্লেট ফাইল (Twig):
ড্রুপাল থিমিং সিস্টেমে Twig টেমপ্লেট ইঞ্জিন ব্যবহৃত হয়। Twig একটি সহজ, দ্রুত এবং সিকিউর টেমপ্লেট ইঞ্জিন যা ড্রুপালের জন্য খুবই উপযুক্ত।
- twig টেমপ্লেট ফাইল: সাধারণত
.html.twigএক্সটেনশন দিয়ে থাকে। এই ফাইলগুলো সাইটের HTML মার্কআপ নিয়ন্ত্রণ করে।- node.html.twig: সাইটের কন্টেন্টের জন্য টেমপ্লেট।
- page.html.twig: সাইটের পৃষ্ঠার জন্য টেমপ্লেট।
- block.html.twig: ব্লকের জন্য টেমপ্লেট।
উদাহরণ:
<!-- page.html.twig -->
<html>
<head>
<title>{{ head_title }}</title>
</head>
<body>
<header>
{{ page.header }}
</header>
<div id="main-content">
{{ page.content }}
</div>
</body>
</html>
৫. CSS এবং JavaScript:
থিমের স্টাইলিং এবং ফাংশনালিটি যোগ করতে CSS এবং JavaScript ফাইল ব্যবহার করা হয়। আপনি থিমের your_theme.libraries.yml ফাইলে CSS এবং JS ফাইলগুলোকে লোড করতে পারেন।
your_theme.libraries.yml:
global-styling:
version: 1.0
css:
theme:
css/style.css: {}
js:
js/custom.js: {}
৬. থিম কাস্টমাইজেশন:
ড্রুপালের থিম কাস্টমাইজেশন দুটি উপায়ে করা যেতে পারে:
- কাস্টম CSS এবং JS: থিমে নিজের স্টাইল এবং স্ক্রিপ্ট যুক্ত করতে আপনি কাস্টম CSS এবং JavaScript ফাইল তৈরি করতে পারেন।
- টেমপ্লেট ওভাররাইড: আপনার থিমে ডিফল্ট ড্রুপাল টেমপ্লেট ফাইলগুলি কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ, node.html.twig ফাইলটি কাস্টমাইজ করে আপনি কন্টেন্টের প্রদর্শন পরিবর্তন করতে পারেন।
ড্রুপালে থিমিং স্টাইলিং এবং লেআউট কাস্টমাইজেশন
১. ব্লক (Block) কাস্টমাইজেশন:
ড্রুপালে ব্লক সিস্টেমটি থিমের গুরুত্বপূর্ণ অংশ। ব্লক কাস্টমাইজ করতে:
- Structure → Block layout → এখানে আপনি ব্লক অবস্থান এবং ব্লক কনফিগারেশন পরিবর্তন করতে পারবেন।
- প্রতিটি ব্লককে কাস্টমাইজ করা যায় টেমপ্লেট ফাইলের মাধ্যমে, উদাহরণস্বরূপ block--views-block--your-block-id.html.twig।
২. থিমের লেআউট কাস্টমাইজেশন:
ড্রুপালে আপনি কাস্টম লেআউট তৈরি করতে পারেন, যেমন:
- Layout Builder মডিউল ব্যবহার করে আপনি পৃষ্ঠার লেআউট কাস্টমাইজ করতে পারেন এবং পৃষ্ঠাগুলিতে বিভিন্ন ধরণের ব্লক এবং কন্টেন্ট এলিমেন্টের স্থান নির্ধারণ করতে পারেন।
সারাংশ
ড্রুপালের থিমিং সিস্টেম একটি শক্তিশালী এবং নমনীয় ডিজাইন প্ল্যাটফর্ম সরবরাহ করে যা ব্যবহারকারীদের সাইটের লেআউট, স্টাইল এবং উপস্থাপনাকে সম্পূর্ণ কাস্টমাইজ করার সুযোগ দেয়। ড্রুপালের থিমিং সিস্টেমে Twig টেমপ্লেট ইঞ্জিন, CSS/JS লাইব্রেরি, ব্লক কাস্টমাইজেশন এবং থিম কনফিগারেশন ফাইল ব্যবহৃত হয়, যা থিম তৈরি এবং কাস্টমাইজেশনকে আরও সহজ এবং কার্যকর করে তোলে।
Read more
