ড্রুপাল (Drupal) থিম কাস্টমাইজ করার জন্য Twig টেমপ্লেট ইঞ্জিন ব্যবহার করে কাস্টম ডিজাইন তৈরি করা যেতে পারে। Twig একটি মডার্ন, সিকিউর এবং পারফরম্যান্ট টেমপ্লেট ইঞ্জিন যা ড্রুপালে ব্যবহৃত হয়, এবং এটি HTML, CSS এবং জাভাস্ক্রিপ্টের সাথে একত্রে কাজ করে। Twig ব্যবহারের মাধ্যমে আপনি ড্রুপাল থিমের উপস্থাপন এবং স্ট্রাকচার সহজে কাস্টমাইজ করতে পারেন।
এখানে ড্রুপালের Twig টেমপ্লেট ইঞ্জিনের মাধ্যমে থিম কাস্টমাইজ করার পদ্ধতি আলোচনা করা হয়েছে।
Twig টেমপ্লেট ইঞ্জিনের মূল ধারণা
Twig একটি শক্তিশালী টেমপ্লেট ইঞ্জিন যা ড্রুপালে কন্টেন্ট রেন্ডারিং এবং থিমিংয়ের জন্য ব্যবহৃত হয়। এটি ফাইল স্ট্রাকচার তৈরি, কন্টেন্ট প্রসেসিং এবং HTML কোড তৈরি করার প্রক্রিয়াগুলোকে সহজ এবং নিরাপদ করে তোলে। ড্রুপালের থিম কাস্টমাইজেশনের ক্ষেত্রে Twig বিশেষভাবে সাহায্য করে কারণ এটি ডায়নামিক HTML এবং ডেটা রেন্ডারিংয়ের জন্য পরিষ্কার, পাঠযোগ্য এবং সুরক্ষিত কোড প্রদান করে।
ড্রুপাল থিম কাস্টমাইজ করতে Twig ব্যবহার করার ধাপ
১. ড্রুপাল থিম তৈরি বা কাস্টম থিম ব্যবহার করুন
আপনি যদি একটি নতুন থিম তৈরি করতে চান বা একটি বিদ্যমান থিম কাস্টমাইজ করতে চান, তাহলে প্রথমে থিম তৈরি বা সক্রিয় করতে হবে।
নতুন থিম তৈরি করতে,
themes/customডিরেক্টরির মধ্যে একটি নতুন ফোল্ডার তৈরি করুন। উদাহরণস্বরূপ,mythemeনামে একটি থিম তৈরি করতে:/themes/custom/mytheme/- যদি একটি বিদ্যমান থিম কাস্টমাইজ করতে চান, তাহলে Appearance পৃষ্ঠায় যান এবং থিমটি সক্রিয় করুন।
২. Twig টেমপ্লেট ফাইল তৈরি করুন
ড্রুপালে Twig টেমপ্লেট ফাইল হল .html.twig এক্সটেনশনযুক্ত ফাইল যা HTML কোড এবং ডেটা রেন্ডারিং করে। আপনি যেকোনো কাস্টম থিমে এই ফাইলগুলো তৈরি করতে পারেন।
উদাহরণস্বরূপ, একটি কাস্টম page template তৈরি করতে,
mytheme/templatesডিরেক্টরিতে একটি নতুন ফাইল তৈরি করুন:/themes/custom/mytheme/templates/page--custom.html.twig- ড্রুপালের বিভিন্ন টেমপ্লেট ফাইলের মধ্যে কিছু সাধারণ টেমপ্লেট:
page.html.twig: সাইটের সাধারণ পেজ টেমপ্লেট।node.html.twig: কন্টেন্টের জন্য (যেমন, ব্লগ পোস্ট) টেমপ্লেট।block.html.twig: ব্লক কন্টেন্টের জন্য টেমপ্লেট।
৩. Twig টেমপ্লেট ফাইলে কাস্টম HTML এবং ডেটা সংযোগ করুন
ড্রুপালের Twig টেমপ্লেট ইঞ্জিন ব্যবহার করে আপনি ড্রুপালের ভ্যারিয়েবল এবং কনটেন্ট উপাদানগুলিকে HTML স্ট্রাকচারে সংযুক্ত করতে পারেন। উদাহরণস্বরূপ, আপনি যদি সাইটের শিরোনাম টেমপ্লেট ফাইলে যোগ করতে চান, তাহলে নিচের কোড ব্যবহার করতে পারেন:
<h1>{{ site_name }}</h1>
এখানে {{ site_name }} একটি ড্রুপাল ভ্যারিয়েবল যা সাইটের নাম রেন্ডার করবে।
৪. ড্রুপাল ভ্যারিয়েবল ব্যবহার করা
ড্রুপালে অনেক ভ্যারিয়েবল থাকে যেগুলি বিভিন্ন কনটেন্ট এবং ডেটা রেন্ডার করতে ব্যবহৃত হয়। কিছু সাধারণ Twig ভ্যারিয়েবল এবং তাদের ব্যবহার:
{{ site_name }}: সাইটের নাম{{ page.title }}: পেজের শিরোনাম{{ content }}: পেজের প্রধান কন্টেন্ট{{ user.name }}: ব্যবহারকারীর নাম{{ node.title }}: নোড (কন্টেন্ট) শিরোনাম
৫. লুপ এবং শর্তাবলী ব্যবহার করা
Twig লুপ এবং শর্তাবলীর মাধ্যমে ড্রুপাল থিমের কন্টেন্ট আরও কাস্টমাইজ করা যায়। উদাহরণস্বরূপ, যদি আপনি সমস্ত ব্লকের মধ্যে একটি লুপ করতে চান, তাহলে:
{% for block in page['content']['#blocks'] %}
<div class="block">{{ block.content }}</div>
{% endfor %}
এটি পেজের সমস্ত ব্লক কন্টেন্ট প্রদর্শন করবে।
৬. টেমপ্লেট ক্যাশিং নিষ্ক্রিয় করা (ডেভেলপমেন্টের জন্য)
ডেভেলপমেন্টের সময় টেমপ্লেট পরিবর্তনগুলো তৎক্ষণাত দেখতে হলে আপনাকে ক্যাশিং নিষ্ক্রিয় করতে হবে। ড্রুপালে এটি করতে:
- Configuration > Development > Performance-এ যান।
- Cache অপশন থেকে Disable all caches সিলেক্ট করুন।
৭. অতিরিক্ত ফাংশনালিটি যোগ করা
Twig আপনাকে থিমের মধ্যে অতিরিক্ত ফাংশনালিটি যোগ করার সুযোগ দেয়, যেমন ফিল্টার এবং ফাংশন ব্যবহার করে কাস্টম রেন্ডারিং। উদাহরণস্বরূপ:
{{ 'Hello, ' ~ user.name |capitalize }}
এটি user.name ভ্যারিয়েবলটির মানকে ক্যাপিটালাইজ করবে এবং "Hello" এর সাথে যোগ করবে।
৮. অপটিমাইজেশন এবং থিমিং
ড্রুপালের থিম কাস্টমাইজেশন শেষে এটি ভালভাবে অপটিমাইজ করা উচিত। CSS এবং JavaScript ফাইলগুলো সঠিকভাবে অন্তর্ভুক্ত এবং কম্প্রেস করা জরুরি। আপনি Twig ব্যবহার করে এই ফাইলগুলোকে সঠিকভাবে অন্তর্ভুক্ত করতে পারেন।
উপসংহার
ড্রুপালে Twig টেমপ্লেট ইঞ্জিন ব্যবহার করে থিম কাস্টমাইজ করা অনেক সহজ এবং শক্তিশালী। এটি ডেভেলপারদের HTML কোডিংকে সহজ করে তোলে, এবং সুরক্ষিত, পরিষ্কার এবং কার্যকর কোড উৎপন্ন করতে সহায়ক। ড্রুপালের টেমপ্লেট ফাইলের মাধ্যমে আপনি সাইটের ডিজাইন কাস্টমাইজ, ডেটা রেন্ডার এবং ব্যবহারকারী অভিজ্ঞতা উন্নত করতে পারেন। Twig দিয়ে কাজ করার সময়, ড্রুপালের কাস্টম ভ্যারিয়েবল, লুপ, এবং শর্তাবলী ব্যবহারের মাধ্যমে আপনি আরও ডাইনামিক এবং ইন্টারেক্টিভ থিম তৈরি করতে পারবেন।
Read more
