如何使用Elementor在WordPress中添加滾動文本
已發表: 2025-06-17滾動文字可能是吸引訪客注意力的好方法。它可以幫助您突出顯示重要的更新，公告或您不希望人們錯過的報價。另外，它可以使您的內容更具吸引力，因此人們喜歡閱讀它。
滾動文本不僅看起來現代，而且可以改善您共享快速信息的方式。例如，您可以以時尚而充滿活力的方式展示突發新聞，促銷信息或事件倒計時。它可以使您的網站保持新鮮和活躍，而不會佔用太多空間。
Elementor是最用戶友好的拖放頁面構建器插件之一，您可以在網站上輕鬆執行此操作。在此博客文章中，我們將介紹如何在WordPress Elementor中添加滾動文本的分步指南。開始！
WordPress中的滾動文字是什麼？
WordPress中的滾動文本是一段文本，可以在屏幕上移動，無論是水平還是垂直的。它通常用於以引起關注的方式顯示公告，更新或其他重要消息。您可能已經在新聞網站或電子商務商店中看到了它，以突出銷售，截止日期或頭條新聞。
文本一直在移動，因此，即使用戶不向下滾動頁面，用戶也會注意到它。在WordPress中，可以使用插件，主題或頁面構建器（例如Elementor）添加滾動文本。您無需編寫任何代碼即可創建此效果。您可以簡單地使用其內置工具或附加組件來設計滾動消息。
了解如何在WordPress中添加動畫文本。
WordPress中滾動文本的用例
使用滾動文本時，有很多地方和情況可能是提高參與度的好方法。下面，我們介紹了一些常見且實用的用例，以供您理解。請再花幾分鐘探索它們。
- 顯示突發新聞或更新
如果您運行一個新聞網站或具有時間敏感內容的博客，則滾動文本非常適合顯示出現新聞。它還可以突出顯示新發布的帖子或趨勢主題之類的更新。
- 突出顯示或折扣
在線商店可以使用滾動文字來促進特殊銷售，優惠券代碼或限時交易。主頁或產品頁面頂部的移動消息可以增加註意力。
- 宣布活動或網絡研討會
如果您的網站正在推廣活動，網絡研討會或在線課程，則可以使用滾動文本來共享事件名稱，日期和註冊鏈接，而無需使頁面沉重。
- 顯示緊急通知或警報
對於學校，醫院或政府門戶網站等網站，滾動文字對於顯示緊急更新，關閉通知或服務中斷非常有用。
- 具有推薦或客戶反饋
您也可以使用滾動文本以平滑，動畫的方式顯示客戶評論或推薦。它可以幫助建立信任，同時在網頁上節省空間。
- 共享社交媒體或聯繫信息
添加滾動文本以顯示您的WhatsApp號碼，支持電子郵件或社交媒體鏈接。這使訪客更容易注意到並與您聯繫。
探索如何在WordPress中添加社交媒體共享按鈕。
如何使用Elementor在WordPress中添加滾動文本
如前所述，您可以使用內置的Elementor工具和插件在WordPress中添加滾動文本。 HappyAddons是您可以在這方面使用的很棒的插件。
HappyAddons擁有大量的小部件和功能，可以補充核心Elementor插件以進一步為其供電。如果您發現核心Elementor插件不足以滿足您的設計需求，那麼HappyAddons可以幫助您克服差距。
HappyAddons具有文本滾動小部件，您可以輕鬆地設計並在WordPress網站上添加滾動文本而不會引起太大的壓力。最重要的是，文本滾動小部件是完全免費的。因此，您只需要免費版本的Elementor和Happyaddons即可完成今天的項目。
當這些插件在您的網站上準備就緒時，請按照以下說明的步驟操作。
步驟01：使用Elementor Canvas打開頁面
使用Elementor Canvas打開頁面。您可以從頭開始創建一個新的，或者只是導入模板。
步驟02：創建一個新部分以添加文本滾動小部件
創建一個新的部分，以通過單擊所需位置的Plus（+）圖標來添加文本滾動小部件。
選擇新部分的列結構。我們正在為教程選擇單列結構。
創建新部分的空間後，將文本滾動窗口拖放到部分上。
文本滾動小部件將立即添加到畫布中
步驟03：選擇滾動類型
小部件中有四種滾動類型。他們是：
- 垂直線突出顯示
- 水平線突出顯示
- 垂直線面膜
- 水平線面膜
讓我們在下面的視頻中查看這些類型的每種類型的選擇時的行為。
讓我們為教程選擇水平線蒙版。
注意：無論您選擇哪種文本滾動類型，所有這些選項都將相同。
步驟04：樣式化文本滾動窗口小部件
來到“樣式”選項卡。您將在選項卡中獲得這些選項 -對齊，文本顏色，版式，文本中風，背景，掩蓋不透明度和線條填充。
使用這些選項在選項卡下可用的這些選項自己進行必要的樣式化。
您可以看到我們已將必要的樣式添加到小部件。我們已經更改了其文字顏色，背景顏色，版式，文本筆觸等。
因此，您可以使用文本滾動小部件並根據需要創建引人入勝的內容。
步驟05：在網頁上添加更多滾動文本
以同樣的方式，您可以在網站上添加許多滾動文本部分，從而更改其類型。為了獲得靈感，請觀看下面附帶的視頻剪輯。
垂直線突出顯示
水平線突出顯示
垂直線面膜
水平線面膜
希望在探索整個教程之後，您已經了解創建滾動文本的容易性。現在輪到您在WordPress中與Elementor和HappyAddons創建引人入勝的滾動文本了。
關於wordpress中滾動文本的常見問題
在本節中，我們回答了一些在Google，在線論壇和社交媒體上常見的問題。
我是否需要Elementor Pro來使用滾動文本小部件？
不，您不需要Elementor Pro。滾動文本窗口小部件可在HappyAddons的免費版本中獲得，它可以與Elementor的免費版本一起使用。
是否可以更改滾動文本的字體，顏色和大小？
是的。您可以使用Elementor編輯器自定義字體樣式，文本顏色，背景，速度，甚至添加效果。
滾動文字可以在移動設備上工作嗎？
是的，滾動文本響應迅速，並且在移動和平板電腦屏幕上都很好。您可以根據需要調整設置以改進移動視圖。
我可以添加滾動文本的鏈接嗎？
是的，您可以使滾動文本可單擊。只需在您想要的錨文本中添加一個URL ，以便訪問者可以通過單擊即可直接進入頁面。
滾動文本小部件易於用於初學者嗎？
絕對地。您不需要任何編碼技能。只需拖放小部件，寫下您的文本，並設置您的首選樣式和滾動方向。
最後的想法！
將滾動文本添加到您的WordPress站點可能是一個很小的變化，但可能會帶來很大的影響。它不僅可以將用戶引起您的重要消息，而且還可以以樣式顯示您的消息。當Elementor和Happyaddons觸手可及時，您無需成為編碼專家就可以創建此功能。
希望我們盡力以最簡單的方式解釋該教程，以便您可以理解從上到下的過程。但是，如果您不喜歡閱讀長篇博客文章，那就不用擔心了！我們在YouTube上就此主題準備了一個視頻教程。
觀看下面嵌入的YouTube視頻的教程。如果您有任何疑問，請在下面的評論框中提及它們。我們將在最快的時間回答您的問題。