स्टूडियो एडिटर: एक गाइडेड टूर
स्टूडियो एडिटर में आपका स्वागत है, जो एजेंसियों और बड़े व्यवसायों के लिए बेहतरीन साइट्स बनाने का हमारा एडवांस और आसान प्लेटफॉर्म है।
इस आर्टिकल में, हम स्टूडियो एडिटर के हर हिस्से के बारे में जानेंगे - यह क्या है, यह क्या कंट्रोल करता है, और यह आपको अधिक कुशलता से काम करने में कैसे मदद करता है।
अतिरिक्त Wix Studio वेबिनार, ट्यूटोरियल और कोर्स देखने के लिए हमारी
Wix Studio Academy पर जाएं।
कैनवस
कैनवस उस पेज को कहते हैं जिसे आप एडिटर के बिल्कुल बीच में डिजाइन कर रहे हैं।
आप वह डिफॉल्ट कैनवस साइज सेट कर सकते हैं जिसके साथ आप काम करना चाहते हैं, और यह देखने के लिए कि रिसाइज करने पर पेज कैसा दिखता है, साइड हैंडल्स को ड्रैग कर सकते हैं।
किसी एलिमेंट पर क्लिक करने से वह सिलेक्ट हो जाता है और ऑप्शन्स का एक टूलबार खुल जाता है। ये ऑप्शन्स अलग-अलग एलिमेंट के हिसाब से बदलते रहते हैं, जिससे आप उसे अपनी जरूरत के अनुसार कस्टमाइज़ कर सकते हैं।
आप किसी एलिमेंट के लेबल पर होवर करके उसके बजाय उसके किसी पैरेंट एलिमेंट को सिलेक्ट कर सकते हैं।
कैनवस पर एलिमेंट्स को रोटेट करें:
अपने कर्सर को एलिमेंट के किसी कोने के पास तब तक ले जाएं (होवर करें) जब तक कि वह रोटेट आइकन में न बदल जाए। एलिमेंट को अपने मनचाहे एंगल पर घुमाने के लिए क्लिक करें और ड्रैग करें।
टॉप बार
टॉप बार में साइट और कैनवस के व्यू को कंट्रोल करने के लिए कई उपयोगी टूल्स शामिल हैं।
साइट एक्शन, व्यूइंग ऑप्शन्स और अपने अकाउंट के अन्य हिस्सों के शॉर्टकट वाला मेनू खोलने के लिए Wix Studio लोगो पर होवर करें।
साइट पेजों के बीच तेजी से नेविगेट करने के लिए पेज ड्रॉप-डाउन का इस्तेमाल करें। यह लिस्ट पेज टाइप (जैसे स्टोर पेज, मेंबर पेज) के हिसाब से व्यवस्थित है ताकि आप अपनी जरूरत का पेज और भी जल्दी ढूंढ सकें।
टॉप बार के बीच में, आप ब्रेकपॉइंट्स, ज़ूम और कैनवस साइज से जुड़ी हर चीज़ पा सकते हैं। अलग-अलग स्क्रीन साइज में पेज को देखने और एडजस्ट करने के लिए ब्रेकपॉइंट आइकन्स पर क्लिक करें।
आप जो स्क्रीन साइज देख रहे हैं, वह कैनवस का मौजूदा साइज है। यह उस ब्रेकपॉइंट के लिए डिफॉल्ट एडिटिंग साइज भी है जिस पर आप अभी काम कर रहे हैं। हर ब्रेकपॉइंट का अपना डिफॉल्ट साइज होता है जिसे आप अपनी सुविधा के अनुसार सेट कर सकते हैं।
दाईं ओर, आप देख सकते हैं कि इस साइट पर अभी और कौन काम कर रहा है। आप साइट नोटिफिकेशन भी चेक कर सकते हैं, एक्शन को अनडू (undo) या रीडू (redo) कर सकते हैं, और प्रीव्यू और पब्लिश कर सकते हैं।
क्या आपको ज़ूम (zoom) के साथ कोई समस्या आ रही है?
हम प्रीव्यू
इस्तेमाल करने की सलाह देते हैं, क्योंकि यह आपको आसानी से कई अलग-अलग स्क्रीन साइज को सिम्युलेट करने की सुविधा देता है।
इस्तेमाल करने की सलाह देते हैं, क्योंकि यह आपको आसानी से कई अलग-अलग स्क्रीन साइज को सिम्युलेट करने की सुविधा देता है।
लेफ्ट साइड पैनल्स
स्टूडियो एडिटर के बाईं ओर, आप वे मुख्य पैनल्स पा सकते हैं जिनके साथ आप काम करेंगे:
- एलिमेंट्स जोड़ें (Add Elements)
: साइट पर जोड़ने के लिए सैकड़ों एलिमेंट्स खोजें, चाहे वे डिज़ाइन एलिमेंट्स हों या ऑनलाइन स्टोर जैसे बिज़नेस ऐप्स। अलग-अलग कैटेगरी के बीच नेविगेट करने के लिए टैब का इस्तेमाल करें। - लेयर्स (Layers)
: पेज की लेयर्स और एलिमेंट्स को ऊपर से नीचे के क्रम (hierarchy) में देखें। जब आप पैनल में किसी पैरेंट एलिमेंट (जैसे सेक्शन, कंटेनर) को चुनते हैं, तो आप उसके अंदर के सभी एलिमेंट्स देख सकते हैं, उनका क्रम बदल सकते हैं, उन्हें छिपा सकते हैं और बहुत कुछ कर सकते हैं। - पेज (Pages)
: नए पेज जोड़ें, हर पेज की सेटिंग्स एडिट करें और उन पेजों को डिलीट करें जिनकी अब आपको ज़रूरत नहीं है। - ग्लोबल सेक्शन्स (Global Sections)
: यह पैनल उन सभी ग्लोबल सेक्शन्स को दिखाता है, जिन्हें आपने कई पेजों पर दिखाने के लिए सेट किया है। आप ग्लोबल सेक्शन्स को रीनेम, डुप्लीकेट, डिलीट कर सकते हैं या उन्हें उन पेजों पर जोड़ सकते हैं जहाँ वे दिखाई नहीं दे रहे हैं। - साइट स्टाइल्स (Site Styles)
: साइट की विज़ुअल लैंग्वेज देखें और उसे एडजस्ट करें। यहाँ आपके द्वारा सेट किए गए टाइपोग्राफी स्टाइल्स, कलर्स और पेज ट्रांज़िशन पूरी साइट पर लागू होते हैं। - ऐप मार्केट (App Market)
: Wix ऐप मार्केट में सैकड़ों ऐप्स ब्राउज़ करें और अपनी ज़रूरत के हिसाब से सही ऐप चुनें। - CMS (कंटेंट मैनेजमेंट सिस्टम)
: साइट के कंटेंट, कलेक्शन्स और डायनेमिक पेजों को मैनेज करें। - कोड (Code)
: अपने क्लाइंट की साइट पर अपना खुद का कोड जोड़ने के लिए डेव मोड (dev mode) ऑन करें।
इंस्पेक्टर पैनल
इंस्पेक्टर पैनल हर एक एलिमेंट के लिए "कंट्रोल सेंटर" है।
एक बार जब आप कैनवस पर किसी एलिमेंट को सिलेक्ट कर लेते हैं, तो आप इस पैनल से उसका साइज, पोजीशन और डिजाइन सेट कर सकते हैं। आप एलिमेंट पर एनिमेशन भी लगा सकते हैं या एंकर जोड़ सकते हैं, जिससे आप सीधे उससे लिंक कर पाएंगे।
ब्रेडक्रम्ब्स बार
कैनवस पर किसी एलिमेंट को सिलेक्ट करते समय, नीचे बाईं ओर एक ब्रेडक्रंब बार उसकी हाइरार्की (hierarchy) दिखाता है। इससे आप एलिमेंट के पैरेंट, ग्रैंडपैरेंट आदि को देख (और सिलेक्ट कर) सकते हैं, जिससे आपको पेज की लेयर्स को आसानी से समझने में मदद मिलती है।
अतिरिक्त पैनल्स
आखिरी बात, एडिटर के नीचे बाईं ओर (bottom left) कई पैनल दिए गए हैं जिनके बारे में आपको जानकारी होनी चाहिए।
- साइट चेकर (Site Checker)
: यह पक्का करने के लिए कि आपके क्लाइंट की साइट हर डिवाइस पर बढ़िया दिखे, रिस्पॉन्सिव चेकर (Responsive Checker) खोलें, और साइट की एक्सेसिबिलिटी को बेहतर बनाने के लिए एक्सेसिबिलिटी विज़ार्ड (Accessibility Wizard) का इस्तेमाल करें।
- कमेंट्स (Comments)
: स्टूडियो एडिटर में सीधे उन टीम मेंबर्स के साथ बातचीत करें जो इस साइट पर काम कर रहे हैं। हर पेज का एक अलग कमेंट बोर्ड होता है ताकि आप दूसरों के लिए स्पेसिफिक फीडबैक छोड़ सकें और उनसे सवाल पूछ सकें। साइट कमेंट्स के बारे में और जानें। - कम्युनिटी से सीखें (Learn From the Community)
: अपने एडिटर को छोड़े बिना अपनी ज़रूरत की सारी जानकारी पाएँ। आप टॉपिक्स सर्च कर सकते हैं, ट्यूटोरियल देख सकते हैं और कम्युनिटी थ्रेड्स एक्सेस कर सकते हैं। कम्युनिटी से सीखने के बारे में और पढ़ें। - हेल्प (Help)
: हमारे रिसोर्सेज ब्राउज़ करें, स्टूडियो एडिटर के बारे में फीडबैक शेयर करें या कस्टमर केयर से संपर्क करें।
हमारे शॉर्टकट्स का इस्तेमाल करके तेज़ी से काम करें:
कीबोर्ड शॉर्टकट्स की हमारी
पूरी लिस्ट देखें, जिससे आप काम को और भी तेजी से और कुशलता से कर पाएंगे।