हेलो दोस्तों आज के इस ब्लॉग में हम देखने वाले हैं वर्डप्रेस वेबसाइट में आने वाली प्रॉब्लम के एक समाधान को।
जब भी हम वर्डप्रेस में वेबसाइट बनाते हैं तो उसमें कुछ एरर आ जाता है जिसके कारण वेबसाइट के साइड में हमें व्हाइट स्पेस दिखाई देता है।
यह व्हाइट स्पेस हमें केवल मोबाइल डिवाइसेज में ही देखने को मिलता है जिसके कारण हमारी वेबसाइट मोबाइल फ्रेंडली नहीं रहती जिससे वेबसाइट को चलाने पर हमें इरिटेशन होता है इसे हमारे यूजर एक्सपीरियंस भी खराब होता है।
इसी प्रॉब्लम के समाधान के लिए आपको इस ब्लॉक को अंत तक देखना चाहिए।
समस्या Problem
जब भी हम अपने मोबाइल में अपनी वेबसाइट को ओपन करते हैं तो वेबसाइट के एक साइड में हमें व्हाइट स्पेस नजर आता है जैसा कि नीचे इमेज में दिखाया गया है
इस इमेज में आप देख पा रहे होंगे कि राइट साइड में एक व्हाइट स्पेस नजर आ रहा है जो कि हमारी वेबसाइट के यूजर एक्सपीरियंस को खराब करता है इसे हमारे यूजर वेबसाइट को छोड़कर जाना पसंद करते हैं जिससे वेबसाइट की रैंकिंग डाउन होती है।
समाधान ( Solution )
इस प्रॉब्लम का समाधान केवल एक कोड से किया जा सकता है। यह कोड आपको अपनी वेबसाइट के एडिशनल css वाले ऑप्शन में ऐड करना होता है।
कोड नीचे दिया गया है….
@media only screen and (max-width: 768px){
html,
body{
width:100%;
overflow-x:hidden;
}
}इस कोड को कॉपी करके निम्न स्टेप्स के माध्यम से ऐड करें …
- सबसे पहले वेबसाइट का डैशबोर्ड ओपन करें।
- डैशबोर्ड में अपीयरेंस में जाएं।
- अपीरियंस से कस्टमाइज पर जाएं
- कस्टमाइज्ड में जाने पर सबसे नीचे एडिशनल css में जाए।
- अब कॉपी किए हुए कोड को यहां पर पेस्ट कर दीजिए।
- अब वेबसाइट को पब्लिश कर दीजिए
अब आपकी वेबसाइट से साइड में व्हाइट स्पेस की प्रॉब्लम सॉल्व हो गई है आप अपनी वेबसाइट को रिफ्रेश करके चेक कर सकते हैं।