如何在WordPress中創建浮動固定側邊欄小工具

08/22/2023

為什麼要創建浮動固定側邊欄小工具?

浮動固定側邊欄小工具會在用戶滾動時保持在屏幕上,這使得訪客有更多的時間注意到其內容並與之互動。您可以用浮動內容來建立郵件列表、推廣產品、分享熱門文章、展示最新的推特或Instagram帖子等等。

例如,您可以將電子報註冊表格變成浮動側邊欄小工具,這樣訪客就有更多的時間註冊。許多在線商店的擁有者也會使用浮動側邊欄小工具來宣傳他們最受歡迎的產品或特別優惠。

在WordPress中添加浮動固定小工具

使用Fixed Widget和Sticky Elements for WordPress插件,您可以輕鬆創建滾動時固定的浮動小工具。首先,您需要安裝並激活Fixed Widget插件。如果需要幫助,請參閱我們有關如何安裝WordPress插件的指南。

激活後,您可以通過進入外觀 » Fixed Widget,配置一些簡單的設置。固定側邊欄小工具是推廣網站重要頁面、顯示最新評論等的好方法。但在移動設備上,固定小工具可能會佔用大量屏幕空間,可能會讓人感到沮喪。您可以通過輸入‘最小屏幕寬度’和‘最小屏幕高度’來為移動訪客禁用固定小工具。

根據您的網站需求,嘗試不同的設置以找到最佳效果。更多信息請參閱我們的指南:《如何從桌面查看WordPress網站的移動版本》。

默認情況下,固定小工具與屏幕頂部和底部之間沒有距離。要添加一些填充,只需在‘上邊距’和‘下邊距’字段中輸入您想使用的值。

當您對插件配置感到滿意時,請點擊‘保存更改’按鈕以保存您的設置。

接下來,請進入外觀 » 小工具在WordPress管理區域內創建您的第一個浮動小工具。然後點擊‘+’按鈕並添加您想要固定的區塊。在本指南中,我們使用最新帖子的區塊來顯示最近的文章,但無論使用哪個區塊,步驟都類似。詳細說明請參閱我們的指南:《如何在WordPress中添加和使用小工具》。

添加區塊後,點擊選擇它。現在您可以勾選‘固定小工具’框。如果您使用的不同行的情況下,只需轉到區塊面板中的‘設定’標籤並點擊‘固定小工具’。

對設置感到滿意後,不要忘記點擊‘更新’以使其上線。現在,訪問您的WordPress網站,您將看到浮動固定小工具的效果。

額外提示:在WordPress中創建浮動固定頁腳欄

除了浮動側邊欄,您還可以在WordPress博客中添加浮動固定頁腳欄。這個欄位會在用戶向上/向下滾動頁面時保持可見,並有助於推廣折扣優惠或社交媒體帳號。

您可以輕鬆使用OptinMonster創建浮動固定頁腳欄。它是市場上最好的潛在客戶生成工具,提供預製模板和拖放構建器。

安裝插件後,請從WordPress儀表板訪問OptinMonster » 模板頁面,並選擇‘浮動欄’作為活動類型。然後,在所選模板下點擊‘使用模板’按鈕。這將打開OptinMonster的構建器,您可以在這裡根據您的喜好自定義浮動頁腳欄。在這裡,您可以將不同元素從左側面板拖到右側的欄預覽。

您還可以設置顯示規則、與電子郵件營銷服務集成,並在欄中添加倒計時器。完成後,請從頂部切換到‘發布’標籤,使浮動頁腳欄上線。現在訪問您的WordPress網站,以查看變更效果。

更多信息請參閱我們的教程:《如何在WordPress中創建浮動固定頁腳欄》。

我們希望這篇文章能夠幫助您學習如何在您的WordPress網站中創建浮動固定側邊欄小工具。您還可以查看我們的指南:《如何用WordPress博客賺錢》或參閱我們的專家推薦:《最佳拖放頁面構建器》。如果您喜歡這篇文章,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您也可以在Twitter和Facebook上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>