ড্রুপাল (Drupal) একটি শক্তিশালী কনটেন্ট ম্যানেজমেন্ট সিস্টেম (CMS), যা সাইট ডিজাইন এবং লেআউট কাস্টমাইজেশনের জন্য থিম ব্যবহার করে। ড্রুপালে থিম কাস্টমাইজেশন প্রক্রিয়া সহজ এবং নমনীয়, যেখানে আপনি পূর্বনির্ধারিত থিম ব্যবহার করতে পারেন অথবা আপনার নিজস্ব কাস্টম থিম তৈরি করতে পারেন।
এই টিউটোরিয়ালে, আমরা ড্রুপাল থিম ইন্সটল করা এবং কাস্টমাইজ করা এর পুরো প্রক্রিয়া আলোচনা করব।
ড্রুপাল থিম ইন্সটল করা
১. থিম নির্বাচন করুন
ড্রুপালে থিম ইন্সটল করার জন্য প্রথমে আপনি ড্রুপাল কমিউনিটির থিম ডিরেক্টরি থেকে একটি থিম নির্বাচন করতে পারেন। কিছু জনপ্রিয় থিম হলো:
- Bartik (ডিফল্ট থিম)
- Seven (অ্যাডমিনিস্ট্রেটিভ থিম)
- Olivero (নতুন ডিফল্ট থিম)
- Zen (ফ্রেমওয়ার্ক থিম)
- Bootstrap (ফ্রন্টএন্ড ডিজাইন)
আপনি Drupal Themes Directory থেকে থিম ডাউনলোড করতে পারেন।
২. থিম ইনস্টল করুন
ড্রুপালে থিম ইনস্টল করতে, নিম্নলিখিত পদ্ধতি অনুসরণ করুন:
অফিশিয়াল থিম ডিরেক্টরি থেকে থিম ইন্সটল:
ড্রুপাল অ্যাডমিন প্যানেলে যান:
Admin Menu → Appearance- "Install new theme" বাটনে ক্লিক করুন।
- থিমের URL অথবা থিম ফাইল আপলোড করুন (যদি আপনি থিমটি ডাউনলোড করে থাকেন)।
- ইনস্টলেশন প্রক্রিয়া শেষ হলে, থিমটি থিম তালিকায় প্রদর্শিত হবে।
থিম ম্যানুয়ালি ইন্সটল:
- থিম ডাউনলোড করুন Drupal Themes Directory থেকে।
থিমটি আপনার সাইটের
themesডিরেক্টরিতে আপলোড করুন:sites/all/themes/ (যদি এটি কনট্রিবিউটেড থিম হয়) sites/default/themes/ (যদি এটি ডিফল্ট থিম হয়)- থিম আপলোড করার পর, আপনি অ্যাডমিন প্যানেলে গিয়ে থিমটি সক্রিয় করতে পারেন।
৩. থিম সক্রিয় করুন
ড্রুপালের অ্যাডমিন প্যানেল থেকে:
Admin Menu → Appearance- সেখানে ইনস্টল করা থিমের তালিকা দেখতে পাবেন। আপনি আপনার পছন্দের থিমটি সক্রিয় করার জন্য Enable and set default বাটনে ক্লিক করুন।
ড্রুপাল থিম কাস্টমাইজ করা
ড্রুপাল থিম কাস্টমাইজ করার জন্য বিভিন্ন পদ্ধতি রয়েছে। আপনি থিমের CSS, HTML এবং PHP ফাইলগুলো কাস্টমাইজ করতে পারেন, অথবা থিমের Theme Settings ব্যবহার করে কিছু পরিবর্তন করতে পারেন।
১. থিম সেটিংস কনফিগারেশন
ড্রুপাল থিমের জন্য সাধারণ কনফিগারেশন বা সেটিংস পরিবর্তন করার জন্য:
ড্রুপাল অ্যাডমিন প্যানেলে যান:
Admin Menu → Appearance → Settings- আপনি এখানে থিমের লেআউট, কালার, টেক্সট স্টাইল এবং অন্যান্য সেটিংস পরিবর্তন করতে পারেন।
থিম সেটিংস কনফিগারেশনে আপনি থিমের logo, favicon, footer settings, color scheme ইত্যাদি কাস্টমাইজ করতে পারবেন।
২. CSS কাস্টমাইজ করা
CSS (Cascading Style Sheets) ব্যবহার করে থিমের ডিজাইন কাস্টমাইজ করতে:
থিমের CSS ফাইল খোলার জন্য:
sites/all/themes/[your_theme]/css/- এখানে থিমের স্টাইল শীটগুলি থাকবে। আপনি এই ফাইলগুলিতে CSS কোড যুক্ত বা পরিবর্তন করে থিমের লেআউট এবং ডিজাইন কাস্টমাইজ করতে পারেন।
৩. HTML ও টেমপ্লেট কাস্টমাইজ করা
ড্রুপালে থিমের টেমপ্লেট ফাইলগুলি .tpl.php ফরম্যাটে থাকে। আপনি এই ফাইলগুলো কাস্টমাইজ করে থিমের HTML আউটপুট পরিবর্তন করতে পারেন।
থিমের টেমপ্লেট ফাইলটি খুঁজুন:
sites/all/themes/[your_theme]/templates/- এই ফোল্ডারে
page.tpl.php,node.tpl.php,block.tpl.phpএবং অন্যান্য টেমপ্লেট ফাইলগুলো থাকবে, যেখানে আপনি HTML এবং PHP কোড পরিবর্তন করতে পারবেন।
৪. JavaScript কাস্টমাইজেশন
থিমের মধ্যে JavaScript ফাইলও কাস্টমাইজ করা যেতে পারে। থিমের ফোল্ডারে js/ ডিরেক্টরি থাকে যেখানে আপনি প্রয়োজনীয় JavaScript ফাইল যুক্ত বা পরিবর্তন করতে পারেন।
৫. থিমের ফিচার কাস্টমাইজ করা
আপনি যদি থিমের জন্য নতুন ফিচার যোগ করতে চান, তবে theme settings ফাইল ব্যবহার করে সেই কাস্টম ফিচার যোগ করতে পারেন। এর জন্য আপনি theme-name.theme ফাইলটি কাস্টমাইজ করতে হবে।
কাস্টম থিম তৈরি করা
আপনি যদি একটি সম্পূর্ণ কাস্টম থিম তৈরি করতে চান, তাহলে আপনাকে একটি নতুন থিম ফোল্ডার তৈরি করতে হবে এবং সেখানে আপনার HTML, CSS, JavaScript, এবং PHP ফাইলগুলি রাখবেন।
নতুন থিম ফোল্ডার তৈরি করুন:
sites/all/themes/custom/[your_theme_name]your_theme_name.info.ymlফাইল তৈরি করুন:name: 'My Custom Theme' type: theme base theme: classy description: 'A custom theme for my website.' regions: header: 'Header' footer: 'Footer'your_theme_name.themeফাইল তৈরি করুন: এখানে আপনি থিমের জন্য কাস্টম PHP ফাংশন লিখতে পারবেন।- CSS এবং JavaScript যুক্ত করুন: আপনার থিমের জন্য CSS ও JavaScript ফাইল যোগ করুন।
উপসংহার
ড্রুপালে থিম ইনস্টল করা এবং কাস্টমাইজ করা অত্যন্ত সহজ এবং নমনীয়। আপনি ডিফল্ট থিম ব্যবহার করতে পারেন অথবা কাস্টম থিম তৈরি করতে পারেন যা আপনার সাইটের ডিজাইন এবং কার্যকারিতা অনুযায়ী সম্পূর্ণ কাস্টমাইজ করা যাবে। থিম কাস্টমাইজেশন আপনাকে আপনার সাইটের অভ্যন্তরীণ লেআউট, ডিজাইন, এবং স্টাইল সম্পূর্ণ নিয়ন্ত্রণে রাখতে সাহায্য করে।
Read more
