如何將自定義滾動條添加到WordPress中的任何元素


您是否有一個較長的側邊欄,該欄會破壞某些頁面上的WordPress佈局? 最近,我們的一位用戶要求我們提供解決方案。 由於用戶不想刪除任何窗口小部件,因此建議向所有較長的窗口小部件添加固定的高度和滾動條,以解決問題。 在本文中,我們將向您展示如何向WordPress中的任何元素添加自定義滾動條。

將自定義滾動條添加到WordPress中的任何元素

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活“自定義滾動條”插件。 激活後只需轉到 外觀»滾動條 配置插件。

自定義滾動條設置

您首先需要為滾動條提供一個名稱。 該插件允許您添加多個滾動條,因此添加名稱將有助於您在管理區域中找到自定義滾動條。

設置中的下一項是“目標元素選擇器”。 這是您要定位的Web元素的類或ID。 右鍵單擊Chrome瀏覽器中的元素,然後從菜單中選擇inspect元素,即可找到任何元素的ID或類。

使用檢查元素工具查找元素ID或CSS類

如您在屏幕快照中所見,我們要定位的元素位於CSS類bwp_gallery的旁邊。

輸入目標選擇器後,您可以選擇自定義滾動條區域的高度和寬度。 您還可以為滾動條選擇位置和主題。

完成後,只需單擊保存更改按鈕以存儲您的設置。

就是這樣,您現在可以訪問您的網站以查看自定義滾動條的運行情況。 您可以通過單擊“添加”按鈕重複該過程以創建另一個自定義滾動條。

添加另一個自定義滾動條

我們希望本文能幫助您將自定義滾動條添加到WordPress網站上的任何元素。 您可能還想查看我們的網站上25個最有用的WordPress小部件列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。