ডিভি ফিল্টার: ফলাফল ফিল্টার করার জন্য একটি ফ্রিমিয়াম ডিভি প্লাগইন

Rifat Divi Tutorials Mar 5, 2022

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

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

প্লাগইন ইনস্টলেশন

ওয়ার্ডপ্রেসে ডিভি ফিল্টার প্লাগইন ইনস্টল করা খুবই সহজ। ওয়ার্ডপ্রেস ড্যাশবোর্ডে যান এবং প্লাগইন থেকে "নতুন যোগ করুন" নির্বাচন করুন। তারপরে, আপলোড প্লাগইন নির্বাচন করুন এবং আপনার ওয়ার্কস্টেশন থেকে জিপ ফাইলটি নির্বাচন করুন।

"এখনই ইনস্টল করুন" এ ক্লিক করুন এবং তারপর প্লাগইনগুলিতে ফিরে যান। আপনি দেখতে পাবেন যে আপনার প্লাগইন সফলভাবে ইনস্টল করা হয়েছে।

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

ডিভি ফিল্টার ইউএক্স

আমরা Divi ফিল্টারের সরাসরি মডিউল দেখতে সক্ষম হব না কারণ এটি Divi উপাদানগুলিতে মডিউল যোগ করে না। আমরা তাদের CSS ক্লাসের মাধ্যমে যোগ করব। এই প্লাগইনের বিস্তারিত ডকুমেন্টেশন রয়েছে এবং আপনি এটি ব্যবহার করলে আরও মজা পাবেন।

এই প্লাগইন বিভাগগুলি ফিল্টার করে কাজ করে। এখানে এই প্লাগইনের সম্পূর্ণ কার্যকরী মডিউল রয়েছে।

  • প্রথমত, আমরা বোতামের মতো ট্রিগার তৈরি করব। তারপর, আমরা সেই CSS ক্লাসে একটি বিভাগের নাম যোগ করব।
  • তারপরে আমাদের একটি নতুন বিভাগ তৈরি করতে হবে এবং এটিতে একটি ক্লাস যুক্ত করতে হবে।
  • পরে, আমাদেরকে বিভাগে মডিউল যোগ করতে হবে যা ফিল্টার করা হবে।
  • সবশেষে, কলামে CSS ক্লাস যোগ করুন যা ফিল্টার করা ফলাফল প্রদর্শন করবে। এটা ট্রিগার মেলে উচিত.

মানচিত্র, টগল, ফর্ম, টেক্সট মডিউল, মেনু, মূল্য নির্ধারণের টেবিল, মন্তব্য, বোতাম, কোড, অডিও - একটি কলামে ফিট করতে পারে এমন যেকোনো কিছু ফিল্টার করা যেতে পারে। এছাড়াও, আমরা এটিকে আমাদের ইচ্ছামত ডিজাইন করতে পারি কারণ এটি ডিভি মডিউল হিসাবে তৈরি করা হয়েছে।

ডিভি ফিল্টার: বোতাম ফিল্টারিং

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

এখানে, আমরা টগল বিভাগে CSS ক্লাস যোগ করেছি যা আমাদের ফিল্টার করতে হবে।

যেহেতু আমরা সফলভাবে কলামগুলিতে সমস্ত বিভাগ ক্লাস যুক্ত করেছি, তাই আমরা বিষয় বোতামগুলিতে ক্লিক করে সেগুলিকে ফিল্টার করতে পারি কারণ সেগুলি পুরোপুরি মেলে৷ এছাড়াও, আসুন একটি বোতাম তৈরি করি যা সমস্ত আইটেমকে ট্রিগার করে।

এখন আমরা প্রতিটি বিভাগকে পৃথকভাবে লক্ষ্য করতে পারি। আমরা সমস্ত বিভাগ থেকে প্রতিটি বিষয় দেখতে পারি, এবং অন্য একটি বোতামে ক্লিক করে, আমরা কেবলমাত্র সেই মডিউলগুলি দেখতে পারি যেগুলি সিএসএস ক্লাস দ্বারা বোতামের সাথে সংযুক্ত রয়েছে।

তাই আপনি Divi ফিল্টার দিয়ে তাদের ক্লাসের উপর ভিত্তি করে আইটেম/বিভাগ ফিল্টার করতে পারেন।

ডিভি ফিল্টার: টেক্সট ফিল্টারিং

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

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

তারপর আমরা কলামে CSS ক্লাস যোগ করব। এই মডিউলগুলি ব্লার্ব মডিউল এবং এই ব্লার্বগুলির মধ্যে একটি ফিল্টার দ্বারা প্রদর্শিত হবে।

তারপরে আমরা "df-area" CSS ক্লাস যোগ করব যে বিভাগে ব্লার্ব রয়েছে।

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

অথবা যদি আমরা একটি নির্দিষ্ট আইটেমের জন্য যাই যেমন সেরা ডিল, এটি সেই আইটেমগুলিকেই দেখাবে যেটি সেরা ডিল ক্লাস।

এটা নিখুঁত কাজ করে.

Divi Filter? খুঁজছি

ডিভি মার্কেটপ্লেসে এই প্লাগইনটি সহজেই পাওয়া যাবে। ডিভি ফিল্টারের জন্য দুটি সংস্করণ উপলব্ধ - বিনামূল্যে এবং প্রিমিয়াম। বিনামূল্যে সংস্করণ শুধুমাত্র কলাম ফিল্টার করতে পারেন. প্রিমিয়াম সংস্করণ সারি, অ্যানিমেশন, পৃষ্ঠা এবং আরও অনেক কিছু ফিল্টার করতে পারে।

প্রিমিয়াম সংস্করণটি বিনামূল্যে সংস্করণ থেকে সরাসরি আপডেট করা যেতে পারে। এছাড়াও, আপনি লেখকের ওয়েবসাইট থেকে এটি পেতে পারেন। প্রো সংস্করণে বেশ কয়েকটি লেআউট রয়েছে এবং আপনি এখনই সেগুলি দিয়ে শুরু করতে পারেন।

উপসংহার

Divi ফিল্টার Divi ওয়েবসাইটের জন্য আইটেম ফিল্টার করার জন্য একটি দুর্দান্ত প্লাগইন। আপনি যেমন দেখেছেন, এই প্লাগইন দিয়ে আইটেমগুলি সংগঠিত করা খুব বেশি কঠিন নয়। আপনাকে যা করতে হবে তা হল আইটেম টার্গেট করা এবং সেগুলিকে CSS ক্লাসের মাধ্যমে বিকল্পগুলির সাথে লিঙ্ক করা। একবার আপনি ফিল্টার করার জন্য একটি বিকল্প বেছে নিলে এটি স্বয়ংক্রিয়ভাবে সেই আইটেমগুলিকে ট্রিগার করবে। এটি আপনার Woo কমার্স শপ, গ্যালারি, ব্লগ এবং আরও অনেক আইটেমকে সংগঠিত করে তুলবে এবং দর্শকরা তাদের চাহিদা অনুযায়ী সেগুলি পরীক্ষা করতে পারবে। Divi ফিল্টারের বিনামূল্যে সংস্করণ চেষ্টা করুন, এবং আমাদের মন্তব্য বিভাগে আপনার মতামত জানান.