Thanh bên nổi là thứ mà bạn thấy trên hầu hết các trang web nhưng hôm nay bạn ở đây để tìm hiểu cách thêm thanh bên nổi trong blog WordPress . Thanh bên nổi được sử dụng trong các trang web để thu hút sự chú ý của khách truy cập và thanh bên nổi có tỷ lệ chuyển đổi rất cao nếu được sử dụng với tiện ích Đăng ký .^(Subscribe)

Tôi đang sử dụng tiện ích đăng ký nổi từ lâu và tôi có thể đảm bảo về kết quả của nó. Chà, bạn có thể sử dụng điều này với bất kỳ loại tiện ích nào không chỉ với tiện ích đăng ký. Bạn có thể sử dụng nó để quảng cáo bài đăng, Ebook hoặc hình ảnh mới nhất của mình, v.v. Thanh bên nổi giúp tăng khả năng hiển thị của bất kỳ thứ gì bạn muốn quảng cáo với khách truy cập và nó chắc chắn thu hút sự chú ý.

Trước khi tiếp tục, tôi muốn nói với bạn rằng đôi khi việc sử dụng thanh bên thực sự có thể cản trở tỷ lệ giữ chân khách truy cập của bạn vì nó làm xáo trộn trải nghiệm tổng thể của khách truy cập. Vì vậy, bạn nên luôn sử dụng tiện ích con có thiết kế đơn giản và trơn tru khi sử dụng với thanh bên nổi.

Cách thêm thanh bên nổi trong Wordpress

Bây giờ nếu bạn muốn thêm một sidebar nổi trong blog WordPress thì bạn phải cài đặt plugin này có tên là Q2W3 Fixed Widget . Để cài đặt nó từ bảng quản trị của bạn, hãy chuyển đến Plugins > Add New , sau đó tìm kiếm plugin. Cài đặt^(Install) và kích hoạt^(Activate) plugin để bạn có thể bắt đầu sử dụng.

Sau khi kích hoạt plugin, hãy chuyển đến Appearance > Widgets và bên trong thanh bên của bạn, nhấp vào widget mà bạn muốn tạo dính. Chỉ cần đánh dấu vào ô nhỏ gần Tùy chọn widget cố định^(Fixed) , sau đó nhấp vào lưu và bạn sẽ có một thanh bên nổi đẹp mắt, khá dễ dàng.

Cách định cấu hình Widget Cố định

Đừng quá phấn khích vì còn nhiều thứ hơn đối với Tiện ích con cố định Q2W3^{(Q2W3 Fixed Widget)} , hãy chuyển đến Giao Appearance > Fixed Widget Tùy chọn^(Options) tiện ích con cố định để định cấu hình plugin. Trên trang này, bạn có thể đặt lề, tắt plugin cho thiết bị di động và thậm chí bạn có thể tạo ID HTML^{(HTML ID)} tùy chỉnh . Vâng^(Well) , chúng ta hãy đi vào chi tiết của từng cái.

Margin Top phải được đặt tùy theo lượng không gian bạn cần giữa thanh bên nổi và lề trên cùng, tương tự Margin Bottom phải được đặt theo nhu cầu của bạn.

Một điều tôi muốn chia sẻ ở đây là Margin Bottom phải được đặt sao cho nó không bị trùng với footer của bạn. Luôn^(Anway) kiểm tra các giá trị khác nhau và khi bạn hài lòng với kết quả, hãy nhấp để lưu.

Nếu bạn muốn tắt plugin cho thiết bị di động, chỉ cần nhập giá trị của chiều rộng màn hình bên dưới mà plugin sẽ vô hiệu hóa trong mục Disable Width và Diable Height . Lưu ý rằng cả hai giá trị đều cần thiết nếu bạn muốn tắt plugin cho một chiều cao và chiều rộng cụ thể.

ID HTML tùy chỉnh^{(Custom HTML IDs)} cũng có sẵn nếu chiều cao chân trang của bạn thay đổi trang này sang trang khác, sau đó để khắc phục vấn đề chồng chéo, bạn nên sử dụng  id thẻ HTML . Chà^(Well) , vùng chứa chân trang của chủ đề có một id, chẳng hạn như  vùng chứa chân trang của chủ đề mặc định của Twenty Sixteen có id = ”colophon”. Trong ID HTML tùy chỉnh^{(Custom HTML IDs)} , tôi chỉ cần nhập colophon mà không cần bất kỳ ký hiệu nào khác! Và Floating sidebar sẽ hoạt động hoàn hảo.

Tôi hy vọng bài viết này hữu ích cho bạn và bạn đã có thể tìm hiểu thành công cách Thêm thanh bên nổi trong blog Wordpress mà không gặp bất kỳ sự cố nào. Nếu bạn vẫn có bất kỳ câu hỏi nào liên quan đến hướng dẫn này, vui lòng hỏi họ trong phần bình luận.

Có một số đề xuất hoặc ý tưởng về widget cố định? Hãy cho tôi biết vì những đề xuất được chào đón.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something which yoυ seе on most of the websites but today you are here to learn how to add a floating sidebar in WordPress blog. Floating sidebars are used in websites to grab the visitors attention and floating sidebar have a vеry high сonversion rate if used wіth 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

• Cách di chuyển WordPress site từ máy chủ này sang máy chủ khác

• Cách cài đặt & Cài đặt WordPress trên Microsoft Azure

• Cách chạy Blazedly Fast WordPress trên Microsoft Azure

• Làm thế nào để cấu hình Privacy trong WordPress và tại sao điều quan trọng là

• Làm thế nào để cài đặt WordPress trên Google Cloud Platform

• Cách xây dựng một blog Wix tốt như WordPress

• 11 Plugin Podcast WordPress Tốt nhất

• Protect và WordPress website an toàn từ hacker

• 7 mẹo WordPress để có một trang web thân thiện với thiết bị di động

• Cách thiết lập thủ công WordPress trên tên miền

• Cách sử dụng Lumen5 để biến bài đăng trên blog của bạn thành video

• Định dạng bài viết blog tốt nhất để nhận được điểm của bạn

• Cách chuyển từ trình soạn thảo WordPress cổ điển sang Gutenberg

• Cách sao lưu trang web WordPress của bạn

• 3 plugin SEO tốt nhất cho WordPress

• Cách cài đặt chủ đề trên WordPress

• Hiển thị đoạn trích trên trang chủ của WordPress blog

• Cách tăng tốc bất kỳ trang web WordPress nào bằng cách sử dụng .HTACCESS

• Cách thực hiện kiểm tra phân tách hiệu quả trong WordPress

• Cách tìm thông tin đăng nhập quản trị viên WordPress của bạn