Astra Pro模組教學指南-Scroll To Top回到頂端設定

Scroll To Top滾動到頂端

這是Astra Pro Addon外掛提供的一項進階功能。
要使用這些Pro功能,你需要在網站上安裝Astra主題以及Astra Pro網頁設計外掛。

顧名思義,此模組有助於新增Scroll To Top動作到較長頁面上。
當你到達頁面末尾時,這消除了用滑鼠滾輪從最下方滾到最上方的麻煩。

如何使用 Scroll To Top 模組新增按鈕的快速步驟:

步驟1:確保已安裝並啟用了Astra Pro Addon模組。
步驟2:WordPress控制台 > 外觀 > Astra Options下啟用Scroll To Top模組。
步驟3:訪問控制台 [ 外觀 > 自訂 > Global > Scroll To Top ]以編輯模組設定

啟用後,只需點擊圖標即可將你帶到網站頂端!
它使訪問者可以輕鬆地滾動回到頁面頂部。
該按鈕僅在使用者向下滾動時出現。
對於網路行銷常見的一頁式網站設計以及基於內容的長文案網頁設計很有用。

啟用模組後,你可以在 外觀 > 自訂 > Global > Scroll To Top 下找到設定。
在設定中,你將找到以下選項–

Display On 開啟顯示

你可以選擇滾動到頂部連結,使其在桌機和/或手機裝置上可見。

Position 位置

你可以選擇Scroll To Top連結位置在頁面的右側或左側對齊。

Icon Settings 圖標設定

你可以設定以下icon屬性。

1. Icon Size 圖標大小 – 允許你設定圖標字體的大小。
2. Icon Background Radius 圖標背景半徑 – 以此為圖標背景應用圓角邊框。
3. Icon Color 圖標顏色 – 允許你設定圖標的字體顏色。
4. Icon Background Color 圖標背景顏色 – 允許你設定圖標的背景顏色。
5. Icon Hover Color 圖標懸停顏色 – 允許你在懸停時設定圖標字體顏色。
6. Icon Hover Background Color 圖標懸停背景顏色 – 允許你在懸停時設定圖標背景顏色。

延伸閱讀:
了解有關行銷網站中常用的購物車系統,
WooCommerce電子商務與Astra整合概述的更多資訊
Astra Pro 通過WooCommerce模組擴展網站商店選項。

Leave a Comment

Shopping Cart
回到頂端
Malcare WordPress Security