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

स्टूडियो एडिटर: साइट कलर्स के साथ काम करना

स्टूडियो एडिटर में, आप एक ही सुविधाजनक पैनल से अपने क्लाइंट की पूरी साइट में इस्तेमाल होने वाले कलर्स मैनेज कर सकते हैं। इससे आप एक जैसा कलर लुक बना सकते हैं और काम करते समय तुरंत अपडेट कर सकते हैं।
स्टूडियो एडिटर साइट के साइट स्टाइल्स पैनल में कलर्स टैब, जिसमें 10 कलर्स दिख रहे हैं।

साइट कलर्स को समझना

साइट स्टाइल्स पैनल का कलर्स टैब उस साइट में इस्तेमाल होने वाले कलर्स दिखाता है जिस पर आप काम कर रहे हैं। ये आम तौर पर कंपोनेंट्स से जुड़े होते हैं। बेहतर डिजाइन एक्सपीरियंस के लिए, आप इन्हें जोड़ सकते हैं, मैनेज कर सकते हैं और बदल सकते हैं।
शुरुआत में मिलने वाले साइट कलर्स की संख्या हर साइट टेंप्लेट और शुरुआत से बनाई गई साइट के हिसाब से अलग होती है। हालांकि, हर स्टूडियो साइट में कम से कम 6 डिफॉल्ट कलर्स होते हैं, जो पूरी साइट के खास एलिमेंट्स और ऐप्स से जुड़े होते हैं:
  • कलर 1: एलिमेंट और ऐप के बैकग्राउंड पर लागू होने वाला प्राइमरी कलर (जैसे Wix Stores, Wix Online Programs वगैरह)।
  • कलर 2: सेकेंडरी बैकग्राउंड कलर।
  • कलर 3: यह 'डिसेबल्ड' स्टेट वाले एक्शन/एलिमेंट्स पर लागू होने वाला डिफॉल्ट कलर है। उदाहरण के लिए, Wix Bookings कैलेंडर में उपलब्ध न होने वाली तारीखें।
  • कलर 4: टेक्स्ट एलिमेंट्स और दूसरे एलिमेंट्स व ऐप्स में मौजूद टेक्स्ट का सेकेंडरी कलर।
  • कलर 5: साइट पर टेक्स्ट का प्राइमरी कलर।
  • कलर 6: साइट पर लिंक्स और एक्शन का कलर।
उदाहरण के लिए, नीचे दिए गए स्क्रीनशॉट में कलर 1 हेडर के बैकग्राउंड कलर के रूप में अपने-आप लागू होता है।
साइट स्टाइल्स पैनल का कलर्स टैब। कलर 1 को बड़ा करके दिखाया गया है कि उसका शेड हेडर के बैकग्राउंड जैसा ही है।
ध्यान दें:
  • आपके चुने गए टेंप्लेट के हिसाब से, पैनल में इन कलर्स के नाम अलग हो सकते हैं। उदाहरण के लिए, 'कलर 1' का नाम 'प्राइमरी बैकग्राउंड' हो सकता है। नाम चाहे जो भी हो, सभी स्टूडियो एडिटर साइट्स में डिफॉल्ट कलर्स उसी क्रम में समान एलिमेंट्स/ऐप्स से जुड़े होते हैं।
  • किसी साइट में अधिकतम 25 साइट कलर्स हो सकते हैं।

साइट कलर्स एडिट करना

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

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

  1. एडिटर के बाईं ओर साइट स्टाइल्स पर क्लिक करें।
  2. कलर्स टैब चुनें।
  3. जिस कलर को एडजस्ट करना है, उस पर क्लिक करें।
  4. कलर चुनने के लिए, इनमें से कोई एक ऑप्शन चुनें:
    • अपने कर्सर से पिकर में नया कलर चुनें।
    • संबंधित फील्ड में HEX, RGB या HSB की जानकारी डालें।
    • अपनी स्क्रीन पर कहीं से भी नया कलर चुनने के लिए, ड्रॉपर पर क्लिक करें।
  5. अप्लाई पर क्लिक करें।
पैनल में एक कलर बदला जा रहा है। एक नया शेड चुना गया है और कर्सर अप्लाई बटन पर क्लिक कर रहा है।

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

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

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

  1. एडिटर के बाईं ओर साइट स्टाइल्स पर क्लिक करें।
  2. कलर्स टैब चुनें।
  3. संबंधित कलर पर होवर करें और मोर एक्शंस आइकन undefined पर क्लिक करें।
  4. चुनें कि आप क्या करना चाहते हैं:
    • कलर का नाम बदलें:
      1. रीनेम पर क्लिक करें।
      2. फील्ड में कलर का नया नाम डालें।
    • डिलीट/रिप्लेस:
      1. डिलीट पर क्लिक करें।
      2. पिकर से रिप्लेसमेंट कलर चुनें।
      3. अप्लाई पर क्लिक करें।
पैनल में एक कलर के लिए मोर एक्शंस मेन्यू खुला है। कर्सर रीनेम ऑप्शन पर क्लिक कर रहा है।
कलर डिलीट/रिप्लेस नहीं कर पा रहे हैं?
  • कुछ शेड्स साइट पर Wix ऐप्स और एलिमेंट्स के डिफॉल्ट कलर के तौर पर इस्तेमाल होते हैं, इसलिए डिलीट ऑप्शन ग्रे आउट होता है। हालांकि, कलर रिप्लेस करने के लिए आप पैनल में उस पर क्लिक कर सकते हैं।
  • जिन शेड्स को डिफॉल्ट कलर के तौर पर सेट नहीं किया गया है, वे भी साइट पर इस्तेमाल हो सकते हैं। इसलिए, आपको कलर डिलीट करने के बजाय उसे रिप्लेस करने के लिए कहा जाता है।

एलिमेंट्स पर साइट कलर्स अप्लाई करना

कलर्स को कैटेगरी असाइन करने पर, वे ऐड एलिमेंट्स पैनल में कुछ थीम वाले एलिमेंट्स (जैसे, स्टाइल किए गए टेक्स्ट एलिमेंट्स) पर अपने-आप लागू हो जाते हैं। आप इंस्पेक्टर पैनल से कैनवास पर मौजूद एलिमेंट्स पर भी साइट कलर्स लागू कर सकते हैं।
जानकारी के लिए:
अगर एलिमेंट में 1 से ज़्यादा कलर्स हैं, तो हर कलर बॉक्स पर क्लिक करके उसके शेड को कस्टमाइज़ कर सकते हैं।

एलिमेंट्स पर साइट कलर्स लागू करने के लिए:

  1. संबंधित एलिमेंट चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio Editor में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. कलर पिकर खोलने के लिए, डिज़ाइन के नीचे दिए गए कलर बॉक्स पर क्लिक करें।
  2. कलर लागू करने के लिए, थीम कलर्स में से कोई शेड चुनें।
वेक्टर एलिमेंट के लिए इंस्पेक्टर खुला है। कलर बॉक्स में से एक खुला है और एक थीम कलर लागू किया गया है।