Modular পেজ তৈরি করা এবং ব্যবস্থাপনা

Grav CMS-এ Modular পেজ তৈরি এবং ব্যবস্থাপনা একটি শক্তিশালী ফিচার যা আপনাকে পেজের বিভিন্ন অংশগুলোকে আলাদাভাবে তৈরি এবং কাস্টমাইজ করতে সাহায্য করে। Modular পেজগুলির মাধ্যমে আপনি প্রতিটি সেকশনকে পৃথকভাবে তৈরি এবং নিয়ন্ত্রণ করতে পারেন, যা সাইটের ডিজাইন ও কনটেন্টকে আরও নমনীয় এবং কাস্টমাইজযোগ্য করে তোলে। এই ফিচারের মাধ্যমে আপনি একাধিক ব্লক বা সেকশন ব্যবহার করে একটি পেজ তৈরি করতে পারবেন, যা সাইটের লেআউট ডিজাইনকে আরও উন্নত করে।

Modular পেজ কী?

Modular পেজ হল এমন একটি পেজ যেখানে আপনি বিভিন্ন অংশ বা সেকশনকে আলাদাভাবে তৈরি এবং সংযুক্ত করেন। প্রতিটি অংশ বা সেকশন একটি modular block হিসেবে কাজ করে, যা সহজেই একত্রিত বা পরিবর্তন করা যায়। Grav-এ এই পদ্ধতি ব্যবহার করে আপনি একটি পেজের জন্য কাস্টম লেআউট তৈরি করতে পারেন, যেখানে প্রতিটি ব্লক নিজে একটি সাব-পেজ হিসেবে কাজ করে এবং সহজে ম্যানেজ করা যায়।

Grav-এ Modular পেজ তৈরি করার পদ্ধতি

Grav-এ Modular পেজ তৈরি করতে হলে, আপনাকে প্রথমে একটি মূল পেজ তৈরি করতে হবে এবং তারপর বিভিন্ন modular sections (অথবা সাব-পেজ) তৈরি করতে হবে। নিচে ধাপে ধাপে একটি Modular পেজ তৈরি করার প্রক্রিয়া আলোচনা করা হলো।

১. মূল পেজ তৈরি করা

প্রথমে, user/pages/ ফোল্ডারে একটি নতুন পেজ তৈরি করুন, উদাহরণস্বরূপ modular নামক ফোল্ডার:

user/pages/modular

এখন, এই ফোল্ডারে একটি default.md ফাইল তৈরি করুন:

title: "My Modular Page"
template: modular

এখানে:

• title: পেজের শিরোনাম।
• template: এই পেজে ব্যবহৃত টেমপ্লেট (যেমন modular) নির্ধারণ করে।

২. Modular সেকশন তৈরি করা

এখন, আপনি মূল পেজের জন্য বিভিন্ন modular সেকশন তৈরি করতে পারবেন। modular ফোল্ডারের মধ্যে সেকশনগুলির জন্য আলাদা ফোল্ডার তৈরি করুন। উদাহরণস্বরূপ:

user/pages/modular/01.section-1
user/pages/modular/02.section-2
user/pages/modular/03.section-3

এখানে, প্রতিটি সেকশন আলাদা একটি সাব-পেজ হিসেবে কাজ করবে। প্রতিটি সেকশনের জন্য একটি .md ফাইল তৈরি করুন। উদাহরণস্বরূপ:

section-1.md:

title: "Section 1"
content: "This is the first section of the modular page."

section-2.md:

title: "Section 2"
content: "This is the second section of the modular page."

section-3.md:

title: "Section 3"
content: "This is the third section of the modular page."

৩. Modular টেমপ্লেট তৈরি করা

এখন আপনাকে একটি modular.html.twig টেমপ্লেট তৈরি করতে হবে, যা এই সেকশনগুলিকে একত্রিত করবে এবং সেগুলি প্রদর্শন করবে। আপনার থিমের templates ফোল্ডারে modular.html.twig ফাইল তৈরি করুন:

{% extends 'partials/base.html.twig' %}

{% block content %}
    <h1>{{ page.title }}</h1>
    <div class="modular-sections">
        {% for section in page.children %}
            <div class="section">
                <h2>{{ section.title }}</h2>
                <p>{{ section.content }}</p>
            </div>
        {% endfor %}
    </div>
{% endblock %}

এখানে:

• page.children: এই পেজের সমস্ত সাব-পেজ (modular sections) কে লুপের মাধ্যমে রেন্ডার করে।

৪. Modular পেজের কনটেন্ট দেখানো

এখন, যখন আপনি মূল পেজটি খুলবেন, তখন এটি modular.html.twig টেমপ্লেট ব্যবহার করবে এবং প্রতিটি সেকশন আলাদাভাবে রেন্ডার হবে। Grav স্বয়ংক্রিয়ভাবে পেজের শিশু পেজগুলো (sub-pages) যেমন section-1, section-2, ইত্যাদি প্রদর্শন করবে।

Grav-এ Modular পেজের ব্যবস্থাপনা

Grav-এ Modular পেজ ব্যবস্থাপনা খুবই সহজ। আপনি যদি একটি সেকশন পরিবর্তন করতে চান, তবে কেবল তার সংশ্লিষ্ট .md ফাইলে পরিবর্তন করতে হবে। এছাড়া, আপনি নতুন সেকশনও যোগ করতে পারেন বা পুরনো সেকশন সরাতে পারেন।

১. নতুন সেকশন যোগ করা

নতুন একটি সেকশন যোগ করতে, শুধু user/pages/modular/ ফোল্ডারে একটি নতুন ফোল্ডার তৈরি করুন এবং সেই ফোল্ডারে একটি নতুন .md ফাইল তৈরি করুন। উদাহরণ:

user/pages/modular/04.section-4/section-4.md

এইভাবে আপনি সহজে নতুন সেকশন তৈরি করতে পারেন এবং এটি স্বয়ংক্রিয়ভাবে মূল পেজে যুক্ত হবে।

২. সেকশন পুনর্বিন্যাস করা

Grav-এ সেকশনগুলির অর্ডার পরিবর্তন করতে, আপনাকে শুধু সেকশন ফোল্ডারের নাম পরিবর্তন করতে হবে। Grav সাব-পেজগুলিকে ফোল্ডার নামের আলফাবেটিক্যাল অর্ডারে প্রদর্শন করবে, যেমন:

user/pages/modular/01.section-1
user/pages/modular/03.section-3
user/pages/modular/02.section-2

এখানে, সেকশন 1, 3 এবং 2 একটি নির্দিষ্ট অর্ডারে প্রদর্শিত হবে।

৩. টেমপ্লেট কাস্টমাইজেশন

আপনি modular.html.twig টেমপ্লেট ফাইলের মধ্যে ইচ্ছেমত কাস্টমাইজেশন করতে পারেন। আপনি নতুন সেকশনগুলির জন্য আলাদা ডিজাইন বা লেআউট যুক্ত করতে পারেন, যেমন:

<div class="modular-sections">
    {% for section in page.children %}
        <div class="section">
            <h2 class="section-title">{{ section.title }}</h2>
            <div class="section-content">
                {{ section.content }}
            </div>
        </div>
    {% endfor %}
</div>

এখানে আপনি প্রতিটি সেকশনের জন্য আলাদা স্টাইল বা লেআউট অ্যাড করতে পারেন।

সারাংশ

Grav-এ Modular পেজ তৈরি এবং ব্যবস্থাপনা খুবই নমনীয় এবং শক্তিশালী। এটি আপনাকে পেজের বিভিন্ন অংশকে আলাদা আলাদা সেকশন হিসেবে তৈরি করার সুযোগ দেয়, যা সহজে কাস্টমাইজ এবং রিট্রিভ করা যায়। Modular পেজ ব্যবস্থাপনা ব্লগ, ল্যান্ডিং পেজ, বা যে কোনো ধরনের কনটেন্ট সাইটের জন্য খুবই উপযোগী, কারণ এটি সাইটের কাঠামো এবং ডিজাইনকে আরও নমনীয় এবং কাস্টমাইজযোগ্য করে তোলে।