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

Studio एडिटर: एलिमेंट्स को स्टैक करना

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

स्टैक अप्लाई करना

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

स्टैक अप्लाई करने के लिए:

  1. अपने एडिटर पर जाएं।
  2. जिन एलिमेंट्स को एक साथ स्टैक करना है, उन्हें अलाइन करें।
  3. किसी एक एलिमेंट को सिलेक्ट करें।
  4. स्टैक कैसा दिखेगा, इसका प्रीव्यू देखने के लिए स्टैक आइकन (हॉरिजॉन्टल)/ (वर्टिकल) पर होवर करें।
    नोट: उपलब्ध स्टैक आइकन (हॉरिजॉन्टल या वर्टिकल) इस बात पर निर्भर करते हैं कि आपने एलिमेंट्स को कैसे अलाइन किया है।
  5. इसे अप्लाई करने के लिए स्टैक आइकन पर क्लिक करें।
  6. (ऑप्शनल) मार्जिन सेट करने के लिए, एलिमेंट्स के बीच की लाइन को ड्रैग करें।
कर्सर वर्टिकल स्टैक आइकन पर होवर कर रहा है और 2 टेक्स्ट एलिमेंट्स के स्टैक का प्रीव्यू दिखा रहा है।
क्या आप जानते हैं?
  • आप कैनवस पर एलिमेंट्स को मल्टी-सिलेक्ट करके और इंस्पेक्टर में स्टैक पर क्लिक करके भी उन्हें स्टैक कर सकते हैं।
  • एलिमेंट्स को जानबूझकर ओवरलैप करने के लिए, आप नेगेटिव मार्जिन बना सकते हैं।
Dragging the stack margins to the opposite direction to create an overlap between the image and text

हॉरिजॉन्टल और वर्टिकल स्टैक के बीच स्विच करना

स्टैक का लेआउट पसंद नहीं आया? एलिमेंट्स को अपनी पसंद के मुताबिक अलाइन करने के लिए, आप इसे कभी भी हॉरिजॉन्टल से वर्टिकल या वर्टिकल से हॉरिजॉन्टल में स्विच कर सकते हैं। ऐसा करने से एलिमेंट्स अपने-आप सही क्रम में फिर से व्यवस्थित हो जाते हैं।

स्टैक का लेआउट स्विच करने के लिए:

  1. अपने एडिटर में स्टैक चुनें।
  2. ड्रॉपडाउन पर क्लिक करें।
  3. हॉरिजॉन्टल या वर्टिकल चुनें।
स्टैक पर ओरिएंटेशन ड्रॉपडाउन खुला है। कर्सर 'वर्टिकल' पर क्लिक कर रहा है।

स्टैक मैनेज करना

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

स्टैक मैनेज करने के लिए:

  1. अपने एडिटर पर जाएं।
  2. संबंधित स्टैक चुनें।
  3. आगे क्या करना है, चुनें:

स्टैक डिजाइन करना

स्टैक को ट्रांसपेरेंट रखना जरूरी नहीं है—आप उसे डिजाइन करके पेज पर कंटेंट को ज्यादा आकर्षक बना सकते हैं। बैकग्राउंड कलर, बॉर्डर और शैडो जोड़ें। आप स्टैक के कोनों को ज्यादा राउंड या स्क्वेयर भी बना सकते हैं।

स्टैक डिजाइन करने के लिए:

  1. अपने एडिटर पर जाएं।
  2. संबंधित स्टैक चुनें।
  3. एडिटर में ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. स्टैक को कस्टमाइज़ करने के लिए, डिज़ाइन में उपलब्ध ऑप्शन इस्तेमाल करें:
    • बैकग्राउंड कलर सेट करें। आप इसकी अपारदर्शिता भी एडजस्ट कर सकते हैं और ग्लास इफ़ेक्ट जोड़ सकते हैं।
    • स्टैक को फ़्रेम करने के लिए बॉर्डर जोड़ें।
    • कॉर्नर के लिए रेडियस चुनें।
    • शैडो चालू करें और उसका एंगल, डिस्टेंस, साइज़ वगैरह जैसी सेटिंग्स मैनेज करें।
इंस्पेक्टर पैनल में स्टैक के डिज़ाइन ऑप्शन दिखाने वाला स्क्रीनशॉट। कर्सर ग्लास इफ़ेक्ट एडजस्ट कर रहा है।
टिप:
आप कैनवस पर रेडियस हैंडल को ड्रैग करके स्टैक के कॉर्नर भी एडजस्ट कर सकते हैं।
A cropped view showing the radius handle on a stack.

स्टैक लेआउट एडजस्ट करना

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

स्टैक लेआउट एडजस्ट करने के लिए:

  1. अपने एडिटर पर जाएं।
  2. संबंधित स्टैक चुनें।
  3. एडिटर में ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. नीचे स्क्रॉल करके लेआउट पर जाएं।
  2. स्टैक लेआउट एडजस्ट करने के लिए उपलब्ध ऑप्शन इस्तेमाल करें:
    • स्टैक लेआउट को हॉरिज़ॉन्टल से वर्टिकल या इसके उलट स्विच करें।
    • (सिर्फ़ हॉरिज़ॉन्टल के लिए) दिशा को लेफ्ट टू राइट से राइट टू लेफ्ट या इसके उलट स्विच करें।
    • स्टैक एलिमेंट्स यानी आइटम के बीच बराबर मार्जिन बनाने के लिए, आइटम स्पेसिंग में कोई वैल्यू डालें।
    • स्टैक आइटम के लिए एलाइनमेंट चुनें: लेफ्ट, राइट, सेंटर या जस्टिफाइड।
    • साइड में पैडिंग जोड़ें।
कैनवस पर इंस्पेक्टर पैनल के पास मौजूद स्टैक, जिसमें लेआउट सेक्शन हाइलाइट किया गया है।
क्या आप जानते हैं?
आप कैनवस पर ही पैडिंग और स्पेसिंग एडजस्ट कर सकते हैं। एलिमेंट्स के बीच की लाइन को ड्रैग करें या सटीक वैल्यू डालने के लिए लाइन पर डबल-क्लिक करें। ज़रूरत पड़ने पर आप साइज़ यूनिट भी बदल सकते हैं।
A cropped screenshot, showing the cursor clicking and adjusting the stack's spacing.