एलिमेंटर फ़िल्टर करने योग्य गैलरी विजेट - छवियों को फ़िल्टर करने योग्य बनाएं
एक स्थिर गैलरी छवियों को दिखाती है एक फ़िल्टर करने योग्य गैलरी लोगों को यह पता लगाने देती है कि वे किस बारे में परवाह करते हैं फ़िल्टर करने योग्य छवि गैलरी विजेट आपके पोर्टफोलियो, उत्पाद सूची, या फोटो संग्रह को शीर्ष पर एक श्रेणी बार देता है आगंतुक एक टैब पर क्लिक करते हैं, ग्रिड तुरंत फ़िल्टर करता है, और प्रत्येक आइटम एक शीर्षक, उपशीर्षक, और दो स्टाइल बटन ले जा सकता है “View विवरण” या “लाइव डेमोए”।
मास्टर एडॉन्स प्लगइन में विजेट मुफ़्त है और एलिमेंटर प्रो के बिना काम करता है।
कार्रवाई में फ़िल्टर टैब देखें
यह ग्रिड विजेट ही है, स्क्रीनशॉट नहीं चार श्रेणियां और एक सभी टैब इसके ऊपर बैठते हैं, और एक श्रेणी पर क्लिक करने से हर आइटम छिप जाता है जो उस लेबल को नहीं ले जाता है यहां प्रत्येक कार्ड एक शीर्षक और एक उपशीर्षक भी दिखाता है जो अपने स्वयं के क्षेत्रों से खींचा गया है।
- सभी लिस्टिंग
- अपार्टमेंट
- विला
- टाउनहाउस
- कार्यालयों
कोव स्ट्रीट लॉफ्ट
2 बिस्तर · 1 स्नान · 940 वर्ग फुट 2,450 डॉलर/महीना
मरीना प्वाइंट 8बी
1 बिस्तर · 1 स्नान · 680 वर्ग फुट 1,890 डॉलर/माह
रिजवे विला
4 बिस्तर · 3 स्नान · पूल 2.24 मिलियन डॉलर
एल्म पर ग्लासहाउस
3 बिस्तर · 2 स्नान · 2,100 वर्ग फुट 2,100 डॉलर 980,000
ब्रिकलेन पंक्ति 12
3 बिस्तर · 2 स्नानघर · गेराज 2,000 डॉलर
एल्डर कोर्ट 4
2 बिस्तर · 2 स्नानघर · चारदीवारी वाला बगीचा 2$645,000
हार्बर वर्क्स, मंजिल 3
4,200 वर्ग फुट · 38 डेस्क ($6,400/महीना
क्वे स्टूडियो
1,800 वर्ग फुट · 16 डेस्क 2,950 डॉलर/महीनाआप फ़िल्टर करने योग्य गैलरी विजेट के साथ क्या कर सकते हैं
पूर्ण नियंत्रण के साथ श्रेणी फ़िल्टरिंग
फ़िल्टर बार सक्षम करें और विज़िटर गैलरी के ऊपर श्रेणी बटन देखें: “All”, “Branding”, “Photography”, “Web Design”, जो भी लेबल आप सेट करते हैं। “All” टैब का नाम बदलें, बार को बाएँ, केंद्र या दाएँ संरेखित करें, और सक्रिय टैब को अलग-अलग रंगों, पृष्ठभूमियों और सीमाओं के साथ स्टाइल करें ताकि लोगों को हमेशा पता चले कि उन्होंने क्या चुना है।
- फ़िल्टर लेबल फ़ील्ड का उपयोग करके प्रत्येक छवि को एक श्रेणी में असाइन करें कई श्रेणियों के लिए अल्पविराम-अलग।
- सक्रिय राज्य स्टाइल चयनित टैब को बाकी हिस्सों से बाहर खड़ा करता है।
- फ़िल्टर बार पर टाइपोग्राफी और रिक्ति पूरी तरह से अनुकूलन योग्य हैं।
गैलरी लेआउट और ३ डी प्रभाव
कॉलम की संख्या चुनें, एक पिंटरेस्ट-शैली कंपित ग्रिड के लिए चिनाई सक्षम करें, और गटर सेटिंग्स के साथ रिक्ति को नियंत्रित करें फिर इंटरैक्टिव प्रभावों पर परत: होवर स्केल माउसओवर पर आइटम को बड़ा करता है, और झुकाव प्रभाव एक ३ डी परिप्रेक्ष्य जोड़ता है जो वैकल्पिक चमक के साथ कर्सर का विस्तार करता है जो एक गैलरी को डिफ़ॉल्ट के बजाय माना जाता है।
- गतिशील, असमान छवि ऊंचाई के लिए चिनाई लेआउट।
- समायोज्य परिप्रेक्ष्य, गति, और चमक तीव्रता के साथ ३ डी झुकाव।
- विन्यास योग्य संक्रमण गति के साथ होवर स्केल।
- उत्तरदायी कॉलम जो मोबाइल पर साफ-सुथरे तरीके से ढेर होते हैं।
स्टाइल टेक्स्ट ओवरले और दोहरी सीटीए
प्रत्येक गैलरी आइटम एक शीर्षक, उपशीर्षक और श्रेणी लेबल दिखा सकता है, प्रत्येक स्वतंत्र टाइपोग्राफी और रंग के साथ होवर पर, एक ओवरले रंग फीका पड़ जाता है और दो बटन दिखाई देते हैं: “विवरण” और “डेमो” (या जो भी पाठ आप लिखते हैं) दोनों बटन पृष्ठभूमि, पाठ रंग, सीमा, त्रिज्या, और छाया के लिए पूर्ण सामान्य और होवर राज्य नियंत्रण हैं।
- अलग शीर्षक शैली, उपशीर्षक शैली और श्रेणी शैली अनुभाग।
- प्रति आइटम दो बटन, प्रत्येक स्वतंत्र रूप से स्टाइल।
- अपने ब्रांड से मेल खाने के लिए आइकन आकार और रंग होवर करें।
- चिकनी संक्रमण के साथ छवि ओवरले रंग।
- एकल छवियों पर अधिक होवर एनिमेशन चाहते हैं? कोशिश करो छवि होवर प्रभाव विजेट।
एलिमेंटर में फ़िल्टर करने योग्य पोर्टफोलियो बनाएं
एलिमेंट के अपने पोर्टफोलियो विजेट को प्रो की आवश्यकता है यह ग्रिड मास्टर एडॉन्स पर चलता है, इसलिए फ़िल्टर बार एक मुफ्त एलिमेंट इंस्टॉल पर काम करता है प्रत्येक आइटम में एक प्रोजेक्ट शीर्षक, श्रेणी या वर्ष के लिए एक उपशीर्षक और दो बटन फ़ील्ड होते हैं, जो कि पोर्टफोलियो कार्ड लाइव साइट पर कैसे इंगित कर सकता है और एक ही समय में केस स्टडी के नीचे दिए गए बटन डेमो पेज पर जाते हैं।
- सभी परियोजनाएं
- आवासीय
- आतिथ्य
- खुदरा
- कार्यस्थल
एशग्रोव हाउस
निजी निवास · मेलबर्न · 2025
लाइम वॉश अपार्टमेंट
पूर्ण नवीनीकरण · लिस्बन · 2025
फेनविक होटल
लॉबी और लाउंज · एडिनबर्ग · 2024
केल्नर गेस्ट हाउस
32 कमरे · वियना · 2024
स्टूडियो नाइन फ्लैगशिप
रिटेल फिट-आउट · कोपेनहेगन · 2025
मार्लो और मोड़ो
कॉन्सेप्ट स्टोर · टोरंटो · 2023
बीकन लैब्स मुख्यालय
1,400 वर्ग मीटर कार्यस्थल · बर्लिन · 2025
अर्देंट पार्टनर्स
कार्यालय और बैठक सुइट · डबलिन · 2024प्रो के बिना एलिमेंटर में फ़िल्टर करने योग्य गैलरी
एलिमेंट की मुफ्त छवि गैलरी एक लाइटबॉक्स के साथ एक ग्रिड है पूरी नियंत्रण सूची छवियां, कॉलम, अंतराल, कैप्शन, लिंक और लाइटबॉक्स है, इसलिए इसमें कोई फ़िल्टर बार नहीं है और कोई चिनाई नहीं है एलिमेंट प्रो सूची पर अपनी समृद्ध गैलरी विजेट रखता है, जो कि लाइसेंस में आता है यह विजेट एक मुफ्त एलिमेंट इंस्टॉल पर फ़िल्टर बार जोड़ता है।
| फ़ीचर | एलिमेंटर इमेज गैलरी (निःशुल्क) | मास्टर ऐडऑन फ़िल्टर करने योग्य छवि गैलरी |
|---|---|---|
| श्रेणी फ़िल्टर टैब | नहीं | हाँ, प्रति आइटम फ़िल्टर लेबल से |
| “All” टैब | नहीं | हाँ, अपने स्वयं के लेबल के साथ |
| चिनाई | नहीं | हाँ |
| कॉलम | हाँ | हाँ, 1 से 6 |
| लाइटबॉक्स | हाँ | हाँ |
| कैप्शन | अनुलग्नक कैप्शन | एक शीर्षक, उपशीर्षक और श्रेणी जिसे आप प्रति आइटम टाइप करते हैं |
| किसी वस्तु पर बटन | नहीं | दो, प्रत्येक का अपना यूआरएल है |
| रिबन बैज | नहीं | हाँ |
| होवर पर ३ डी झुकाव | नहीं | हाँ, चकाचौंध के साथ |
| एलिमेंट प्रो की जरूरत है | नहीं | नहीं |
विजेट क्या करता है और क्या नहीं करता है
विजेट पैनल में नीचे सब कुछ चेक किया गया था दूसरा आधा पहले जितना ही मायने रखता है: यदि आपको पेजिंग या खोज बॉक्स की आवश्यकता है, तो यह गलत विजेट है और अब जानना बेहतर है।
| सेटिंग | समर्थित |
|---|---|
| श्रेणी फ़िल्टर टैब | हां, प्रति आइटम एक फ़िल्टर लेबल, अल्पविराम एक से अधिक के लिए अलग किया गया |
| “All” टैब | हाँ, और आप इसका नाम बदल सकते हैं |
| चिनाई | हाँ |
| छवि पहलू अनुपात लॉक | हाँ |
| कॉलम | १ से ६, प्रत्येक स्क्रीन आकार के लिए एक मान |
| लाइटबॉक्स पॉपअप | हाँ |
| पॉपअप के बजाय लिंक | हाँ |
| प्रति आइटम बटन | दो, प्रत्येक का अपना यूआरएल है |
| रिबन बैज | हाँ, 12 प्रीसेट और एक छूट फ़ील्ड |
| शीर्षक, उपशीर्षक और श्रेणी लेबल | हां, प्रत्येक की अपनी टाइपोग्राफी है |
| किसी आइटम पर टूलटिप | हाँ |
| ओवरले | होवर पर, हमेशा, कभी नहीं, या होवर पर छिपाएं |
| चकाचौंध के साथ ३ डी झुकाव | हाँ |
| एंट्री एनीमेशन | हाँ |
| अधिक बटन लोड करें | नहीं |
| पृष्ठांकन | नहीं |
| खोज बॉक्स | नहीं |
| वीडियो आइटम | नहीं |
| स्रोत के रूप में पोस्ट या उत्पाद | नहीं, गैलरी एक पुनरावर्तक है जिसे आप भरते हैं |
एक ही प्लगइन में अन्य छवि विजेटः छवि होवर प्रभाव होवर पर दिखाई देने वाले कैप्शन के लिए, छवि हिंडोला एक स्लाइडिंग पंक्ति के लिए, गैलरी स्लाइडर थंबनेल स्ट्रिप के साथ एक बड़े पूर्वावलोकन के लिए, छवि हॉटस्पॉट एक ही छवि पर मार्करों के लिए, और उन्नत छवि एक छवि के लिए एक कैप्शन और एक लिंक के साथ।
फ़िल्टर करने योग्य गैलरी उदाहरण और उपयोग के मामले
- पोर्टफोलियो: आगंतुकों को प्रोजेक्ट प्रकार, ब्रांडिंग, वेब, फोटोग्राफी, चित्रण के आधार पर फ़िल्टर करने दें।
- उत्पाद कैटलॉग: “All”, “New Arrivals”, “Sale”, “Best Sellers” के लिए श्रेणी टैब।
- रेस्तरां मेनू: “Starters”, “Mains”, “Desserts”, “Drinks” द्वारा फ़िल्टर करें।
- रियल एस्टेट लिस्टिंग: “Apartments”, “House”, “Commercial”, “Land”।
- शादी की फोटोग्राफी: “Ceremony”, “Resception”, “Portrats”, “Details”।
- एजेंसी केस अध्ययन: ग्राहक उद्योग या सेवा प्रकार के अनुसार फ़िल्टर करें।
एलिमेंटर में फ़िल्टर करने योग्य गैलरी कैसे बनाएं
- विजेट गिराएँ। एलिमेंटर में, मास्टर ऐडऑन के अंतर्गत “फ़िल्टरएबल इमेज गैलरी” खोजें और इसे अपने अनुभाग में खींचें।
- गैलरी आइटम जोड़ें। क्लिक करें + प्रत्येक छवि के लिए आइटम जोड़ें छवि अपलोड करें, एक शीर्षक और उपशीर्षक लिखें, फ़िल्टर लेबल (श्रेणी का नाम) सेट करें, और यदि आवश्यक हो तो बटन पाठ और लिंक जोड़ें।
- फ़िल्टर बार सक्षम करें। फ़िल्टर नव दिखाएँ चालू करें, अपना कॉलम काउंट सेट करें, चिनाई या नियमित ग्रिड चुनें, और गटर रिक्ति समायोजित करें अन्तरक्रियाशीलता के लिए होवर स्केल और झुकाव प्रभाव सक्षम करें।
- स्टाइल सब कुछ। स्टाइल टैब में, फ़िल्टर बार, आइटम कार्ड, टेक्स्ट ओवरले, बटन और होवर स्टेट्स डिज़ाइन करें। पूरा होने पर प्रकाशित करें।
फ़िल्टर करने योग्य छवि गैलरी के लिए अक्सर पूछे जाने वाले प्रश्न
फ़िल्टर करने योग्य छवि गैलरी विजेट क्या है?
एक स्टैंडअलोन एलिमेंटर विजेट जो किसी भी छवि ग्रिड को श्रेणी-फ़िल्टर गैलरी में बदल देता है आगंतुक केवल प्रासंगिक आइटम दिखाने के लिए फ़िल्टर टैब पर क्लिक करते हैं प्रत्येक आइटम एक शीर्षक, उपशीर्षक और दो स्टाइल कॉल-टू-एक्शन बटन प्रदर्शित कर सकता है।
क्या फ़िल्टर करने योग्य छवि गैलरी विजेट मुफ़्त है?
हाँ यह मुफ्त मास्टर एडॉन्स प्लगइन के साथ आता है, इसलिए आप एलिमेंटर प्रो या मास्टर एडॉन्स प्रो लाइसेंस के बिना एक फ़िल्टर करने योग्य गैलरी बना सकते हैं आप जितनी जरूरत हो उतनी गैलरी आइटम जोड़ सकते हैं।
मैं श्रेणियों को फ़िल्टर करने के लिए आइटम कैसे असाइन करूं?
प्रत्येक आइटम के लिए गैलरी सामग्री अनुभाग में, फ़िल्टर लेबल फ़ील्ड ढूंढें और श्रेणी का नाम दर्ज करें (“प्रौद्योगिकी”, “ब्रांडिंग”, “फोटोग्राफी”) एक फ़िल्टर बटन के तहत एक ही लेबल समूह के साथ सभी आइटम कई श्रेणियों के लिए एक आइटम असाइन करने के लिए अल्पविराम-अलग।
क्या एलिमेंटर में फ़िल्टर करने योग्य गैलरी है?
एलिमेंट की मुफ्त छवि गैलरी एक सादा ग्रिड है, इसलिए इसमें कोई फ़िल्टर बार नहीं है गैलरी विजेट प्रो के साथ एलिमेंट जहाज भुगतान मार्ग है यह विजेट एक मुफ्त एलिमेंट इंस्टॉल पर श्रेणी टैब जोड़ता है।
क्या मैं इस विजेट के साथ एक पोर्टफोलियो बना सकता हूं?
हाँ। प्रत्येक आइटम एक प्रोजेक्ट शीर्षक, श्रेणी या वर्ष के लिए एक उपशीर्षक और अपने स्वयं के यूआरएल के साथ दो बटन लेता है, ताकि एक कार्ड लाइव साइट और केस स्टडी पर इंगित कर सके।
क्या आगंतुक लाइटबॉक्स में छवियां खोल सकते हैं?
हाँ। प्रत्येक बटन लाइटबॉक्स पॉपअप, बाहरी यूआरएल या आपकी साइट के पेज से लिंक हो सकता है। गैलरी सामग्री अनुभाग में प्रति आइटम लिंक गंतव्य सेट करें।
क्या गैलरी मोबाइल पर उत्तरदायी है?
हाँ कॉलम स्वचालित रूप से ढेर हो जाते हैं, चार कॉलम छोटे स्क्रीन पर दो या एक हो जाते हैं फ़िल्टर बटन फिट करने के लिए लपेटें विशेष रूप से मोबाइल के लिए गटर और फ़ॉन्ट आकार समायोजित करने के लिए एलिमेंट के उत्तरदायी मोड का उपयोग करें।
यह नियमित छवि हिंडोला या गैलरी स्लाइडर से कैसे भिन्न है?
एक हिंडोला या स्लाइडर एक समय में एक छवि दिखाता है और उनके माध्यम से चक्र करता है एक फिल्टर करने योग्य गैलरी एक बार में सब कुछ दिखाती है और आगंतुकों को श्रेणी के अनुसार ग्रिड को संकीर्ण करने देता है का उपयोग करें छवि हिंडोला नायक वर्गों और लोगो पंक्तियों के लिए, या गैलरी स्लाइडर (प्रो) जब आप थंबनेल के साथ एक बड़ी छवि चाहते हैं पोर्टफोलियो, कैटलॉग और संग्रह के लिए एक फ़िल्टर करने योग्य गैलरी का उपयोग करें जहां ब्राउज़िंग मायने रखती है।
क्या गैलरी में लोड अधिक है या पेजिनेशन?
नहीं, पुनरावर्तक में प्रत्येक आइटम पृष्ठ के साथ लोड होता है, इसलिए एक ४० छवि पोर्टफोलियो एक बार में सभी ४० जहाजों को बहुत बड़े सेटों को पृष्ठों में विभाजित करें, या छवि फ़ाइलों को प्रकाश रखें।
मेरे फ़िल्टर टैब क्यों नहीं दिखा रहे हैं?
जाँच करने के लिए तीन चीजें: दिखाएँ फ़िल्टर नव सेटिंग्स टैब में स्विच किया गया है, हर आइटम में एक फ़िल्टर लेबल है, और आपके द्वारा संपादित किए जाने के बाद पृष्ठ कैश साफ़ हो गया था खाली लेबल वाला आइटम कभी भी किसी श्रेणी में शामिल नहीं होता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
