header-logo
Wix के साथ शुरुआत करनाWix का इस्तेमाल करके अपनी वेबसाइट और बिज़नेस बनाना सीखें
वेबसाइट बनानास्मार्ट फंक्शनैलिटी के साथ अपनी साइट डिज़ाइन और मैनेज करें.
अकाउंट और बिलिंगसब्सक्रिप्शन, प्लान और इनवॉइस मैनेज करें।
Wix मोबाइल ऐप का इस्तेमाल करनाअपना बिज़नेस चलाएं और मेंबर्स से जुड़ें.
डोमेन कनेक्ट करनाअपनी साइट पर डोमेन खरीदना, कनेक्ट करना या ट्रांसफर करना सीखें।.
अपना बिज़नेस मैनेज़ करनाअपने बिज़नेस और वेब प्रेजेंस को बढ़ाने के लिए टूल्स पाएं
अपनी साईट प्रमोट करना SEO और मार्केटिंग टूल्स से अपनी विज़िबिलिटी बढ़ाएँ।
स्टूडियो, पार्टनर और एंटरप्राइज़्यादा अच्छे से काम करने में मदद के लिए एडवांस्ड फ़ीचर पाएं।
और अधिक मदद की आवश्यकता है?सॉल्यूशन खोजें, जानी-पहचानी समस्याओं के बारे में जानें या हमसे संपर्क करें।
placeholder-preview-image
Wix Learnहमारे कोर्सेज़ और ट्यूटोरियल के ज़रिए अपने स्किल्स का विकास करें।
Wix ब्लॉगवेब डिज़ाइन, मार्केटिंग आदि के लिए सुझाव पाएं।
SEO लर्निंग हबसर्च इंजन से ऑर्गेनिक साइट ट्रैफिक बढ़ाना सीखें।
वेबसाइट विकासहमारे फ़ुल-स्टैक प्लेटफ़ॉर्म का उपयोग करके एक कस्टम साइट बनाएं।
किसी प्रोफेशनल को अपॉइन्ट करेंअपने लक्ष्यों तक पहुँचने में मदद के लिए किसी एक्सपर्ट से संपर्क करें।
placeholder-preview-image

Wix के साथ रिस्पॉन्सिव साइट्स बनाना

7 मिनट
चाहे आप Wix एडिटर का इस्तेमाल कर रहे हों या Studio एडिटर का, Wix ऐसे कई टूल्स देता है जो हर स्क्रीन पर शानदार दिखने वाली साइट बनाने में आपकी मदद करते हैं।
Wix Editor के साथ, आप फुल-विड्थ सेक्शन्स, स्ट्रिप्स और एलिमेंट्स का फायदा उठा सकते हैं क्योंकि वे विजिटर की स्क्रीन के साइज के हिसाब से एडजस्ट हो जाते हैं। Studio Editor में, ब्रेकपॉइंट कस्टमाइजेशन, स्केलिंग प्रॉपर्टीज और रिस्पॉन्सिव AI जैसे एडवांस ऑप्शंस आपको क्लाइंट के लिए रिस्पॉन्सिव डिजाइन तैयार करने की सटीकता देते हैं।
इस आर्टिकल में, हम जानेंगे कि दोनों एडिटर्स में रिस्पॉन्सिव साइट कैसे बनाई जाती है।

Wix एडिटर में रिस्पॉन्सिव फीचर्स का इस्तेमाल करना

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

मोबाइल एडिटर

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

फुल विड्थ एलिमेंट्स

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

Wix Studio पर रिस्पॉन्सिव साइट बनाना

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