如何在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-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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