如何在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

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

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