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

Studio एडिटर: सेक्शन ग्रिड को कस्टमाइज करना

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

सेक्शन में सेल जोड़ना

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

सेक्शन में सेल जोड़ने के लिए:

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

सेक्शन ग्रिड को कस्टमाइज करना

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

सेक्शन ग्रिड को कस्टमाइज करने के लिए:

  1. संबंधित सेक्शन चुनें।
  2. चुनें कि आप ग्रिड को किस तरह कस्टमाइज करना चाहते हैं:
नोट:
फिलहाल, किसी सेल को डुप्लीकेट करना संभव नहीं है।

ग्रिड में सेल्स को स्वैप और फ्लिप करना

सेल्स को स्वैप करके सेक्शन ग्रिड को जल्दी और आसानी से व्यवस्थित करें। ड्रैग और ड्रॉप का इस्तेमाल करने से आप 2 सेल्स को तुरंत स्वैप कर सकते हैं—वे ग्रिड पर एक-दूसरे की जगह ले लेते हैं।
इसके अलावा, अपने क्लाइंट के कंटेंट को दिखाने के अलग-अलग विकल्प एक्सप्लोर करने के लिए, आप पूरे ग्रिड को हॉरिजॉन्टली या वर्टिकली फ्लिप कर सकते हैं।

सेल्स को स्वैप करने के लिए:

  1. संबंधित सेक्शन चुनें।
  2. इसके बाद, चुनें कि आप क्या करना चाहते हैं:

एडवांस्ड CSS ग्रिड पर स्विच करना

एडवांस्ड CSS ग्रिड पर स्विच करने से, आपको हर ब्रेकपॉइंट के लिए लेआउट पर ज्यादा सटीक कंट्रोल मिलता है। आप अपनी जरूरत के मुताबिक रो और कॉलम की संख्या चुन सकते हैं और रिस्पॉन्सिव मेजरमेंट (जैसे fr, Min/max, %) का इस्तेमाल करके उनका साइज सेट कर सकते हैं। इसके लिए, एडवांस्ड CSS ग्रिड पर स्विच करें।

सेक्शन ग्रिड से CSS ग्रिड पर स्विच करने के लिए:

  1. संबंधित सेक्शन चुनें।
  2. एडिटर के सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।


  3. नीचे स्क्रॉल करके लेआउट पर जाएं।
  4. एडवांस्ड CSS ग्रिड के आगे मौजूद स्विच पर क्लिक करें।
  5. स्विच टू CSS ग्रिड पर क्लिक करें।
इंस्पेक्टर पैनल में एडवांस्ड ग्रिड पर स्विच करने का ऑप्शन दिखाता स्क्रीनशॉट
क्या एलिमेंट एक-दूसरे पर ओवरलैप हो रहे हैं?
क्या चेक करना है और इस समस्या को कैसे हल करना है, इसका तरीका जानने के लिए हमारा ट्रबलशूटिंग वीडियो देखें।