এলিমেন্টর ফিল্টারযোগ্য গ্যালারি উইজেট - ছবিগুলিকে ফিল্টারযোগ্য করুন
একটি স্ট্যাটিক গ্যালারি ছবি দেখায়। একটি ফিল্টারযোগ্য গ্যালারি লোকেদের তারা কী যত্ন করে তা খুঁজে পেতে দেয়। ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট আপনার পোর্টফোলিও, পণ্যের ক্যাটালগ বা ফটো সংগ্রহকে শীর্ষে একটি বিভাগ বার দেয়। দর্শকরা একটি ট্যাবে ক্লিক করে, গ্রিড ফিল্টার করে তাৎক্ষণিকভাবে, এবং প্রতিটি আইটেম একটি শিরোনাম, সাবটাইটেল এবং "ভিউ ডিটেইলস" বা "লাইভ ডেমো" এর জন্য দুটি স্টাইল করা বোতাম বহন করতে পারে।
উইজেটটি মাস্টার অ্যাডঅন প্লাগইনে বিনামূল্যে এবং এলিমেন্টর প্রো ছাড়াই কাজ করে।
ফিল্টার ট্যাবগুলি কার্যত দেখুন
এই গ্রিডটি নিজেই উইজেট, স্ক্রিনশট নয়। চারটি বিভাগ এবং একটি সমস্ত ট্যাব এটির উপরে বসে এবং একটি বিভাগে ক্লিক করলে সেই লেবেলটি বহন করে না এমন প্রতিটি আইটেম লুকিয়ে থাকে। এখানে প্রতিটি কার্ড একটি শিরোনাম এবং একটি সাবটাইটেল তার নিজস্ব ক্ষেত্র থেকে টানা দেখায়।
- সমস্ত তালিকা
- অ্যাপার্টমেন্ট
- ভিলাস
- টাউনহাউস
- অফিস
কোভ স্ট্রিট মাচা
2 বিছানা · 1 স্নান · 940 বর্গ ফুট 2,450 ডলার/মাস
মেরিনা পয়েন্ট 8B
1 বিছানা · 1 স্নান · 680 বর্গ ফুট 9 $1,890/মাস
রিজওয়ে ভিলা
4 বিছানা · 3 স্নান · পুল 9 $1.24M
এলমের উপর গ্লাসহাউস
3 বেড · 2 বাথ · 2,100 বর্গ ফুট থেকে $980,000
ব্রিকলেন সারি 12
3 বেড · 2 বাথ · গ্যারেজ $720,000
অ্যাল্ডার কোর্ট 4
2 বিছানা · 2 স্নান · প্রাচীরযুক্ত বাগান থেকে $645,000
হারবার ওয়ার্কস, ফ্লোর 3
4,200 বর্গফুট · 38 ডেস্ক 6,400 ডলার/মাস
কোয়ে স্টুডিও
1,800 বর্গফুট · 16 ডেস্ক 2,950 ডলার/মাসআপনি ফিল্টারযোগ্য গ্যালারি উইজেট দিয়ে কি করতে পারেন
সম্পূর্ণ নিয়ন্ত্রণ সহ বিভাগ ফিল্টারিং
ফিল্টার বার সক্ষম করুন এবং দর্শকরা গ্যালারির উপরে বিভাগ বোতামগুলি দেখতে পাবেন: “all”, “Branding”, “Photography”, “Web Design”, আপনি যে লেবেল সেট করুন না কেন৷ "All” ট্যাবের নাম পরিবর্তন করুন, বারটি বাম, কেন্দ্র বা ডানদিকে সারিবদ্ধ করুন এবং সক্রিয় ট্যাবগুলিকে আলাদা রঙ, ব্যাকগ্রাউন্ড এবং সীমানা সহ স্টাইল করুন যাতে লোকেরা সর্বদা জানে যে তারা কী বেছে নিয়েছে৷।
- ফিল্টার লেবেল ক্ষেত্র ব্যবহার করে প্রতিটি চিত্রকে একটি বিভাগে বরাদ্দ করুন। একাধিক বিভাগের জন্য কমা-পৃথক।
- অ্যাক্টিভ স্টেট স্টাইলিং নির্বাচিত ট্যাবটিকে বাকিদের থেকে আলাদা করে তোলে।
- ফিল্টার বারে টাইপোগ্রাফি এবং ব্যবধান সম্পূর্ণরূপে কাস্টমাইজযোগ্য।
গ্যালারি লেআউট এবং 3D প্রভাব
কলামের সংখ্যা চয়ন করুন, একটি Pinterest-স্টাইলের স্তব্ধ গ্রিডের জন্য রাজমিস্ত্রি সক্ষম করুন এবং গুটার সেটিংসের সাথে ব্যবধান নিয়ন্ত্রণ করুন। তারপরে ইন্টারেক্টিভ ইফেক্টের উপর স্তর: হোভার স্কেল মাউসওভারে আইটেমগুলিকে বড় করে তোলে এবং টিল্ট ইফেক্ট একটি 3D দৃষ্টিকোণ যোগ করে যা ঐচ্ছিক একদৃষ্টি সহ কার্সারকে অনুসরণ করে। এটি এমন একটি বিশদ যা একটি গ্যালারিকে ডিফল্টের পরিবর্তে বিবেচনা করা অনুভব করে।
- গতিশীল, অসম চিত্র উচ্চতার জন্য রাজমিস্ত্রির বিন্যাস।
- সামঞ্জস্যযোগ্য দৃষ্টিকোণ, গতি এবং একদৃষ্টির তীব্রতার সাথে 3D কাত।
- কনফিগারযোগ্য স্থানান্তর গতি সহ হোভার স্কেল।
- প্রতিক্রিয়াশীল কলাম যা মোবাইলে পরিষ্কারভাবে স্ট্যাক করে।
স্টাইল করা টেক্সট ওভারলে এবং ডুয়াল CTA
প্রতিটি গ্যালারি আইটেম একটি শিরোনাম, সাবটাইটেল এবং বিভাগ লেবেল দেখাতে পারে, প্রতিটি স্বাধীন টাইপোগ্রাফি এবং রঙ সহ। হোভারে, একটি ওভারলে রঙ বিবর্ণ হয়ে যায় এবং দুটি বোতাম উপস্থিত হয়: “Details” এবং “Demo” (বা আপনি যে পাঠ্যই লিখুন না কেন)। উভয় বোতামে ব্যাকগ্রাউন্ড, টেক্সট কালার, সীমানা, ব্যাসার্ধ এবং ছায়ার জন্য সম্পূর্ণ সাধারণ এবং হোভার স্টেট কন্ট্রোল রয়েছে।
- আলাদা শিরোনাম শৈলী, সাবটাইটেল শৈলী, এবং বিভাগ শৈলী বিভাগ।
- আইটেম প্রতি দুটি বোতাম, প্রতিটি স্বাধীনভাবে স্টাইল করা হয়েছে।
- আপনার ব্র্যান্ডের সাথে মেলে আইকনের আকার এবং রঙ হোভার করুন।
- মসৃণ রূপান্তর সহ চিত্র ওভারলে রঙ।
- একক ছবিতে আরো হোভার অ্যানিমেশন চান? চেষ্টা কর ইমেজ হোভার প্রভাব উইজেট।
Elementor এ একটি ফিল্টারযোগ্য পোর্টফোলিও তৈরি করুন
এলিমেন্টরের নিজস্ব পোর্টফোলিও উইজেট প্রো প্রয়োজন। এই গ্রিডটি মাস্টার অ্যাডঅনগুলিতে চলে, তাই ফিল্টার বারটি একটি বিনামূল্যের এলিমেন্টর ইনস্টলে কাজ করে। প্রতিটি আইটেম একটি প্রকল্পের শিরোনাম, বিভাগ বা বছরের জন্য একটি সাবটাইটেল এবং দুটি বোতাম ক্ষেত্র বহন করে, যেভাবে একটি পোর্টফোলিও কার্ড একই সময়ে লাইভ সাইট এবং কেস স্টাডিতে নির্দেশ করতে পারে। নীচের বোতামগুলি ডেমো পৃষ্ঠায় যান।
- সমস্ত প্রকল্প
- আবাসিক
- আতিথেয়তা
- খুচরা
- কর্মক্ষেত্র
অ্যাশগ্রোভ হাউস
ব্যক্তিগত বাসস্থান · মেলবোর্ন · 2025
লাইম ওয়াশ অ্যাপার্টমেন্ট
সম্পূর্ণ সংস্কার · লিসবন · 2025
ফেনউইক হোটেল
লবি এবং লাউঞ্জ · এডিনবার্গ · 2024
কেলনার গেস্ট হাউস
32টি কক্ষ · ভিয়েনা · 2024
স্টুডিও নাইন ফ্ল্যাগশিপ
খুচরা ফিট-আউট · কোপেনহেগেন · 2025
মার্লো এবং ভাঁজ
কনসেপ্ট স্টোর · টরন্টো · 2023
বীকন ল্যাবস সদর দপ্তর
1,400 বর্গ মিটার কর্মক্ষেত্র · বার্লিন · 2025
প্রখর অংশীদার
অফিস এবং মিটিং স্যুট · ডাবলিন · 2024প্রো ছাড়া এলিমেন্টরে ফিল্টারযোগ্য গ্যালারি
এলিমেন্টরের ফ্রি ইমেজ গ্যালারি হল একটি লাইটবক্স সহ একটি গ্রিড। পুরো নিয়ন্ত্রণ তালিকাটি হল ছবি, কলাম, ফাঁক, ক্যাপশন, লিঙ্ক এবং লাইটবক্স, তাই এতে কোন ফিল্টার বার এবং কোন রাজমিস্ত্রি নেই। Elementor তার সমৃদ্ধ গ্যালারি উইজেটটিকে প্রো তালিকায় রাখে, যেখানে একটি লাইসেন্স আসে। এই উইজেটটি একটি বিনামূল্যের এলিমেন্টর ইনস্টলে ফিল্টার বার যোগ করে।
| বৈশিষ্ট্য | এলিমেন্টর ইমেজ গ্যালারি (ফ্রি) | মাস্টার অ্যাডঅন ফিল্টারযোগ্য ইমেজ গ্যালারি |
|---|---|---|
| বিভাগ ফিল্টার ট্যাব | না | হ্যাঁ, আইটেম প্রতি একটি ফিল্টার লেবেল থেকে |
| “All” ট্যাব | না | হ্যাঁ, আপনার নিজের লেবেল সহ |
| রাজমিস্ত্রি | না | হ্যাঁ |
| কলাম | হ্যাঁ | হ্যাঁ, 1 থেকে 6 |
| লাইটবক্স | হ্যাঁ | হ্যাঁ |
| ক্যাপশন | সংযুক্তি ক্যাপশন | একটি শিরোনাম, সাবটাইটেল এবং বিভাগ আপনি প্রতি আইটেম টাইপ করুন |
| একটি আইটেম বোতাম | না | দুই, প্রত্যেকের নিজস্ব URL সহ |
| ফিতা ব্যাজ | না | হ্যাঁ |
| হোভারে 3D কাত | না | হ্যাঁ, একদৃষ্টি সঙ্গে |
| এলিমেন্টর প্রো প্রয়োজন | না | না |
উইজেট কি করে এবং কি করে না
নীচের সবকিছু উইজেট প্যানেলে চেক করা হয়েছে। দ্বিতীয়ার্ধটি প্রথমটির মতোই গুরুত্বপূর্ণ: আপনার যদি পেজিং বা একটি অনুসন্ধান বাক্সের প্রয়োজন হয় তবে এটি ভুল উইজেট এবং এটি এখন জানা ভাল।
| সেটিং | সমর্থন করা |
|---|---|
| বিভাগ ফিল্টার ট্যাব | হ্যাঁ, আইটেম প্রতি একটি ফিল্টার লেবেল, একাধিক জন্য কমা আলাদা করা হয়েছে৷ |
| “All” ট্যাব | হ্যাঁ, এবং আপনি এটির নাম পরিবর্তন করতে পারেন |
| রাজমিস্ত্রি | হ্যাঁ |
| ইমেজ আকৃতির অনুপাত লক | হ্যাঁ |
| কলাম | 1 থেকে 6, প্রতিটি পর্দার আকারের জন্য একটি মান |
| লাইটবক্স পপআপ | হ্যাঁ |
| পপআপের পরিবর্তে লিঙ্ক | হ্যাঁ |
| আইটেম প্রতি বোতাম | দুই, প্রত্যেকের নিজস্ব URL সহ |
| ফিতা ব্যাজ | হ্যাঁ, 12টি প্রিসেট এবং একটি ডিসকাউন্ট ক্ষেত্র৷ |
| শিরোনাম, সাবটাইটেল এবং বিভাগ লেবেল | হ্যাঁ, প্রত্যেকের নিজস্ব টাইপোগ্রাফি আছে |
| একটি আইটেম টুলটিপ | হ্যাঁ |
| ওভারলে | হোভারে, সর্বদা, কখনই না, বা হোভারে লুকান |
| একদৃষ্টি সঙ্গে 3D কাত | হ্যাঁ |
| এন্ট্রি অ্যানিমেশন | হ্যাঁ |
| আরও বোতাম লোড করুন | না |
| পৃষ্ঠা সংখ্যা | না |
| অনুসন্ধান বাক্স | না |
| ভিডিও আইটেম | না |
| উত্স হিসাবে পোস্ট বা পণ্য | না, গ্যালারিটি একটি রিপিটার যা আপনি পূরণ করেন |
একই প্লাগইনে অন্যান্য ইমেজ উইজেট: ইমেজ হোভার প্রভাব হোভারে প্রদর্শিত ক্যাপশনের জন্য, ইমেজ ক্যারোজেল একটি স্লাইডিং সারি জন্য, গ্যালারি স্লাইডার একটি থাম্বনেইল স্ট্রিপ সহ একটি বড় পূর্বরূপের জন্য, ইমেজ হটস্পট একটি একক ছবিতে চিহ্নিতকারীর জন্য, এবং উন্নত চিত্র একটি ক্যাপশন এবং একটি লিঙ্ক সহ একটি ছবির জন্য৷।
ফিল্টারযোগ্য গ্যালারী উদাহরণ এবং ব্যবহারের ক্ষেত্রে
- পোর্টফোলিও: দর্শকদের প্রকল্পের ধরন, ব্র্যান্ডিং, ওয়েব, ফটোগ্রাফি, চিত্রণ দ্বারা ফিল্টার করতে দিন।
- পণ্যের ক্যাটালগ: “All”, “New Arrivals”, “Sale”, “Best Sellers”-এর জন্য বিভাগ ট্যাব।
- রেস্তোরাঁর মেনু: “Starters”, “Mains”, “Desserts”, “Drinks” দ্বারা ফিল্টার করুন।
- রিয়েল এস্টেট তালিকা: “apartments”, “Houses”, “Commercial”, “Land”।
- বিবাহের ফটোগ্রাফি: "অনুষ্ঠান", "অভ্যর্থনা", "প্রতিকৃতি", "বিস্তারিত"।
- এজেন্সি কেস স্টাডি: ক্লায়েন্ট শিল্প বা পরিষেবার ধরন দ্বারা ফিল্টার।
এলিমেন্টরে কীভাবে ফিল্টারযোগ্য গ্যালারি তৈরি করবেন
- উইজেট ড্রপ। Elementor-এ, মাস্টার অ্যাডঅনগুলির অধীনে "ফিল্টারেবল ইমেজ গ্যালারি" অনুসন্ধান করুন এবং এটিকে আপনার বিভাগে টেনে আনুন।
- গ্যালারি আইটেম যোগ করুন। প্রতিটি ছবির জন্য + আইটেম যোগ করুন ক্লিক করুন। ছবিটি আপলোড করুন, একটি শিরোনাম এবং সাবটাইটেল লিখুন, ফিল্টার লেবেল (বিভাগের নাম) সেট করুন এবং প্রয়োজনে বোতাম পাঠ্য এবং লিঙ্ক যোগ করুন।
- ফিল্টার বার সক্রিয় করুন। ফিল্টার নেভি দেখান চালু করুন, আপনার কলামের সংখ্যা সেট করুন, রাজমিস্ত্রি বা নিয়মিত গ্রিড বাছাই করুন এবং নর্দমার ব্যবধান সামঞ্জস্য করুন। ইন্টারঅ্যাক্টিভিটির জন্য হোভার স্কেল এবং টিল্ট ইফেক্ট সক্ষম করুন।
- সবকিছু স্টাইল করুন। স্টাইল ট্যাবে, ফিল্টার বার, আইটেম কার্ড, টেক্সট ওভারলে, বোতাম এবং হোভার স্টেট ডিজাইন করুন। সম্পন্ন হলে প্রকাশ করুন।
ফিল্টারযোগ্য ইমেজ গ্যালারির জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট কি?
একটি স্বতন্ত্র এলিমেন্টর উইজেট যা যেকোনো ইমেজ গ্রিডকে একটি বিভাগ-ফিল্টার করা গ্যালারিতে পরিণত করে। দর্শকরা শুধুমাত্র প্রাসঙ্গিক আইটেম দেখাতে ফিল্টার ট্যাবে ক্লিক করে। প্রতিটি আইটেম একটি শিরোনাম, সাবটাইটেল এবং দুটি স্টাইল করা কল-টু-অ্যাকশন বোতাম প্রদর্শন করতে পারে।
ফিল্টারযোগ্য ইমেজ গ্যালারি উইজেট কি বিনামূল্যে?
হ্যাঁ। এটি বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইনের সাথে আসে, তাই আপনি এলিমেন্টর প্রো বা মাস্টার অ্যাডঅন প্রো লাইসেন্স ছাড়াই একটি ফিল্টারযোগ্য গ্যালারি তৈরি করতে পারেন। আপনি আপনার প্রয়োজন হিসাবে অনেক গ্যালারি আইটেম যোগ করতে পারেন।
আমি কিভাবে ফিল্টার বিভাগে আইটেম বরাদ্দ করব?
প্রতিটি আইটেমের জন্য গ্যালারি বিষয়বস্তু বিভাগে, ফিল্টার লেবেল ক্ষেত্রটি খুঁজুন এবং বিভাগের নাম লিখুন (“Technology”, “Branding”, “Photography”)। একটি ফিল্টার বোতামের অধীনে একই লেবেল গ্রুপ সহ সমস্ত আইটেম। একাধিক বিভাগে একটি আইটেম বরাদ্দ করতে কমা-পৃথক।
Elementor একটি ফিল্টারযোগ্য গ্যালারি আছে?
এলিমেন্টরের ফ্রি ইমেজ গ্যালারি একটি প্লেইন গ্রিড, তাই এতে কোনো ফিল্টার বার নেই। গ্যালারি উইজেট এলিমেন্টর প্রো সহ পেইড রুট। এই উইজেটটি একটি বিনামূল্যের এলিমেন্টর ইনস্টলে ক্যাটাগরি ট্যাব যোগ করে।
আমি কি এই উইজেট দিয়ে একটি পোর্টফোলিও তৈরি করতে পারি?
হ্যাঁ। প্রতিটি আইটেম একটি প্রকল্পের শিরোনাম, বিভাগ বা বছরের জন্য একটি সাবটাইটেল এবং তাদের নিজস্ব URL সহ দুটি বোতাম নেয়, যাতে একটি কার্ড লাইভ সাইটে এবং কেস স্টাডিতে নির্দেশ করতে পারে।
দর্শকরা কি লাইটবক্সে ছবি খুলতে পারে?
হ্যাঁ। প্রতিটি বোতাম একটি লাইটবক্স পপআপ, একটি বহিরাগত URL, বা আপনার সাইটের একটি পৃষ্ঠার সাথে লিঙ্ক করতে পারে৷ গ্যালারী বিষয়বস্তু বিভাগে আইটেম প্রতি লিঙ্ক গন্তব্য সেট করুন।
গ্যালারি কি মোবাইলে প্রতিক্রিয়াশীল?
হ্যাঁ। কলামগুলি স্বয়ংক্রিয়ভাবে স্ট্যাক হয়ে যায়, চারটি কলাম ছোট স্ক্রিনে দুই বা একটি হয়ে যায়। ফিল্টার বোতাম ফিট মোড়ানো। বিশেষভাবে মোবাইলের জন্য গটার এবং ফন্টের আকার সামঞ্জস্য করতে এলিমেন্টরের প্রতিক্রিয়াশীল মোড ব্যবহার করুন।
এটি একটি নিয়মিত ইমেজ ক্যারোজেল বা গ্যালারি স্লাইডার থেকে কীভাবে আলাদা?
একটি ক্যারোজেল বা স্লাইডার একবারে একটি চিত্র দেখায় এবং তাদের মাধ্যমে চক্রাকারে চলে। একটি ফিল্টারযোগ্য গ্যালারি একবারে সবকিছু দেখায় এবং দর্শকদের বিভাগ অনুসারে গ্রিডকে সংকুচিত করতে দেয়। ব্যবহার কর ইমেজ ক্যারোজেল নায়ক বিভাগ এবং লোগো সারি জন্য, বা গ্যালারি স্লাইডার (প্রো) যখন আপনি থাম্বনেইল সহ একটি বড় ছবি চান। পোর্টফোলিও, ক্যাটালগ এবং সংগ্রহের জন্য একটি ফিল্টারযোগ্য গ্যালারি ব্যবহার করুন যেখানে ব্রাউজিং গুরুত্বপূর্ণ।
গ্যালারিতে কি বেশি লোড বা পেজিনেশন আছে?
না। রিপিটারের প্রতিটি আইটেম পৃষ্ঠার সাথে লোড হয়, তাই একটি 40টি ইমেজ পোর্টফোলিও একবারে 40টি শিপ করে। পৃষ্ঠা জুড়ে খুব বড় সেট বিভক্ত করুন, অথবা চিত্র ফাইলগুলিকে হালকা রাখুন।
কেন আমার ফিল্টার ট্যাব দেখাচ্ছে না?
তিনটি জিনিস পরীক্ষা করতে হবে: সেটিংস ট্যাবে ফিল্টার নেভি দেখান চালু করা হয়েছে, প্রতিটি আইটেমের একটি ফিল্টার লেবেল রয়েছে এবং আপনি সম্পাদনা করার পরে পৃষ্ঠার ক্যাশে সাফ করা হয়েছে৷ একটি খালি লেবেল সহ একটি আইটেম কখনই একটি বিভাগে যোগ দেয় না।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
