Wix प्रो गैलरी: अपनी गैलरी डिज़ाइन करना
डिज़ाइन को कस्टमाइज़ करके अपनी गैलरी को साइट पर सबसे अलग दिखाएं। लेआउट, रंग, फ़ॉन्ट और दूसरी चीज़ें कस्टमाइज़ करने से आपकी गैलरी को प्रोफेशनल टच मिलेगा।
अपनी प्रो गैलरी का डिज़ाइन कस्टमाइज़ करने के लिए:
- अपने एडिटर पर जाएं।
- अपने पृष्ठ पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- सेटिंग्स पर क्लिक करें।
- डिज़ाइन टैब पर क्लिक करें।
- चुनें कि आप क्या कस्टमाइज़ करना चाहते हैं:
ओवरले और आइकन
ओवरले किसी इमेज के ऊपर दिखाई देता है और माउस से इमेज पर होवर करने पर एक अतिरिक्त इफेक्ट जोड़ता है। आप इस इफेक्ट और अपने सभी आइकन को कस्टमाइज कर सकते हैं।
- ओवरले और आइकन पर क्लिक करें।
- फुल या पार्शियल ओवरले चुनें और उपलब्ध ऑप्शन का इस्तेमाल करके इसे कस्टमाइज करें:
- फुल ओवरले: ओवरले पूरे गैलरी आइटम को कवर करता है।
- ग्रेडिएंट: ग्रेडिएंट ओवरले चालू करने के लिए टॉगल पर क्लिक करें।
- कलर और अपारदर्शिता 1 और 2: ग्रेडिएंट के कलर कस्टमाइज करने के लिए संबंधित कलर बॉक्स पर क्लिक करें। फिर कलर की अपारदर्शिता एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- ग्रेडिएंट डायरेक्शन: ग्रेडिएंट ओवरले की दिशा एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- आइकन कलर: होवर करने पर दिखाई देने वाले गैलरी आइकन का कलर बदलने के लिए कलर बॉक्स पर क्लिक करें।
- कलर ओवरले: कलर चुनने के लिए कलर बॉक्स पर क्लिक करें। फिर कलर ओवरले की ट्रांसपेरेंसी बदलने के लिए स्लाइडर ड्रैग करें।
- आइकन कलर: कलर बॉक्स पर क्लिक करें और अपने गैलरी आइकन के लिए नया कलर चुनें।

- ग्रेडिएंट: ग्रेडिएंट ओवरले चालू करने के लिए टॉगल पर क्लिक करें।
- पार्शियल ओवरले: ओवरले गैलरी आइटम के केवल एक हिस्से को कवर करता है।
- साइज सेट करने की यूनिट: अपने ओवरले का साइज प्रतिशत या पिक्सल में मैनेज करें।
- साइज: ओवरले का साइज चुनने के लिए स्लाइडर ड्रैग करें या कोई वैल्यू डालें।
- ओवरले यहां से शुरू होता है: चुनें कि आपका ओवरले कहां दिखाई देगा।
- पैडिंग: गैलरी बॉर्डर और ओवरले के बीच का स्पेस एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- ग्रेडिएंट: ग्रेडिएंट ओवरले चालू करने के लिए टॉगल पर क्लिक करें।
- कलर और अपारदर्शिता 1 और 2: ग्रेडिएंट के कलर कस्टमाइज करने के लिए संबंधित कलर बॉक्स पर क्लिक करें। फिर कलर की अपारदर्शिता एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- ग्रेडिएंट डायरेक्शन: ग्रेडिएंट ओवरले की दिशा एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- आइकन कलर: होवर करने पर दिखाई देने वाले गैलरी आइकन का कलर बदलने के लिए कलर बॉक्स पर क्लिक करें।
- कलर ओवरले: कलर चुनने के लिए कलर बॉक्स पर क्लिक करें। फिर कलर ओवरले की ट्रांसपेरेंसी बदलने के लिए स्लाइडर ड्रैग करें।
- आइकन कलर: कलर बॉक्स पर क्लिक करें और अपने गैलरी आइकन के लिए नया कलर चुनें।

- फुल ओवरले: ओवरले पूरे गैलरी आइटम को कवर करता है।
- उपलब्ध ऑप्शन में से कोई ओवरले इफेक्ट चुनें:
- कोई इफेक्ट नहीं: ओवरले कोई इफेक्ट लागू नहीं करता।
- फेड इन: होवर करने पर ओवरले धीरे-धीरे दिखाई देता है।
- एक्सपैंड: होवर करने पर ओवरले फैलता है।
- स्लाइड अप: होवर करने पर ओवरले ऊपर की ओर स्लाइड होता है।
- स्लाइड राइट: होवर करने पर ओवरले दाईं ओर स्लाइड होता है।
टेक्स्ट्स
आप टाइटल और डिस्क्रिप्शन टेक्स्ट का डिज़ाइन कस्टमाइज़ कर सकते हैं, बशर्ते आपने उन्हें
लेआउट टैब में दिखाने का विकल्प चुना हो। अगर आपको
टेक्स्ट्स के विकल्प (नीचे स्टेप 1) नहीं दिखते हैं, तो
लेआउट टैब पर जाएं,
कस्टमाइज़ लेआउट पर क्लिक करें और उन्हें दिखाने के लिए
टाइटल और
डिस्क्रिप्शन के आगे दिए गए चेकबॉक्स चुनें।
- टेक्स्ट्स पर क्लिक करें।
- नीचे दिए गए विकल्पों का इस्तेमाल करके टेक्स्ट कस्टमाइज़ करें:
- दिखाई जाने वाली जानकारी: आप जो जानकारी दिखाना चाहते हैं (टाइटल, डिस्क्रिप्शन, स्लाइडशो काउंटर), उसके आगे दिया गया चेकबॉक्स चुनें।
ध्यान दें: स्लाइडशो काउंटर का विकल्प सिर्फ़ स्लाइडशो लेआउट में उपलब्ध होता है और इसके लिए स्लाइड्स को अपने-आप चलाने का विकल्प एनेबल होना चाहिए।

- टाइटल स्टाइल और कलर: टाइटल टेक्स्ट का फ़ॉन्ट और कलर चुनें।
- डिस्क्रिप्शन फ़ॉन्ट स्टाइल और कलर: डिस्क्रिप्शन टेक्स्ट का फ़ॉन्ट और कलर चुनें।
- हॉरिज़ॉन्टल एलाइनमेंट: हॉरिज़ॉन्टल टेक्स्ट को बाईं ओर, बीच में या दाईं ओर संरेखित करें।
- वर्टिकल एलाइनमेंट: वर्टिकल टेक्स्ट को बाईं ओर, बीच में या दाईं ओर संरेखित करें।
- टेक्स्ट वर्टिकल पैडिंग: वर्टिकल टेक्स्ट और बॉर्डर के बीच का स्पेस बदलने के लिए स्लाइडर ड्रैग करें।
- टेक्स्ट हॉरिज़ॉन्टल पैडिंग: हॉरिज़ॉन्टल टेक्स्ट और बॉर्डर के बीच का स्पेस बदलने के लिए स्लाइडर ड्रैग करें।

- दिखाई जाने वाली जानकारी: आप जो जानकारी दिखाना चाहते हैं (टाइटल, डिस्क्रिप्शन, स्लाइडशो काउंटर), उसके आगे दिया गया चेकबॉक्स चुनें।
बटन्स
अगर आपने
लेआउट टैब में
लोड मोर बटन दिखाने का विकल्प चुना है, तो यह सेक्शन दिखाई देगा।
यहां आप लोड मोर बटन का टेक्स्ट, फ़ॉन्ट, कलर और बॉर्डर रेडियस बदल सकते हैं।
यहां आप लोड मोर बटन का टेक्स्ट, फ़ॉन्ट, कलर और बॉर्डर रेडियस बदल सकते हैं।
- बटन्स पर क्लिक करें।
- नीचे दिए गए विकल्पों का इस्तेमाल करके बटन कस्टमाइज़ करें:
- बटन टेक्स्ट: बटन पर दिखने वाला टेक्स्ट डालें।
- फ़ॉन्ट स्टाइल और कलर: बटन का फ़ॉन्ट और कलर चुनें।
- बटन कलर और अपारदर्शिता: बटन का कलर और अपारदर्शिता बदलने के लिए स्लाइडर ड्रैग करें और कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- बॉर्डर विड्थ और कलर: बॉर्डर विड्थ बदलने के लिए स्लाइडर ड्रैग करें और कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- कॉर्नर रेडियस: कॉर्नर रेडियस बदलने के लिए स्लाइडर ड्रैग करें।

नेविगेशन एरोज़
आप थंबनेल, स्लाइडर, स्लाइडशो और कॉलम लेआउट में नेविगेशन एरोज़ इनेबल कर सकते हैं। उनकी पोज़िशन, साइज़ और कलर कस्टमाइज़ करने से आपकी साइट के विज़िटर आसानी से आपकी गैलरी में नेविगेट कर सकते हैं।
- नेविगेशन एरोज़ पर क्लिक करें।
- अपनी गैलरी पर एरोज़ इनेबल करने के लिए टॉगल पर क्लिक करें।
- इन ऑप्शन का इस्तेमाल करके एरोज़ कस्टमाइज़ करें:
- एरो स्टाइल: एरो डिज़ाइन चुनने के लिए क्लिक करें या अपनी एरो अपलोड करने के लिए ऐड आइकन
पर क्लिक करें। - एरो बैकग्राउंड: शैडो, बॉक्स या कोई बैकग्राउंड नहीं चुनने के लिए ड्रॉप-डाउन पर क्लिक करें।
- शैडो: एरो के चारों ओर हल्का शैडो जोड़ता है।
- बॉक्स: एरो के चारों ओर एक बॉक्स जोड़ता है। बॉक्स का कलर बदलने के लिए कलर बॉक्स पर क्लिक करें। इसकी ट्रांसपेरेंसी और कॉर्नर राउंडनेस एडजस्ट करने के लिए संबंधित स्लाइडर ड्रैग करें।
- कोई नहीं: एरो में कोई बैकग्राउंड नहीं जोड़ा जाता।
- एरो साइज़: नेविगेशन एरोज़ का साइज़ बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- एरो कलर: नेविगेशन एरो का कलर चुनने के लिए कलर बॉक्स पर क्लिक करें। अपनी साइट के कलर में से कोई कलर चुनें या अपना कलर चुनें।
- एरो पोज़िशन: गैलरी पर या उसके बाहर नेविगेशन एरोज़ दिखाने के लिए संबंधित चेकबॉक्स चुनें। ध्यान दें: गैलरी पर नेविगेशन एरोज़ दिखाने से आपकी गैलरी के आइटम का कुछ हिस्सा कवर हो सकता है।
- सेंटर एरोज़ टू: एरोज़ को गैलरी, उसकी इमेज या टेक्स्ट के दोनों ओर सेंटर करने का ऑप्शन चुनें।
- हॉरिज़ॉन्टल पैडिंग: अपने एरोज़ और गैलरी के बॉर्डर के बीच का स्पेस एडजस्ट करने के लिए स्लाइडर ड्रैग करें।

- एरो स्टाइल: एरो डिज़ाइन चुनने के लिए क्लिक करें या अपनी एरो अपलोड करने के लिए ऐड आइकन
आइटम स्टाइल
गैलरी में मौजूद हर इमेज या वीडियो एक आइटम है। आप रेगुलर और होवर, दोनों मोड में आइटम का लुक बदल सकते हैं।
- आइटम स्टाइल पर क्लिक करें।
- आइटम स्टाइल में जाकर आइटम का रेगुलर व्यू कस्टमाइज़ करें:
- बॉर्डर विड्थ और कलर: बॉर्डर विड्थ बदलने के लिए स्लाइडर ड्रैग करें और कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- कॉर्नर रेडियस: कोनों को ज्यादा गोल या चौकोर बनाने के लिए स्लाइडर ड्रैग करें।
ध्यान दें: बॉर्डर विड्थ और कलर और कॉर्नर रेडियस ऑप्शन केवल तभी उपलब्ध होते हैं, जब आप अपने लेआउट की सेटिंग्स में थंबनेल क्रॉप करने का विकल्प चुनते हैं। ये केवल मुख्य इमेज पर लागू होते हैं, थंबनेल पर नहीं।

- शैडो: शैडो को इनेबल या डिसेबल करने के लिए टॉगल पर क्लिक करें:
- इनेबल्ड: गैलरी आइटम के चारों ओर शैडो दिखाई देता है। इसकी अपारदर्शिता, कलर, ब्लर, शैडो की दिशा और साइज़ कस्टमाइज़ करें।
- डिसेबल्ड: गैलरी आइटम के चारों ओर शैडो दिखाई नहीं देता।
- चुनें कि जब कोई अपने माउस से गैलरी आइटम पर होवर करे, तो क्या हो:
- नो इफेक्ट: होवर करने पर कोई इफेक्ट लागू नहीं होता।
- ज़ूम इन: होवर करने पर इमेज ज़ूम इन होती है।
- ब्लर: होवर करने पर इमेज ब्लर हो जाती है।
- ग्रेस्केल: होवर करने पर इमेज ब्लैक एंड व्हाइट हो जाती है।
- श्रिंक: होवर करने पर इमेज छोटी हो जाती है।
- इनवर्ट: होवर करने पर इमेज के कलर इनवर्ट हो जाते हैं।
- कलर इन: होवर करने पर इमेज ब्लैक एंड व्हाइट से कलरफुल हो जाती है।
- गहरा करें: होवर करने पर इमेज थोड़ी गहरी हो जाती है।
- चुनें कि इमेज लोड होते समय क्या दिखाई दे:
- ब्लर्ड इमेज: लोड होते समय इमेज का ब्लर्ड वर्जन दिखाई देता है।
- कलर प्लेसहोल्डर: इमेज लोड होते समय एक कलर्ड प्लेसहोल्डर दिखाई देता है।

स्क्रॉल/स्लाइड एनिमेशंस
जब विजिटर आपकी गैलरी में स्क्रॉल करें, तो दिखाई देने वाला एनिमेटेड इफेक्ट जोड़ें। ट्रांजिशन स्टाइल जोड़कर और उसकी अवधि एडजस्ट करके, आप चुने गए एनिमेशन को और कस्टमाइज कर सकते हैं।
नोट्स:
- उपलब्ध एनिमेशंस, आपकी चुनी गई गैलरी लेआउट पर निर्भर करते हैं।
- एनिमेशन सेटिंग्स को केवल हॉरिजॉन्टल स्क्रॉल वाले लेआउट में कस्टमाइज किया जा सकता है।
स्क्रॉल एनिमेशन जोड़ना:
- स्क्रॉल एनिमेशंस पर क्लिक करें।
- जब विजिटर आपकी गैलरी में स्क्रॉल करें, तो क्या हो, यह चुनें:
- नो इफेक्ट: स्क्रॉल पर कोई इफेक्ट लागू नहीं होता।
- फेड इन: स्क्रॉल करने पर इमेज धीरे-धीरे दिखाई देती हैं।
- ग्रेस्केल: स्क्रॉल करने पर इमेज ब्लैक एंड व्हाइट हो जाती है।
- स्लाइड अप: स्क्रॉल करने पर इमेज ऊपर की ओर स्लाइड होती है।
- एक्सपैंड: स्क्रॉल करने पर इमेज बड़ी हो जाती है।
- श्रिंक: स्क्रॉल करने पर इमेज छोटी हो जाती है।
- जूम आउट: स्क्रॉल करने पर इमेज जूम आउट होती है।
- वन कलर: स्क्रॉल करने पर इमेज पर एक ही कलर लागू होता है।

अपना एनिमेशन कस्टमाइज करना:
- कस्टमाइज एनिमेशंस पर क्लिक करें।
- अपनी एनिमेशन सेटिंग्स को जरूरत के मुताबिक एडजस्ट करें:
- ट्रांजिशन स्टाइल: अपनी गैलरी के आइटम पर मोशन इफेक्ट लागू करने के लिए, ड्रॉप-डाउन पर क्लिक करें। जब विजिटर स्क्रॉल करके एक आइटम से अगले आइटम पर जाते हैं, तो यह इफेक्ट लागू होता है।
- अवधि: आपका एनिमेशन कितनी देर तक चलेगा, इसे एडजस्ट करने के लिए स्लाइडर को ड्रैग करें।

एक्सपैंड मोड
यह सेक्शन तब दिखाई देता है, जब आपने Pro Gallery के सेटिंग्स पैनल में "ओपन इन एक्सपैंड मोड" चुना हो और कोई यूज़र गैलरी आइटम पर क्लिक करे। यहां से आप अपनी साइट की डिज़ाइन और ब्रैंड के अनुसार गैलरी के एक्सपैंड मोड को कस्टमाइज़ कर सकते हैं।
- एक्सपैंड मोड पर क्लिक करें।
- कस्टमाइज़ एक्सपैंड मोड पर क्लिक करें और नीचे दिए गए विकल्पों से गैलरी के एक्सपैंड मोड को पर्सनलाइज़ करें:
- कौन-सी जानकारी दिखाई जाती है? टाइटल, डिस्क्रिप्शन और/या लिंक दिखाने का विकल्प चुनें।
- यह कहां दिखाई देती है? चुनें कि आप जानकारी को कहां दिखाना चाहते हैं:
- साइड: जानकारी गैलरी आइटम के दाईं ओर दिखाई देती है।
- बॉटम: जानकारी गैलरी आइटम के नीचे दिखाई देती है।
- यह कब दिखाई देती है? चुनें कि जानकारी कब दिखाई जाए:
- ऑलवेज़: जानकारी हमेशा दिखाई जाती है।
- इंफो आइकन पर क्लिक करने पर: जानकारी तभी दिखाई देती है, जब कोई विज़िटर एक्सपैंड मोड के ऊपरी बाएं कोने में मौजूद इंफो आइकन पर क्लिक करता है।
- अलाउ फ़ुल स्क्रीन: विज़िटर्स को गैलरी आइटम फ़ुल-स्क्रीन मोड में देखने की अनुमति देने के लिए यह विकल्प चुनें।
- बैकग्राउंड कलर: एक्सपैंड मोड के लिए बैकग्राउंड कलर चुनने के लिए, कलर बॉक्स पर क्लिक करें। अपनी साइट के कलर्स में से चुनें या कोई कलर जोड़ें।
- आइकन कलर: एक्सपैंड मोड में आइकन का कलर चुनने के लिए, कलर बॉक्स पर क्लिक करें। अपनी साइट के कलर्स में से चुनें या कोई कलर जोड़ें।
- टाइटल स्टाइल:
- फ़ॉन्ट पिकर से फ़ॉन्ट, स्टाइल और साइज़ कस्टमाइज़ करने के लिए, ड्रॉप-डाउन मेन्यू पर क्लिक करें।
- टाइटल के टेक्स्ट का कलर बदलने के लिए, कलर बॉक्स पर क्लिक करें।
- डिस्क्रिप्शन स्टाइल:
- फ़ॉन्ट पिकर से फ़ॉन्ट, स्टाइल और साइज़ कस्टमाइज़ करने के लिए, ड्रॉप-डाउन मेन्यू पर क्लिक करें।
- डिस्क्रिप्शन के टेक्स्ट का कलर बदलने के लिए, कलर बॉक्स पर क्लिक करें।
- टेक्स्ट एलाइनमेंट: टेक्स्ट का एलाइनमेंट चुनें: लेफ़्ट, सेंटर या राइट।

क्या इससे मदद मिली?
|

