Grav CMS এর এক শক্তিশালী বৈশিষ্ট্য হলো এর থিমিং সিস্টেম, যা খুবই নমনীয় এবং কাস্টমাইজযোগ্য। Grav থিমিং সিস্টেমের মাধ্যমে আপনি আপনার সাইটের ডিজাইন সম্পূর্ণভাবে কাস্টমাইজ করতে পারেন। আপনি যদি একটি কাস্টম থিম তৈরি করতে চান অথবা পূর্বে তৈরি থিমের উপর ভিত্তি করে কিছু পরিবর্তন আনতে চান, তাহলে থিম ইনহেরিট্যান্সের (Inheritance) সুবিধা নিতে পারেন। এই প্রক্রিয়াটি আপনাকে একটি মৌলিক থিম থেকে প্রাপ্ত বৈশিষ্ট্যগুলির উপর ভিত্তি করে আপনার থিম তৈরি করতে সহায়তা করবে, যা উন্নত কাস্টমাইজেশন প্রদান করে।
এখানে আমরা Custom থিম তৈরি করার এবং থিম ইনহেরিট্যান্সের মাধ্যমে কাস্টমাইজেশন করার পদ্ধতি সম্পর্কে বিস্তারিত আলোচনা করব।
১. Custom থিম তৈরি করা
Grav-এ কাস্টম থিম তৈরি করা খুবই সহজ এবং দ্রুত। আপনি একটি নতুন থিম তৈরি করতে পারেন বা একটি বিদ্যমান থিম কপি করে সেটির উপর পরিবর্তন করতে পারেন।
ধাপ ১: থিম ফোল্ডার তৈরি করুন
আপনার কাস্টম থিম তৈরি করতে প্রথমে user/themes/ ফোল্ডারে একটি নতুন ফোল্ডার তৈরি করুন। উদাহরণস্বরূপ, আমরা mytheme নামক একটি থিম তৈরি করছি।
/user/themes/mytheme/
ধাপ ২: থিমের মৌলিক ফাইল তৈরি করুন
একটি কাস্টম থিমে কিছু মৌলিক ফাইল থাকা উচিত, যেমন:
mytheme.yaml: থিমের কনফিগারেশন ফাইলtemplates/: টেমপ্লেট ফাইলের জন্য ফোল্ডারcss/: থিমের স্টাইলশীটjs/: থিমের জাভাস্ক্রিপ্ট ফাইল (যদি প্রয়োজন হয়)
mytheme.yaml ফাইল উদাহরণ:
name: mytheme
version: 1.0.0
description: 'একটি কাস্টম থিম'
author: 'আপনার নাম'
homepage: 'https://yourwebsite.com'
ধাপ ৩: templates/ ফোল্ডার তৈরি করুন
আপনার থিমের HTML টেমপ্লেটগুলি templates/ ফোল্ডারে রাখা হয়। এখানে আপনি আপনার সাইটের পেজ এবং ব্লকগুলির জন্য Twig টেমপ্লেট ফাইল তৈরি করতে পারবেন। উদাহরণস্বরূপ:
/user/themes/mytheme/templates/default.html.twig
default.html.twig ফাইল উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="{{ url('theme://css/styles.css') }}">
</head>
<body>
<header>
<h1>{{ page.title }}</h1>
</header>
<main>
{{ page.content }}
</main>
<footer>
<p>© 2024 আপনার নাম</p>
</footer>
</body>
</html>
ধাপ ৪: CSS এবং অন্যান্য ফাইল যুক্ত করুন
আপনার থিমের ডিজাইন কাস্টমাইজ করতে css/ ফোল্ডারে CSS ফাইল যুক্ত করুন।
styles.css উদাহরণ:
body {
font-family: Arial, sans-serif;
}
header {
background-color: #4CAF50;
color: white;
padding: 10px;
text-align: center;
}
ধাপ ৫: থিম সক্রিয় করা
আপনার থিম তৈরি হওয়ার পর, এটি সক্রিয় করতে আপনাকে Grav সাইটের user/config/system.yaml ফাইলে গিয়ে আপনার থিমের নাম উল্লেখ করতে হবে।
theme: mytheme
২. থিম ইনহেরিট্যান্সের মাধ্যমে কাস্টমাইজেশন
Grav এর থিম ইনহেরিট্যান্স আপনাকে একটি বেস থিম থেকে বৈশিষ্ট্য "ঋণ" নেয়ার সুবিধা দেয়, যা কাস্টমাইজেশন প্রক্রিয়াকে সহজ করে তোলে। আপনি যদি একটি বিদ্যমান থিম কাস্টমাইজ করতে চান, তবে আপনি সেই থিমের টেমপ্লেট এবং স্টাইলশীট ফাইলকে ইনহেরিট করতে পারেন।
ধাপ ১: একটি বেস থিম নির্বাচন করুন
আপনি যদি একটি বিদ্যমান থিম কাস্টমাইজ করতে চান, তবে প্রথমে আপনাকে একটি বেস থিম নির্বাচন করতে হবে। উদাহরণস্বরূপ, Grav এর ডিফল্ট থিম quark ব্যবহার করা যেতে পারে।
ধাপ ২: থিম ইনহেরিট্যান্স সক্ষম করা
আপনার কাস্টম থিমের mytheme.yaml ফাইলে inherits প্যারামিটার ব্যবহার করে বেস থিমের নাম উল্লেখ করুন। উদাহরণস্বরূপ, যদি আপনি quark থিম ইনহেরিট করতে চান:
mytheme.yaml ফাইল:
name: mytheme
version: 1.0.0
description: 'কাস্টম ইনহেরিটেড থিম'
author: 'আপনার নাম'
inherits: quark
ধাপ ৩: কাস্টমাইজেশন
এখন, আপনি quark থিমের বৈশিষ্ট্যগুলো ইনহেরিট করছেন, এবং আপনি সেই থিমের ফোল্ডারে থাকা ফাইলগুলিকে কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ, আপনি quark থিমের templates ফোল্ডারে থাকা default.html.twig টেমপ্লেট ফাইলটি কপি করে আপনার কাস্টম থিমের templates/ ফোল্ডারে রাখতে পারেন এবং সেখান থেকে প্রয়োজনীয় পরিবর্তন করতে পারেন।
আপনি যদি quark থিমের স্টাইল কাস্টমাইজ করতে চান, তবে quark এর css/ ফোল্ডারে থাকা ফাইলগুলি কপি করে mytheme এর css/ ফোল্ডারে রাখতে পারেন এবং সেগুলো সম্পাদনা করতে পারেন।
৩. থিম ইনহেরিট্যান্সের সুবিধা
- কার্যকারিতা পুনঃব্যবহার: থিম ইনহেরিট্যান্স আপনাকে বেস থিমের কার্যকারিতা পুনঃব্যবহার করতে সাহায্য করে, যার ফলে আপনাকে নতুন থিম তৈরির সময় পূর্ববর্তী থিমের কোড পুনরায় লিখতে হয় না।
- সহজ কাস্টমাইজেশন: বেস থিমের টেমপ্লেট এবং স্টাইলশীট ফাইলগুলিকে পরিবর্তন করে আপনি সাইটের ডিজাইন এবং কার্যকারিতা কাস্টমাইজ করতে পারেন, যা সময় এবং প্রচেষ্টা সাশ্রয়ী।
- নির্ভরযোগ্যতা: ইনহেরিট্যান্স ব্যবহারের মাধ্যমে আপনি থিমের মূল কাঠামো ঠিক রেখে শুধুমাত্র প্রয়োজনীয় পরিবর্তন করতে পারেন, যা সাইটের স্থিতিশীলতা বজায় রাখতে সাহায্য করে।
সারাংশ
Grav CMS-এ কাস্টম থিম তৈরি করা এবং থিম ইনহেরিট্যান্স ব্যবহারের মাধ্যমে কাস্টমাইজেশন খুবই সহজ এবং শক্তিশালী। থিম ইনহেরিট্যান্সের মাধ্যমে আপনি একটি বিদ্যমান থিমের বৈশিষ্ট্য "ঋণ" নিতে পারেন এবং তা কাস্টমাইজ করে আপনার সাইটের ডিজাইন ও কার্যকারিতা পরিবর্তন করতে পারেন। এটি আপনাকে দ্রুত এবং দক্ষতার সাথে সাইট ডিজাইন এবং উন্নয়ন করতে সহায়তা করে।
Read more
