前言介紹
- 這款 WordPress 外掛「WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme」是 2016-11-15 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-03-12，距離現在已有 53 天。
- 外掛最低要求 WordPress 3.5.1 以上版本才可以安裝。
- 有 149 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
galdub | premio | tomeraharon |
外掛標籤
sticky | sidebar | fixed sidebar | sticky sidebar | floating sidebar |
內容簡介
WP Sticky Sidebar 外掛可以讓您的浮動側邊欄一直顯示，當使用者滾動網頁時，它將永久可見。預設側邊欄的最大問題是只有在使用者能看到側邊欄區域時，才能使用該功能。這樣的問題在於，您的訪客無法藉由側邊欄選單輕易地在整個網站中導覽，而且很多時候，您的網站跳出率會大幅上升，因為您的訪客因找不到目標而離開了您的網站。
安裝此外掛後，您的固定側邊欄將始終可見，這將提高您網站的可用性、可存取性，進而增加您的整體轉換率。如果您想更改 CSS 風格、在向下滾動時停用側邊欄、或者在特定頁面上停用側邊欄，歡迎查看專業版。
好處
您的浮動側邊欄將協助您的訪客輕鬆瀏覽您的網站。
讓您的訪客可以更輕易地找到他們正在尋找的頁面，並減少跳出率。
安裝非常簡單，通常只需開箱即可使用。
如何操作
預設情況下，它會使用「#secondary」CSS ID，可以在「Sticky Class」設定欄位中進行修改，以使其適用於不同的佈景主題。別忘了，這是某些佈景主題必填的欄位。使用額外的邊界高度來微調側邊欄選單位置。
Sticky Sidebar 外掛可以與某些預設使用「#secondary」ID 的佈景主題直接使用，例如：Twenty Sixteen、Twenty Fourteen、Twenty Twelve、Total、Flat Bootstrap，等等...外掛已本地化（支援多語言），並可以讓您創建響應式固定側邊欄（僅與您的佈景主題相容）。
免費計劃提供什麼？
Sticky Sidebar Class：要固定的側邊欄元素的 CSS 類別或 ID。默認值爲「#secondary」。這是必填欄位！
容器類別：容器元素的類別或 ID。如果留空，腳本將嘗試猜測。它必須是同時包含側邊欄選單和內容的元素。通常是 #main、#main-content 或 #primary。對大多數佈景主題來說，大多數情況下不需要此參數。
額外上邊界：側邊欄多出的上邊界像素。
額外下邊界：側邊欄多出的下邊界像素。
如果螢幕寬度小於此值，則禁用側邊欄固定：此功能將防止固定側邊欄的出現。
更新浮動側邊欄選單高度：疑難排解選項，如果您的側邊欄選單失去背景色，請嘗試這個選項。True 或 False。
專業版提供什麼？
在桌面版/行動版上停用浮動側邊欄
為固定側邊欄選單添加 CSS 樣式 — 創建自訂側邊欄
停用特定頁面、首頁、部落格頁面、文章、類別、標籤、檔案庫的浮動側邊欄
>>> 查看專業版計劃
推薦評價
「我曾使用我預設主題的固定側邊欄，但在我的部落格上無法正確運作，然後我找到了這個外掛，它完美地運作了。」
Divesh Diggiwal，WebTechPreneur
該外掛集成了精美
原文外掛簡介
WP Sticky Sidebar plugin will make your floating sidebar menu visible at all times, making it permanently visible while scrolling. The biggest problem with default sidebars is that they can be seen only when the user is in a particular viewport where the sidebar appears. So what’s wrong with that? The biggest problem is that your visitors can’t navigate easily from anywhere on the site using the sidebar menu, and in many cases your bounce rate will skyrocket because you will find that your website’s visitors are leaving the site because they did not find what they were looking for.
Once you install the plugin, your fixed sidebar menu will always be visible, and this will increase your website’s usability, accessibility and therefore will increase your general conversion rate. If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the Pro version.
BENEFITS
Your floating sidebar menu will help your visitors navigate easily through your site
Allow your visitors find page they were looking for and reduce bounce rate
Super easy to install, usually will work out of the box
HOW DOES IT WORK
By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make them work. Don’t forget this, it’s a mandatory field for certain themes. Use additional margin top to fine tune sidebar menu position.
Sticky sidebar plugin will work out of box with some themes which use “#secondary” id for sticky sidebar menu by default such as: Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap and many more… Plugin is localized (multi language support) and will allow you to create a responsive fixed sidebar (as far as your theme is).
WHAT DO YOU GET IN THE FREE PLAN?
Sticky Sidebar Class: CSS class or id of the sidebar element desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!
Container Class: Container element class or id. If left blank script will try to guess. It must be element that contains both sidebar menu and content. Usually it is #main, #main-content or #primary. Mostly this parameter is not needed for majority of themes.
Additional Top Margin: An additional top margin in pixels to your floating sidebar.
Additional Bottom Margin: An additional bottom margin in pixels to your floating sidebar.
Disable sidebar stickiness if screen width is smaller than: this feature will prevent the appearance of the sticky sidebar.
Update floating sidebar menu height: Troubleshooting option, try this if your sidebar menu loses its background color. True or False.
WHAT DO YOU GET IN THE PRO PLAN?
Disable floating sidebar on Desktop/Mobile
Add CSS style to the sticky sidebar – create your custom sidebar
Disable floating sidebar on specific pages, front page, blog page, posts, categories, tags, archives
>>> See Pro plans here
Testimonials
“I was using my default theme’s sticky sidebar, but it was not working as I want on my blog, then I got this plugin and it worked perfectly.”
Divesh Diggiwal, WebTechPreneur
Plugin integrates magnificent Theia Sticky Sidebar v1.7.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.3 | 1.4 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5 | 1.3.6 | 1.3.7 | 1.3.8 | 1.3.9 | 1.4.1 | trunk |
延伸相關外掛（你可能也想知道）
Ultimate Floating Widgets – Make popup sidebars 》Ultimate floating widgets 外掛讓您在網站中添加浮動式小工具。如果您的佈景主題沒有側邊欄或不想使用側邊欄，但仍然希望使用小工具，那麼使用此外掛可以添...。
WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar 》All-in-One WP Sticky Anything, All-in-One WP Sticky Anything on Scroll 插件可讓您在網站上使任何元素固定。它也適用於 Elementor 頁面建構器。, 有時我...。
Fixed Admin Sidebar 》此外掛修正了後台側邊欄在網頁滾動時的位置，使其保持在瀏覽器側邊。最適用於折疊檢視。。