ব্লক থিমের সাথে ক্যাটাগরি টেমপ্লেট এক্সপ্লোর করা


ক্যাটাগরি টেমপ্লেট আপনাকে পোস্টের একটি নির্দিষ্ট ক্যাটাগরির জন্য একটি কাস্টম পেজ লেআউট তৈরি করে দেয়। এই টিউটোরিয়ালে, আমরা কীভাবে একটি ক্যাটাগরি টেমপ্লেট তৈরি এবং কাস্টমাইজ করা যায় তা নিয়ে আলোচনা করবো যাতে একটি পোস্ট ক্যাটাগরি আর্কাইভ ডিসপ্লে করা যায়।

শেখার ফলাফল:

  1. একটি নতুন ক্যাটাগরি টেমপ্লেট যোগ করা
  2. একটি ক্যাটাগরি টেমপ্লেট কাস্টমাইজ করা

সম্পূরক প্রশ্ন

  1. আপনার থিম একটি নির্দিষ্ট ক্যাটাগরির জন্য পোস্টগুলি কীভাবে ডিসপ্লে করে তাতে আপনি কি সন্তুষ্ট?

ট্রান্সক্রিপ্ট

হাই, লার্ন ওয়ার্ডপ্রেসে স্বাগতম। এই টিউটোরিয়ালে, আমরা কীভাবে ক্যাটাগরি টেমপ্লেট এড এবং কাস্টমাইজ করা যায় তা আলোচনা করবো। যখন কেউ আপনার ব্লগ পেজে ভিসিট করে, এবং আপনি কুয়েরি লুপ ব্লকে ক্যাটাগরি ব্লক এড করেন, প্রতিটি ব্লগ পোস্টের ক্যাটাগরি, যেমন এই উদাহরণগুলিতে, আপনার সা��টের ফ্রন্ট এন্ডে ডিসপ্লে হবে।

যখন আপনি ক্যাটাগরিতে ক্লিক করবেন, আপনি সমস্ত ব্লগ পোস্ট দেখতে পারবেন যেগুলি এই নির্দিষ্ট ক্যাটাগরির সাথে লেবেল করা হয়েছে। এই ক্ষেত্রে, আর্ট। যেমন আপনি দেখবেন, ক্যাটাগরির নাম উপরে রয়েছে এবং প্রতিটি পোস্ট আর্ট ক্যাটাগরি দিয়ে লেবেল করা হয়েছে। কিন্তু এই পোস্টগুলি যেভাবে প্রদর্শিত হচ্ছে তা আপনার পছন্দ নাও হতে পারে৷ দারুণ বিষয় হলো ব্লক থিমগুলি আপনাকে একটি ক্যাটাগরি টেমপ্লেট এড করার ক্ষমতা দেয়, যা আপনাকে একটি ক্যাটাগরি দ্বারা পোস্টগুলি প্রদর্শনকারী পৃষ্ঠার ডিজাইন বা লুক ও ফিল পরিবর্তন করার সুযোগ দেয়। এটি মনে রাখবেন, আপনি পোস্টগুলির নিচে পোস্ট ক্যাটাগরিগুলি এড এবং পরিচালনা করতে পারেন।

পরবর্তী উদাহরণে, আমি ক্যাটাগরি টেমপ্লেটটি এড এবং কাস্টমাইজ করেছি। তাই আর্ট ক্যাটাগরির জন্য, আমি একটি অনন্য টেমপ্লেট তৈরি করেছি যার নিজস্ব হেডার এবং দুটি কলামে পাশা পাশি ব্লগ পোস্টগুলি প্রদর্শিত হয়। আমি কীভাবে এটি করেছি তা আপনাকে দেখাই। একটি নির্দিষ্ট ক্যাটাগরির জন্য একটি আদার্স টেমপ্লেট তৈরি করতে, আপনি অ্যাপিয়ারেন্সে যান এবং এডিটরে ক্লিক করুন। এটি আপনাকে সাইট এডিটরে নিয়ে যাবে। টেমপ্লেটগুলিতে যান। উপরের ডান দিকে, ‘Add New’ ক্লিক করুন এবং ‘Category’ নির্বাচন করুন। যেমন আপনি দেখবেন, এটি বলে যে এটি একটি একক পোস্ট ক্যাটাগরি থেকে সর্বশেষ পোস্টগুলি ডিসপ্লে করে।

যখন আমরা এই টেমপ্লেটটি এড করি, এটি বলে যে এটি শুধুমাত্র নির্দিষ্ট আইটেমের জন্য ব্যবহৃত হবে এবং এই ক্ষেত্রে, আমরা আর্ট ক্যাটাগরির জন্য সমস্ত ব্লগ পোস্ট নির্বাচন করবো। প্রথমে আমি আমার লিস্ট ভিউ খুলবো এবং তারপর হেডার এবং আর্কাইভ শিরোনামটি সরিয়ে ফেলবো। তারপর আমি কুয়েরি লুপ ব্লকের উপরে একটি নতুন হেডার যুক্ত করবো, যা আমি ইতিমধ্যে আর্ট ক্যাটাগরির জন্য তৈরি করেছি, এবং আপনি লক্ষ্য করবেন এটি ‘Existing template parts’-এর নিচে রয়েছে।

তারপর আমি কুয়েরি লুপ ব্লকটি নির্বাচন করবো এবং ব্লক টুলবারে, আমার থিমের সাথে আসা একটি প্যাটার্ন দিয়ে রিপ্লেস করতে আমি রিপ্লেসে ক্লিক করব।  তাই এখানে, আপনি সমস্ত বিভিন্ন প্যাটার্নগুলি স্ক্রোল করতে পারেন। একবার আপনি যা খুঁজছেন তা পেয়ে গেলে, শুধু প্যাটার্নে ক্লিক করুন। পরবর্তী, আমি কুয়েরি লুপ ব্লকের সাইডবার সেটিংস ওপেন করবো এবং বলবো যে আমি শুধু দুটি কলাম দেখতে চাই। একবার আমি এটি করে ফেললে, আমি পোস্ট টাইটেল পোস্ট ফিচার্ড ইমেজের উপরে এবং পোস্টের তারিখের নিচে ক্যাটাগরি ব্লকটি যোগ করবো।

তার পরে, আমি পোস্ট ফিচার্ড ইমেজ ব্লকটি নির্বাচন করবো এবং ব্লকের উচ্চতা ৬৪৬ পিক্সেল এবং প্রস্থ ৮৬ পিক্সেল করবো। এখন আমরা সাইডবার সেটিংস এবং লিস্ট ভিউ বন্ধ করে দেখতে পারি এটি কেমন দেখাচ্ছে। তারপর আমরা সেভ ক্লিক করবো এবং ওয়েবসাইটের ফ্রন্ট এন্ডে চলে যাবো। যখন আমরা আর্ট ক্যাটাগরিতে ক্লিক করবো, আমরা আমাদের ক্যাটাগরি টেমপ্লেটের নতুন ডিজাইনটি দেখতে পাবো।

যদি আপনি চান, আপনি এখন আপনার প্রতিটি ক্যাটাগরির জন্য একটি কাস্টম টেমপ্লেট তৈরি করতে পারেন। আমি আশা করি আপনি এখন নির্দিষ্ট ক্যাটাগরির জন্য কাস্টম টেমপ্লেট তৈরি করতে পারেন।

আরও টিউটোরিয়াল এবং প্রশিক্ষণ সামগ্রীর জন্য লার্ন ওয়ার্ডপ্রেস ভিজিট করুন।

Workshop Details


Presenters

Wes Theron
@west7

I am an Instructional Designer for the WordPress open-source project sponsored by Automattic. I am a strong supporter of the open-source movement. I have a background in education and content development. I am a husband, father, dreamer and lifelong learner.

Other Contributors

Shipon Karmakar