Wix हेल्प

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

Studio Two एडिटर को धीरे-धीरे सभी Wix पार्टनर्स के लिए रोल आउट किया जा रहा है और आने वाले सप्ताहों में इसका एक्सेस बढ़ाया जाएगा। अगर आपके पास अभी इसका एक्सेस नहीं है, तो आप Studio एडिटर में साइट्स बनाना और मैनेज करना जारी रख सकते हैं। इसे अब भी पूरा सपोर्ट मिल रहा है।


अपने क्लाइंट्स के लिए रिस्पॉन्सिव साइट्स बनाएं

Studio एडिटर कई उपयोगी टूल्स देता है, ताकि आपकी वेबसाइट्स सभी स्क्रीन पर शानदार दिखें। इससे आप डिज़ाइन पर फोकस कर सकते हैं और हर एलिमेंट के लिए सही साइज़िंग यूनिट तय करने में कम समय लगाते हैं।
किसी एलिमेंट को डेस्कटॉप पर अपनी पसंद के मुताबिक डिज़ाइन करें, फिर अपनी ज़रूरत के हिसाब से रिस्पॉन्सिव बिहेवियर चुनें। रिस्पॉन्सिव बिहेवियर उसे अलग-अलग ब्रेकपॉइंट्स के मुताबिक अपने-आप एडजस्ट करता है।
और ज़्यादा सटीक कंट्रोल चाहिए?
हर ब्रेकपॉइंट पर एलिमेंट्स को रीसाइज़ और पोज़िशन करने के लिए एडवांस्ड रिस्पॉन्सिव मेज़रमेंट्स का इस्तेमाल करें।
इंस्पेक्टर में किसी एलिमेंट के लिए उपलब्ध रिस्पॉन्सिव बिहेवियर्स का उदाहरण
प्रोसेस को और तेज़ करने के लिए, CSS ग्रिड या फ्लेक्सबॉक्स पर आधारित रिस्पॉन्सिव लेआउट टूल से संबंधित एलिमेंट्स को ग्रुप करें। उदाहरण के लिए, ग्रिड्स एलिमेंट्स को उनके संबंधित सेल्स में रखते हैं, जबकि एलिमेंट्स को स्टैक करने से उनका वर्टिकल या हॉरिज़ॉन्टल क्रम बना रहता है।
एक GIF, जिसमें दिखाया गया है कि आसानी से कॉलम या रो जोड़ने के लिए कैनवस पर ग्रिड लाइन्स को कैसे ड्रैग करें
बेहतरीन एफिशिएंसी के लिए अपने डिज़ाइन्स का दोबारा इस्तेमाल करें:
अपने कस्टम एसेट्स बनाएं, जैसे डिज़ाइन किए गए अनुभाग और साइट टेम्पलेट्स, ताकि आप उन्हें सेव, शेयर और दूसरी साइट्स पर फिर से इस्तेमाल कर सकें।
A screenshot showing how to save a designed element as an asset to a library

साइट्स पर रियल टाइम में मिलकर काम करें

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

Example of a client commenting on a page for the site team to fix

एनिमेशंस से अपने डिज़ाइन्स को जीवंत बनाएं

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

AI की ताकत का फ़ायदा उठाएं

AI सिर्फ़ एक buzzword नहीं है—Studio एडिटर में AI-पावर्ड फ़ीचर्स का पूरा सेट मिलता है, जिससे साइट बनाने का प्रोसेस काफ़ी तेज़ हो जाता है।

रिस्पॉन्सिव लेआउट जनरेट करें

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

टेक्स्ट जनरेट करें

हमारा AI टेक्स्ट क्रिएटर, OpenAI के चैटजीपीटी को सीधे एडिटर में उपलब्ध कराता है। प्रॉम्प्ट बनाने के लिए कुछ जानकारी डालें और अपने प्रोजेक्ट के लिए कस्टम कंटेंट सुझाव पाएं। इससे आप क्वालिटी से समझौता किए बिना राइटिंग प्रोसेस में समय बचा सकते हैं।
कैनवास पर मौजूद पैराग्राफ में AI टेक्स्ट सुझाव अप्लाई करने का तरीका दिखाने वाला GIF

इमेज जनरेट करें

ऐसी खास इमेज चाहिए जो कहीं और न दिखे? अपनी मनचाही इमेज के बारे में बताएं और साइट पर इस्तेमाल करने के लिए कई सुझाव पाएं। इलस्ट्रेशन, 3D, पैकशॉट, फ़ोटो और कई दूसरे स्टाइल में से चुनें, ताकि नतीजे बिल्कुल आपकी ज़रूरत के मुताबिक हों।
AI इमेज क्रिएटर और एक प्रॉम्प्ट के आधार पर बनी इमेज की 4 वैरिएशन दिखाने वाला स्क्रीनशॉट।

बिना कोड वाले CMS में बड़ी मात्रा में कंटेंट मैनेज करें

हमारे CMS (कंटेंट मैनेजिंग सिस्टम) से आप बड़ी मात्रा में कंटेंट स्टोर कर सकते हैं, डायनामिक पेज टेम्पलेट बना सकते हैं और विज़िटर से डाटा इनपुट ले सकते हैं। हैंडओवर के बाद, आपके क्लाइंट डिज़ाइन को प्रभावित किए बिना CMS में कंटेंट अपडेट और ऐड कर सकते हैं।
रिपीटर में डेटासेट कनेक्शन दिखाने वाला स्क्रीनशॉट।

अपना CSS कोड जोड़ें

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