स्क्रैच से Wix वेबसाइट - ग्रिड गैलरी

• मई 18, 2024

इस ट्यूटोरियल में, हम अपनी Wix वेबसाइट पर एक गैलरी जोड़ेंगे, जिसे हमने एक खाली टेम्पलेट से बनाया है। स्क्रैच से शुरू करना मूल बातें सीखने का एक शानदार तरीका है।

विनिमेय नहीं होने वाले Wix टेम्प्लेट के विपरीत, आप किसी भी समय एक नए रूप के लिए गैलरी प्रकार स्विच कर सकते हैं। कई प्रकार की दीर्घाएँ हैं, चिनाई ग्रिड से लेकर हनीकॉम्ब तक। प्रत्येक गैलरी की अपनी विशेषताएं हैं। बुनियादी ग्रिड (चित्र) गैलरी पर एक नज़र डालते हैं।

1. बाएं मेनू में प्लस आइकन पर क्लिक करें और सूची से गैलरी चुनें।
   
   
2. पूर्वावलोकन और विवरण देखने के लिए प्रत्येक गैलरी थंबनेल पर होवर करें।
   
   
3. अब, ग्रिड गैलरी को पेज पर खींचें।
   
   
4. अपनी इच्छानुसार ग्रिड का आकार बदलने के लिए आकार बदलें हैंडल का उपयोग करें। मैंने 980 पृष्ठ की चौड़ाई के लिए ग्रिड का आकार बदला।
   
   इस बिंदु पर गैलरी में कुछ प्लेसहोल्डर छवियां हैं। चलो उन्हें अभी के लिए रखें और हमारी आवश्यकताओं के लिए गैलरी सेटिंग्स को अनुकूलित करने पर काम करें।
   
   ग्रिड गैलरी सेटिंग्स
   
   छवि स्केलिंग - आपके पास फ्रेम के भीतर फिट होने के लिए आपकी छवि को क्रॉप या स्केल करने का विकल्प है। ऑटोकॉप सेटिंग स्वचालित रूप से फ़्रेम को फिट करने के लिए छवियों को क्रॉप करेगी और फ़िट विकल्प फ़्रेम के भीतर फिट होने के लिए छवि को आकार देगा।
   
   जब क्लिक किया जाता है - आपके पास गैलरी छवि पर क्लिक करने पर क्या होता है, इसके लिए तीन विकल्प हैं। कुछ नहीं होने के लिए एक विकल्प। दूसरा छवि को पॉप अप के रूप में खोलना है। तीसरा एक लिंक खोलना है। अधिकांश समय, पॉप अप एक अच्छा विकल्प है क्योंकि छवि बड़े आकार में प्रदर्शित होती है। लेकिन अगर आप विजिटर को दूसरे पेज पर भेजना चाहते हैं, तो ए लिंक ओपन्स विकल्प का उपयोग करें।
   
   
5. गैलरी का चयन करें और पॉप अप मेनू में सेटिंग आइकन पर क्लिक करें।
   
   
6. ग्रिड सेटिंग्स विंडो में, हाउ डू इमेजेज बिहेव अनुभाग ढूंढें। ऑटोक्रॉप या फिट चुनें।
   
   
7. जब क्लिक किए गए अनुभाग में, तीन विकल्पों में से एक सेट करें।
   
   गैलरी डिजाइन
   
   जैसा कि ऊपर उल्लेख किया गया है, आप किसी भी समय गैलरी डिज़ाइन को स्विच कर सकते हैं। लेकिन चलो हमारे ग्रिड डिजाइन को अनुकूलित करके जारी रखें। ग्रिड डिजाइन के लिए, हम सीमा, कोनों, छाया और पाठ को अनुकूलित कर सकते हैं।
   
   
8. अभी भी चयनित गैलरी के साथ, डिज़ाइन आइकन (पेंट ब्रश) पर क्लिक करें।
   
   
9. बॉर्डर सेटिंग्स के लिए, हम बॉर्डर के रंग, अस्पष्टता और चौड़ाई को बदल सकते हैं। आइए चौड़ाई की डिफ़ॉल्ट सेटिंग को 0 पर रखें और इसलिए कोई सीमा नहीं।
   
   
10. कॉर्नर रेडियस - कॉर्नर रेडियस के लिए आइकन पर क्लिक करें और अपनी पसंद के अनुसार शीर्ष बाएं कोने त्रिज्या सेट करें। जैसा कि लिंक आइकन इंगित करता है कि अन्य तीन कोने मेल खाने के लिए अपडेट होंगे।
    
    
11. छाया - छाया आइकन का चयन करें। ड्रॉप शैडो जोड़ने के लिए, शैडो को सक्षम करें पर क्लिक करें और छाया के लिए कोण, दूरी, आकार, धुंधला और रंग / अस्पष्टता सेट करें।
    
    
12. पाठ - शीर्षक, विवरण और अन्य पाठ सेटिंग्स के विकल्प सेट करने के लिए टी आइकन पर क्लिक करें। चलिए टेक्स्ट को डिफ़ॉल्ट से हमारे पैराग्राफ 1 टेक्स्ट थीम में बदलते हैं। वर्णन पाठ के लिए दोहराएं।
    
    लेआउट सेटिंग
    
    ग्रिड गैलरी डिजाइन के लिए, हम थंबनेल के लिए कॉलम और पंक्तियों की संख्या को नियंत्रित कर सकते हैं। हम थंबनेल के बीच अंतर को भी नियंत्रित कर सकते हैं और पाठ को छवि पर कैसे प्रदर्शित किया जाता है।
    
    
13. अभी भी चयनित गैलरी के साथ, पॉप अप मेनू से लेआउट आइकन पर क्लिक करें।
    
    
14. कॉलम और पंक्तियों की संख्या निर्धारित करने के लिए स्लाइडर का उपयोग करें। अधिक कॉलम और पंक्तियों को जोड़ने से ग्रिड में छोटे थंबनेल चित्र दिखाई देंगे।
    
    
15. थंबनेल के बीच पिक्सेल की मात्रा बढ़ाने के लिए आप स्पेसिंग स्लाइडर का उपयोग कर सकते हैं। अधिक स्थान जोड़ने से थंबनेल का आकार कम हो जाएगा।
    
    
16. स्लाइडर्स के तहत पाठ संरेखण अनुभाग है। आपके पास बाएं, दाएं या केंद्र को प्रदर्शित करने के लिए पाठ का विकल्प है।
    
    

Wix.com, Inc. की अनुमति से उपयोग किए गए स्क्रीनशॉट

वीडियो निर्देश: Wix डिजाइन ट्यूटोरियल: एक चित्र-आधारित ग्रिड लेआउट साइट बनाना (मई 2024).