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

Studio Editor: रिस्पॉन्सिव डिजाइन इश्यूज के लिए पेज स्कैन करना

7 मिनट
मल्टी-डिवाइस की दुनिया में, अपने क्लाइंट्स के लिए रिस्पॉन्सिव डिज़ाइन बनाना बहुत ज़रूरी है। Wix Studio का रिस्पॉन्सिव चेकर इस प्रोसेस को आसान बनाता है, जिससे आप सभी ब्रेकपॉइंट्स पर आने वाली समस्याओं को तुरंत पहचान सकते हैं और उन्हें मैनेज कर सकते हैं।
आप समस्याओं को ठीक करने, देखने या खारिज करने का विकल्प चुन सकते हैं, जिससे आपको अपने विज़न के अनुसार डिज़ाइन को बेहतर बनाने की फ्लेक्सिबिलिटी मिलती है।
Studio Editor में Responsive Checker का स्क्रीनशॉट, जिसमें ओपन इश्यूज़ और ठीक किए गए इश्यूज़ दिखाए गए हैं

रिस्पॉन्सिव इश्यूज के लिए पेज को स्कैन करना

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

पेज को स्कैन करने के लिए:

  1. अपने एडिटर पर जाएं और संबंधित साइट पेज खोलें।
  2. एडिटर के बाईं ओर Site Checker   पर क्लिक करें।
  3. Fix Responsive Issues चुनें।
  4. Scan Page पर क्लिक करें।
  5. इस पेज पर मिले इश्यूज़ को रिव्यू करें।
  6. चुनें कि हर इश्यू के साथ क्या करना है:
    • पेज पर इश्यू देखें: हमारा फिक्स (fix) लागू करने या न करने का फैसला लेने से पहले, यह देखने के लिए कि इश्यू कैसा दिखता है, View पर क्लिक करें।
    • इश्यू ठीक करें: View के बगल वाले बटन पर क्लिक करें (बटन पर लिखा टेक्स्ट इश्यू पर निर्भर करता है)। यह ऑटोमैटिक रूप से हमारे सुझाव को लागू कर देता है।
    • इश्यू को खारिज (Dismiss) करें: इश्यू को इग्नोर करने के लिए उस पर Dismiss आइकन पर क्लिक करें। अगर आप इस पेज को फिर से स्कैन करते हैं, तो यह इश्यू दोबारा नहीं आएगा।
  7. (ऑप्शनल) दूसरा पेज स्कैन करें:
    1. एडिटर के सबसे ऊपर पेज ड्रॉपडाउन पर क्लिक करें।
      टिप: ध्यान रखें कि Responsive Checker पैनल खुला रहे।
    2. संबंधित पेज के बगल में Scan पर क्लिक करें।
Studio Editor में Responsive Checker का स्क्रीनशॉट, जिसमें कैनवस पर पोजीशन इश्यू देखने के लिए क्लिक किया जा रहा है
टिप:
कुछ समस्याएं केवल खास ब्रेकपॉइंट्स से जुड़ी होती हैं। ऐसे में, आप समस्या के नीचे बाईं ओर एक आइकन देख सकते हैं, जो प्रभावित ब्रेकपॉइंट को दर्शाता है।
hovering over the breakpoint icon on an issue in the responsive checker in the studio editor

खारिज (dismissed) किए गए इश्यूज को रिस्टोर करना

किसी इश्यू को खारिज (dismiss) करते समय, Responsive Checker उसे पूरी तरह से इग्नोर कर देता है, भले ही आप पेज को फिर से स्कैन करें। हालांकि, खारिज किए गए इश्यू आपके रिव्यू के लिए हमेशा उपलब्ध रहते हैं ताकि आप तय कर सकें कि आप हमारा फिक्स लागू करना चाहते हैं या नहीं।

खारिज (dismiss) किए गए इश्यू को रिस्टोर करने के लिए:

  1. अपने एडिटर पर जाएं और संबंधित साइट पेज खोलें।
  2. एडिटर के बाईं ओर Site Checker   पर क्लिक करें।
  3. Fix responsive issues चुनें।
  4. सबसे ऊपर Filter आइकन पर क्लिक करें।
  5. Dismissed issues चुनें।
Responsive Checker पैनल के ऊपरी हिस्से का स्क्रीनशॉट, जिसमें Filter आइकन पर क्लिक करके Dismissed issues को चुना जा रहा है
  1. (ऑप्शनल) संबंधित इश्यू को पेज पर देखने के लिए उसके बगल में View पर क्लिक करें।
  2. Restore पर क्लिक करें।
  3. (ऑप्शनल) रिस्टोर किए गए इश्यू को ठीक करें:
    1. सबसे ऊपर Filter आइकन पर क्लिक करें।
    2. Open issues चुनें।
    3. रिस्टोर किए गए इश्यू को ढूंढें और Fix पर क्लिक करें।
Responsive Checker में खारिज (dismissed) किए गए इश्यू का स्क्रीनशॉट, जिसमें Restore पर क्लिक किया जा रहा है

अक्सर पूछे जाने वाले सवाल (FAQs)

ज़्यादा जानकारी के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।
रिस्पॉन्सिव डिजाइन के बारे में और जानें:
Wix Studio Academy आपको तेज़ी से रिस्पॉन्सिव साइट्स डिज़ाइन करने में मदद करने के लिए कई रिसोर्स प्रदान करती है। एडिटर में रिस्पॉन्सिवनेस के बारे में जानने के लिए इन्हें देखें: