ব্রেডক্রাম্ব নেভিগেশন (Breadcrumb Navigation) হল একটি গুরুত্বপূর্ণ ইউজার ইন্টারফেস উপাদান, যা ওয়েবসাইটের বিভিন্ন পৃষ্ঠার মধ্যে সঠিক অবস্থান বা হায়ারার্কি প্রদর্শন করে। এটি ব্যবহারকারীদের সাইটের বিভিন্ন স্তরের মধ্যে সহজে নেভিগেট করতে সহায়তা করে এবং তাদের কন্টেন্টের মধ্যে স্থিতি সম্পর্কে ধারণা দেয়।
ড্রুপালে ব্রেডক্রাম্ব কনফিগার করার প্রক্রিয়া সহজ এবং শক্তিশালী, যা স্বয়ংক্রিয়ভাবে বিভিন্ন পৃষ্ঠার জন্য ব্রেডক্রাম্ব তৈরি করে। নিচে আমরা বিস্তারিতভাবে ড্রুপাল সাইটে ব্রেডক্রাম্ব নেভিগেশন কনফিগার করা আলোচনা করব।
১. Breadcrumb Navigation মডিউল ইনস্টল করা
ড্রুপালে ব্রেডক্রাম্ব সিস্টেমটি ব্যবহারের জন্য সাধারণত "Breadcrumbs" মডিউল ইনস্টল করা প্রয়োজন হয়। অনেক ড্রুপাল থিমে ব্রেডক্রাম্ব কনফিগারেশন ফিচার অন্তর্ভুক্ত থাকে, তবে যদি আপনি বিশেষভাবে কাস্টমাইজড ব্রেডক্রাম্ব নেভিগেশন চান, তবে এই মডিউলটি ইনস্টল করা ভালো।
মডিউল ইনস্টল করার জন্য:
- মডিউল ডাউনলোড করুন: ড্রুপাল মডিউল ডিরেক্টরি থেকে Breadcrumbs মডিউলটি ডাউনলোড করুন:
- মডিউল ইনস্টল করুন: ড্রুপাল অ্যাডমিন প্যানেলে গিয়ে Admin Menu → Extend তে যান এবং মডিউলটি ইনস্টল করুন।
২. ব্রেডক্রাম্ব কনফিগারেশন
ড্রুপালে ব্রেডক্রাম্ব কনফিগার করার জন্য কিছু সাধারণ সেটিংস আছে যা আপনি অ্যাডমিন প্যানেলে গিয়ে কাস্টমাইজ করতে পারেন। নিচে কিছু সাধারণ কনফিগারেশন পদ্ধতি দেওয়া হলো।
১. Breadcrumb Settings (অফিশিয়াল ব্রেডক্রাম্ব কনফিগারেশন)
ব্রেডক্রাম্ব সিস্টেম কনফিগার করতে:
- Admin Menu → Configuration → User Interface → Breadcrumbs এ যান।
- Enable breadcrumbs অপশনটি সক্রিয় করুন। এই সেটিংটি ব্রেডক্রাম্ব ব্যবহারের জন্য সিস্টেমকে সক্ষম করবে।
- আপনি চাইলে এখানে ব্যবহারকারী কাস্টমাইজেশনের জন্য ব্রেডক্রাম্বের স্টাইল এবং কন্টেন্টও কাস্টমাইজ করতে পারেন।
২. থিমের মাধ্যমে ব্রেডক্রাম্ব কাস্টমাইজেশন
কিছু থিমে ব্রেডক্রাম্বের ডিজাইন এবং অবস্থান কাস্টমাইজ করার বিকল্প দেওয়া থাকে। যদি আপনার থিমে এটি অন্তর্ভুক্ত না থাকে, তবে আপনাকে নিজে কাস্টম টেমপ্লেট তৈরি করতে হতে পারে।
- node.html.twig বা page.html.twig ফাইলের মাধ্যমে ব্রেডক্রাম্ব কোড ইন্টিগ্রেট করুন।
- ব্রেডক্রাম্বের জন্য
{% if breadcrumb %}ট্যাগ ব্যবহার করুন।
উদাহরণ:
<div class="breadcrumb">
{% if breadcrumb %}
<ul>
{% for item in breadcrumb %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
৩. ব্রেডক্রাম্ব লিঙ্ক কাস্টমাইজেশন
ড্রুপালে আপনি ব্রেডক্রাম্ব লিঙ্কের কাঠামো কাস্টমাইজ করতে পারবেন। ড্রুপাল স্বয়ংক্রিয়ভাবে নোড, ভিউ বা অন্যান্য কন্টেন্ট ধরনের জন্য ব্রেডক্রাম্ব জেনারেট করতে পারে। তবে আপনি চাইলে কাস্টম ব্রেডক্রাম্ব তৈরি করতে পারেন।
- Structure → Content Types → [Your Content Type] → Manage display এ যান।
- ব্রেডক্রাম্বের জন্য কাস্টম ফিল্ড এবং লিঙ্ক কনফিগার করুন।
৩. ড্রুপালের ব্রেডক্রাম্ব কনফিগারেশন কাস্টমাইজেশন
ড্রুপালে কাস্টম ব্রেডক্রাম্ব কনফিগারেশনের জন্য আপনি Pathauto এবং Metatags মডিউল ব্যবহার করতে পারেন। এই দুটি মডিউল সাহায্যে আপনি URL সিস্টেম এবং মেটা ডেটা নিয়ন্ত্রণ করতে পারবেন, যা ব্রেডক্রাম্বের অভ্যন্তরীণ সম্পর্ক ও দৃশ্যমানতা প্রভাবিত করে।
১. Pathauto মডিউল কনফিগারেশন
Pathauto মডিউল স্বয়ংক্রিয়ভাবে URL এবং ব্রেডক্রাম্বের কাঠামো তৈরির জন্য উপযোগী।
- Pathauto মডিউল ইনস্টল করুন।
- Configuration → URL aliases → Patterns এ যান।
- URL প্যাটার্নে ব্রেডক্রাম্ব সম্পর্কিত কাঠামো সেট করুন, যেমন:
- Content:
[node:title]বা[term:name] - Content Type:
[node:content-type]
- Content:
২. Metatags মডিউল কনফিগারেশন
Metatags মডিউল কনফিগার করে আপনি ব্রেডক্রাম্বের মেটা ট্যাগ এবং কাস্টম লিঙ্ক তৈরি করতে পারেন।
- Metatags মডিউল ইনস্টল করুন।
- Configuration → Search and metadata → Metatag এ গিয়ে আপনার কনফিগারেশন সেট করুন।
- ব্রেডক্রাম্বের জন্য মেটা ট্যাগ এবং URL কাস্টমাইজ করুন।
৪. ব্রেডক্রাম্ব এর জন্য কাস্টম রুল সেট করা
ড্রুপাল কাস্টম ব্রেডক্রাম্ব কনফিগারেশনের জন্য আপনি নিজস্ব রুল এবং কন্ডিশন তৈরি করতে পারেন। উদাহরণস্বরূপ, আপনি কিছু নির্দিষ্ট কন্টেন্টের জন্য ব্রেডক্রাম্ব সংযুক্ত করতে পারেন।
- Contextual Filters ব্যবহার করুন কনটেন্ট টাইপ, ট্যাগ বা taxonomy terms এর জন্য।
- Views তৈরি করে কাস্টম ব্রেডক্রাম্ব তৈরি করতে পারেন।
উপসংহার
ড্রুপালে ব্রেডক্রাম্ব নেভিগেশন কনফিগার করা একটি সহজ কিন্তু শক্তিশালী উপায়, যা ব্যবহারকারীদের সাইটের অভ্যন্তরে সহজে নেভিগেট করতে সহায়তা করে। ব্রেডক্রাম্ব সিস্টেম কনফিগার করতে, আপনি মডিউল ব্যবহার, থিম কাস্টমাইজেশন, এবং CSS/JS কোডিং এর মাধ্যমে বিভিন্ন ধরণের কাস্টমাইজেশন করতে পারেন। Pathauto, Metatags এবং Contextual Filters ব্যবহারের মাধ্যমে আপনার ব্রেডক্রাম্ব নেভিগেশনকে আরও কার্যকর এবং উপযোগী করে তুলতে পারেন।
Read more
