फ्लोटिंग साइडबार एक ऐसी चीज है जिसे आप ज्यादातर वेबसाइटों पर देखते हैं लेकिन आज आप यहां सीखेंगे कि वर्डप्रेस^(WordPress) ब्लॉग में फ्लोटिंग साइडबार कैसे जोड़ें। फ़्लोटिंग साइडबार का उपयोग वेबसाइटों में आगंतुकों का ध्यान खींचने के लिए किया जाता है और फ्लोटिंग साइडबार की रूपांतरण दर बहुत अधिक होती है यदि सदस्यता^(Subscribe) विजेट के साथ उपयोग किया जाता है।

मैं लंबे समय से फ्लोटिंग सब्सक्राइब विजेट का उपयोग कर रहा हूं और मैं इसके परिणाम का आश्वासन दे सकता हूं। ठीक है, आप इसे किसी भी प्रकार के विजेट के साथ उपयोग कर सकते हैं न कि केवल सदस्यता विजेट के साथ। आप इसका उपयोग अपनी नवीनतम पोस्ट, ईबुक^(Ebook) या छवियों आदि को बढ़ावा देने के लिए कर सकते हैं। फ्लोटिंग साइडबार जो कुछ भी आप अपने आगंतुकों को बढ़ावा देना चाहते हैं उसकी दृश्यता में वृद्धि करता है और यह निश्चित रूप से ध्यान खींचता है।

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

वर्डप्रेस^(Wordpress) में फ्लोटिंग साइडबार कैसे जोड़ें

अब यदि आप WordPress^(WordPress) ब्लॉग में एक फ्लोटिंग साइडबार जोड़ना चाहते हैं तो आपको Q2W3 Fixed Widget नामक इस प्लगइन को स्थापित करना होगा । इसे अपने व्यवस्थापक पैनल से स्थापित करने के लिए, Plugins > Add New पर जाएं और फिर प्लगइन खोजें। प्लगइन को स्थापित^(Install) और सक्रिय^(Activate) करें , ताकि आप इसका उपयोग शुरू कर सकें।

प्लगइन को सक्रिय करने के बाद, Appearance > Widgets पर जाएं और अपने साइडबार के अंदर उस विजेट पर क्लिक करें जिसे आप स्टिकी बनाना चाहते हैं। फिक्स्ड^(Fixed) विजेट विकल्प के पास बस छोटे बॉक्स को चेक करें, फिर सेव पर क्लिक करें और आपके पास एक अच्छा फ्लोटिंग साइडबार होगा, बहुत आसान सामान।

फिक्स्ड विजेट को कैसे कॉन्फ़िगर करें

उत्साहित न हों क्योंकि Q2W3 फिक्स्ड विजेट^{(Q2W3 Fixed Widget)} में और भी बहुत कुछ है , प्लगइन को कॉन्फ़िगर करने के लिए Appearance > Fixed Widget Options पर जाएं। ^(Options)इस पृष्ठ पर, आप मार्जिन सेट कर सकते हैं, मोबाइल उपकरणों के लिए प्लगइन को अक्षम कर सकते हैं और आप एक कस्टम HTML आईडी^{(HTML ID)} भी बना सकते हैं । खैर^(Well) , आइए प्रत्येक के विवरण में आते हैं।

मार्जिन टॉप^(Top) को आपके फ्लोटिंग साइडबार और टॉप मार्जिन के बीच कितनी जगह चाहिए, इसके हिसाब से सेट किया जाना चाहिए इसी तरह मार्जिन बॉटम^{(Margin Bottom)} को आपकी जरूरत के हिसाब से सेट किया जाना चाहिए।

एक बात जो मैं यहां साझा करना चाहूंगा वह यह है कि मार्जिन बॉटम^{(Margin Bottom)} सेट किया जाना चाहिए ताकि यह आपके पाद लेख के साथ ओवरलैप न हो। वैसे^(Anway) भी विभिन्न मूल्यों की जांच करें और एक बार जब आप परिणाम से संतुष्ट हो जाएं तो सहेजने के लिए क्लिक करें।

यदि आप मोबाइल उपकरणों के लिए प्लगइन को अक्षम करना चाहते हैं तो बस स्क्रीन की चौड़ाई का मान टाइप करें जिसके नीचे प्लगइन अक्षम हो जाएगा चौड़ाई^(Width) और डायल करने योग्य ऊंचाई^{(Diable Height)} में अक्षम करें । ध्यान दें कि यदि आप किसी विशेष ऊंचाई और चौड़ाई के लिए प्लगइन को अक्षम करना चाहते हैं तो दोनों मान आवश्यक हैं।

कस्टम HTML आईडी^{(Custom HTML IDs)} भी उपलब्ध हैं यदि आपके पाद लेख की ऊंचाई पृष्ठ से पृष्ठ में बदलती है तो ओवरलैपिंग समस्या को ठीक करने के लिए आपको  HTML टैग आईडी का उपयोग करना चाहिए। खैर^(Well) , थीम फ़ुटर कंटेनर में एक आईडी है उदाहरण के लिए  ट्वेंटी सिक्सटीन^{(Twenty Sixteen)} डिफ़ॉल्ट थीम के फ़ुटर कंटेनर में एक आईडी = "कोलोफ़ोन" है। कस्टम HTML आईडी^{(Custom HTML IDs)} में , मुझे बिना किसी अन्य प्रतीक के, केवल कोलोफ़ोन दर्ज करने की आवश्यकता है! और फ्लोटिंग साइडबार पूरी तरह से काम करेगा।

मुझे उम्मीद है कि यह लेख आपके लिए मददगार था और आप बिना किसी समस्या के वर्डप्रेस^(Wordpress) ब्लॉग में फ्लोटिंग साइडबार जोड़ने का तरीका सीखने में सफल रहे । यदि आपके पास अभी भी इस गाइड के बारे में कोई प्रश्न है, तो कृपया बेझिझक उनसे टिप्पणियों में पूछें।

फिक्स्ड विजेट के बारे में कुछ सुझाव या विचार हैं? मुझे बताएं क्योंकि सुझावों का स्वागत है।

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something whiсh you see on mоst of the websites but today you are here to learn hоw to add a floating sidebar in WоrdPress blog. Floatіng sidebars are used in websites to grab the νisitors attention and floating sidebar have a very high conversion rаte if used with the Subscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• वर्डप्रेस साइट को एक होस्ट से दूसरे होस्ट में कैसे मूव करें

• Microsoft Azure पर WordPress कैसे स्थापित और सेटअप करें

• Microsoft Azure पर बहुत तेज़ वर्डप्रेस कैसे चलाएं

• WordPress में गोपनीयता कैसे कॉन्फ़िगर करें और यह क्यों महत्वपूर्ण है

• Google क्लाउड प्लेटफ़ॉर्म पर वर्डप्रेस कैसे स्थापित करें

• वर्डप्रेस में PHP कैसे अपडेट करें

• 9 नए वर्डप्रेस इंस्टाल के लिए प्लगइन्स होना चाहिए

• अपने ब्लॉग पोस्ट को वीडियो में बदलने के लिए Lumen5 का उपयोग कैसे करें

• WordPress Yoast SEO Settings 2022 . होना चाहिए

• WordPress में 404 पेज से उपयोगकर्ताओं को पुनर्निर्देशित करें

• वर्डप्रेस में किसी पेज को डुप्लिकेट कैसे करें

• पुस्तक समीक्षा: अपनी खुद की वेबसाइट बनाएं: HTML, CSS और Wordpress के लिए एक कॉमिक गाइड

• मोबाइल फ्रेंडली वेबसाइट के लिए 7 वर्डप्रेस टिप्स

• वर्डप्रेस में अपना खुद का कूपन पॉपअप कैसे बनाएं

• अपना वर्डप्रेस व्यवस्थापक लॉगिन कैसे खोजें

• स्क्वरस्पेस बनाम वर्डप्रेस: ​​कौन सा बेहतर साइट प्लेटफॉर्म है?

• कैसे जांचें कि कोई वेबसाइट AdSense से प्रतिबंधित है या नहीं

• एक लघु व्यवसाय वेबसाइट के लिए 10 आवश्यक वर्डप्रेस प्लगइन्स

• .HTACCESS का उपयोग करके किसी भी वर्डप्रेस साइट को कैसे गति दें?

• वर्डप्रेस वेबसाइट को हैकर्स से सुरक्षित और सुरक्षित करें