浮动侧边栏是您在大多数网站上看到的东西,但今天您在这里学习如何在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)来配置插件。在此页面上,您可以设置边距、禁用移动设备插件,甚至可以创建自定义HTML ID。好吧(Well),让我们深入了解每个细节。
上(Top)边距应根据浮动侧边栏和上边距之间需要多少空间进行设置,下边距(Margin Bottom)必须根据您的需要设置。
我想在这里分享的一件事是必须设置Margin Bottom以使其不与您的页脚重叠。Anway检查不同的值,一旦您对结果感到满意,请单击保存。
如果您想禁用移动设备的插件,只需在 Disable Width和Diable Height中键入将禁用插件的屏幕宽度值。请注意,如果要禁用特定高度和宽度的插件,这两个值都是必需的。
如果您的页脚高度更改页面到页面,则自定义 HTML ID(Custom HTML IDs)也可用,然后要解决重叠问题,您应该使用 HTML标记 ID。好吧(Well),主题页脚容器有一个 id,例如 Twenty Sixteen默认主题的页脚容器有一个 id=”colophon”。在Custom HTML IDs中,我只需要输入 colophon,没有任何其他符号!浮动侧边栏将完美运行。
我希望这篇文章对您有所帮助,并且您能够成功地学习如何在Wordpress博客中添加浮动侧边栏而没有任何问题。如果您对本指南仍有任何疑问,请随时在评论中提问。
对固定小部件有一些建议或想法吗?让我知道,欢迎提出建议。
How to Add a Floating Sidebar in Wordpress
Floating sidebar iѕ something which уou see on most of the websites but tоday you аre here to learn how to add a floating sidebar in WordPress blog. Floating sіdebаrs are used in websites to grab the visitors attention and floаting sidebаr have а very high converѕion rate if used with thе 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.