Studio Two एडिटर: कस्टम CSS जोड़ना
यह आर्टिकल नवंबर 2026 में रिलीज़ किए गए नए Studio Two एडिटर के बारे में है। अगर आप तय नहीं कर पा रहे हैं कि आप Studio एडिटर इस्तेमाल कर रहे हैं या Studio Two एडिटर, तो यहां अधिक जानकारी देखें।
कस्टम CSS एक स्टाइलिंग लैंग्वेज है, जो यह कंट्रोल करती है कि साइट पर एलिमेंट कैसे दिखाई दें। CSS इस्तेमाल करके, आप कलर, स्पेसिंग, बॉर्डर, एनिमेशन और होवर इफ़ेक्ट जैसी चीज़ों को कस्टमाइज़ कर सकते हैं।
Studio Two एडिटर में, आप अपनी पसंद का इफ़ेक्ट सामान्य भाषा में बताकर किसी भी एलिमेंट के लिए एआई से CSS जनरेट कर सकते हैं। इस आर्टिकल में बताया गया है कि एआई से CSS कैसे जनरेट करें और रिज़ल्ट में बदलाव की ज़रूरत होने पर क्या करें।
कस्टम CSS सिर्फ़ आपके चुने गए एलिमेंट पर अप्लाई होती है। एक ही तरह के सभी एलिमेंट पर कोई स्टाइल अप्लाई करने के लिए, जैसे आपकी साइट के हर प्राइमरी बटन पर, इसके बजाय स्टाइल्ड एलिमेंट्स का इस्तेमाल करें।
एआई की मदद से किसी एलिमेंट में CSS जोड़ना
अपनी पसंद का इफ़ेक्ट बताएं और Aria आपके लिए CSS कोड जनरेट कर देगी। रिज़ल्ट तुरंत एलिमेंट पर अप्लाई हो जाता है, ताकि आप उसे कैनवस पर देख सकें।
एक बार में सिर्फ़ 1 इफ़ेक्ट बताएं। एक ही प्रॉम्प्ट में कई बदलाव शामिल न करें, क्योंकि इससे आउटपुट के गलत होने की संभावना बढ़ जाती है।
अगर ज़रूरी हो, तो स्टेट भी शामिल करें, जैसे "होवर करने पर", "पेज लोड होने पर" या "सिलेक्ट करने पर"।
अपनी बात साफ़ और सटीक तरीके से बताएं। "बटन को अलग दिखाएं" के बजाय, "होवर करने पर बटन के चारों ओर मोटा लाल बॉर्डर जोड़ें" लिखें।
एआई से CSS जनरेट करने के लिए:
जिस एलिमेंट को स्टाइल करना है, उस पर क्लिक करें।
दाईं ओर मौजूद इंस्पेक्टर पैनल में नीचे स्क्रोल करके कस्टम CSS पर जाएं और + ऐड पर क्लिक करें।
कस्टम CSS पैनल में, एआई से CSS कोड जनरेट करें फ़ील्ड पर क्लिक करें और अपनी पसंद के इफ़ेक्ट का डिस्क्रिप्शन लिखें, जैसे "होवर करने पर चमकता हुआ नीला बॉर्डर जोड़ें"।
एंटर पर क्लिक करें।
CSS जेनरेट होकर कैनवस पर एलिमेंट में अप्लाई हो जाता है। फील्ड के नीचे स्टाइल समरी दिखाई देती है, जिसमें आसान भाषा में बताया जाता है कि कोड क्या करता है।
अपने CSS से जुड़ी समस्याएं ठीक करना
अगर AI से मिला रिजल्ट आपकी उम्मीद के मुताबिक नहीं दिखता, तो उसे बेहतर बनाने के लिए आप 2 चीजें आजमा सकते हैं: अपना प्रॉम्प्ट दोबारा लिखें या सीधे कोड एडिट करें।
अपना प्रॉम्प्ट दोबारा लिखने के लिए:
जेनरेट CSS कोड विद AI फील्ड में अपना पिछला प्रॉम्प्ट हटाएं और नया डिस्क्रिप्शन लिखें।
एंटर पर क्लिक करें। नया CSS कैनवस पर पिछले रिजल्ट को रिप्लेस कर देता है।
CSS को मैन्युअली एडिट करने के लिए:
अगर AI से मिला रिजल्ट लगभग सही है, लेकिन उसमें कुछ बदलाव चाहिए, तो आप दोबारा शुरू किए बिना सीधे कोड बदल सकते हैं।
कस्टम CSS पैनल में, एडिट CSS मैन्युअली पर क्लिक करें।
कस्टम CSS एडिटर में कोड अपडेट करें।
सेव पर क्लिक करें।
अक्सर पूछे जाने वाले सवाल
कस्टम CSS के बारे में और जानने के लिए, नीचे दिए गए किसी सवाल पर क्लिक करें।