वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार कैसे छिपाएं?
यदि आप इसे पढ़ रहे हैं, तो आपने शायद महसूस किया है कि मोबाइल उपकरणों पर साइडबार होना आवश्यक नहीं है। यह एस ज़ोन आपको सिखाता है कि वर्डप्रेस में मोबाइल के लिए साइडबार को कैसे छिपाया जाए।
अधिकांश वर्डप्रेस थीम के लिए, जब आप साइडबार विजेट जोड़ते हैं - मुख्य रूप से बड़ी स्क्रीन के लिए अभिप्रेत है - ये साइडबार विजेट मोबाइल उपकरणों पर भी प्रदर्शित होते हैं।
पहली बार में, मोबाइल डिवाइस पर, साइडबार अब साइडबार नहीं है, बल्कि निचला बार है। इसके अलावा, मोबाइल उपकरणों पर, साइडबार मुख्य पोस्ट के बाद प्रदर्शित होते हैं - उनके होने के उद्देश्य को हराते हुए।
आईफोन के लिए 4chan ऐप
इसके अलावा, मोबाइल उपकरणों पर अनावश्यक साइडबार होने से इन उपकरणों पर लोड समय धीमा हो सकता है।
कुछ वर्डप्रेस थीम में उपकरणों द्वारा साइडबार को अनुकूलित करने का विकल्प हो सकता है। यदि आपका विषय यह सुविधा प्रदान करता है, तो कृपया इसका उपयोग करें।
हालाँकि, यदि आपकी थीम इस विकल्प की पेशकश नहीं करती है, तो मोबाइल उपकरणों पर साइडबार को छिपाने के लिए इस गाइड के चरणों का उपयोग करें।
इस गाइड के कुछ चरणों के लिए बुनियादी सीएसएस कौशल की आवश्यकता है। हालाँकि, भले ही आप CSS और स्टाइलशीट के बारे में कुछ भी नहीं जानते हों, मैं आपको इसके बारे में बताता हूँ - चरण दर चरण।
यहाँ वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार को छिपाने के लिए उच्च-स्तरीय चरण दिए गए हैं:
- अपनी थीम के लिए साइडबार डिव आईडी खोजें
- मोबाइल उपकरणों से साइडबार को छिपाने वाला CSS जोड़ें
- कैशे और टेस्ट साफ़ करें
पोस्ट विषय ब्राउज़ करें
- अपनी थीम के लिए साइडबार डीआईवी आईडी खोजें
- वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार छुपाने वाला सीएसएस जोड़ें
- कैशे और टेस्ट साफ़ करें
अपनी थीम के लिए साइडबार डीआईवी आईडी खोजें
वर्डप्रेस में मोबाइल उपकरणों पर साइडबार को छिपाने में अनिवार्य रूप से सीएसएस के साथ साइडबार डिव को संशोधित करना शामिल है। हालांकि, सीएसएस के साथ div को संशोधित करने के लिए, आपको div आईडी की आवश्यकता है।
कृपया इस कार्य को पीसी या मैक लैपटॉप या डेस्कटॉप पर पूरा करें - मोबाइल डिवाइस पर नहीं।
अपनी वर्डप्रेस वेबसाइट के लिए आपके द्वारा उपयोग की जाने वाली थीम के साइडबार के लिए डिव आईडी खोजने के लिए नीचे दिए गए चरणों का पालन करें:
- Google क्रोम या नए माइक्रोसॉफ्ट एज ब्राउज़र पर एक पोस्ट या पेज खोलें।
- फिर, साइडबार पर कहीं भी राइट-क्लिक करें और चुनें निरीक्षण .
- निरीक्षण तत्व पृष्ठ के दाईं ओर कुछ कोड खोलेगा। इसका एक ऊपरी भाग है (नीचे स्क्रीनशॉट में 1 लेबल किया गया है)। इसका एक निचला हिस्सा भी है (स्क्रीनशॉट में 2 लेबल)।
निचले हिस्से पर, शैलियों टैब डिफ़ॉल्ट रूप से चुना जाएगा। अपनी साइडबार डिव आईडी का पता लगाने के लिए, साइडबार शब्द के साथ एक तत्व की तलाश करें। कुछ थीम केवल साइडबार का उपयोग कर सकते हैं। अन्य लोग साइडबार-मेन या मेन-साइडबार का उपयोग कर सकते हैं।
इसे नोट करें क्योंकि यह आपकी थीम साइडबार डिव आईडी है। मेरा साइडबार है। इसे कॉपी करें क्योंकि अगले चरण में आपको इसकी आवश्यकता होगी।
वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार छुपाने वाला सीएसएस जोड़ें
अगला कदम इस कोड को अपने वर्डप्रेस थीम के अतिरिक्त सीएसएस अनुभाग में जोड़ना है। यह वह कोड है जो वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार छुपाता है।
मैंने अपनी थीम के लिए साइडबार डिव आईडी को बोल्ड किया है। आपको इस मान को अपनी थीम के लिए साइडबार डिव आईडी में बदलना होगा। डिव आईडी से पहले डॉट (.) को नोट करें। |_+_|उपरोक्त सीएसएस कोड को अपनी थीम में जोड़ने के लिए नीचे दिए गए चरणों का पालन करें:
- एक व्यवस्थापक के रूप में अपनी वर्डप्रेस साइट में साइन इन करें।
- फिर, बाएँ फलक पर, मंडराना ऊपर दिखावट और चुनें अनुकूलित करें .
- जब Customize का ऑप्शन खुले तो नीचे स्क्रॉल करें और क्लिक करें अतिरिक्त सीएसएस .
- अंत में, इस कोड को किसी एक अनुभाग में कॉपी, पेस्ट और संशोधित करें - फिर, शीर्ष क्लिक पर प्रकाशित करना .
कैशे और टेस्ट साफ़ करें
स्पष्ट होने के लिए, अंतिम खंड ने वर्डप्रेस में मोबाइल उपकरणों के लिए साइडबार को प्रभावी ढंग से छिपा दिया। हालांकि, मैंने इस खंड को जोड़ने का फैसला किया क्योंकि यदि आप कैशिंग प्लगइन या सीडीएन का उपयोग करते हैं, तो परिवर्तनों को तुरंत प्रभावी होने के लिए आपको कैशे को साफ़ करना होगा।
कैशिंग प्लग इन और/या सीडीएन में कैशे साफ़ करने के बाद, मोबाइल डिवाइस पर वेबसाइट खोलें। यदि परिवर्तन तुरंत प्रतिबिंबित नहीं होता है, तो उपयोग करें गुप्त (क्रोम) या निजी तौर पर (माइक्रोसॉफ्ट बढ़त)।
मुझे आशा है कि आप इस गाइड के चरणों के साथ अपनी वर्डप्रेस साइट में मोबाइल उपकरणों के लिए साइडबार को छिपाने में सक्षम थे।
मुझे यह भी आशा है कि आपको मार्गदर्शिका मददगार और समझने में आसान लगी? यदि आपको मार्गदर्शिका मददगार लगी हो, तो क्लिक करें हां क्या यह पोस्ट मददगार थी? नीचे।
आप इस पृष्ठ के अंत में पाए जाने वाले एक उत्तर दें फ़ॉर्म के साथ अपनी प्रतिक्रिया भी दे सकते हैं।
अंत में, अधिक वर्डप्रेस गाइड के लिए, हमारे वर्डप्रेस और वेबसाइट्स हाउ-टू पेज पर जाएं।
