【WordPress教學】如何製作回到頂端按鈕？(WPFront Scroll Top)

Sandra / 2021-03-16 / 2026-07-06

現在網頁在設計時為了提升使用者體驗，漸漸大家都會加入回到頂端按鈕，讓滑到下方的文章可以很快地回到最上方操作其他的動作，那今天 【WordPress教學】如何製作回到頂端按鈕？(WPFront Scroll Top) 就是要介紹wordpress外掛中我覺得好用的Scroll To Top Button，一起來安裝吧～

安裝 WPFront Scroll Top 並啟用

1. 安裝 WPFront Scroll Top 外掛，並啟用！

2. 將 Enabled 打勾，並調整各項設定。

   

---

各項設定說明

Button Style/Button Action 設定

Button Style

1. Image：可以選擇預設的圖片或自己上傳圖片。
2. Text：可以輸入文字。
3. Font Awesome：使用 Font Awesome 網站上的 icon。

Button Action

1. Scroll to top：回到上方。
2. Scroll to Element：滾動到某元素（可設定）。
3. Link to Page：連結到某頁面。

---

Location 設定

可設定按鈕位置：左上、左下、右上、右下，以及 x/y 軸的具體位置。

---

選擇出現頁面

1. 可選擇在全部頁面出現。
2. 設定特定頁面才顯示按鈕。
3. 設定特定頁面不顯示按鈕。

---

選圖示

外掛預設提供一些圖示可使用，若不滿意也可以自行上傳。

---

儲存設定

完成所有設定後，記得點擊 儲存設定 即完成設置！

---

結論

現在的網頁設計為了提升使用者體驗，漸漸地大家都會加入「回到頂端按鈕」，讓滑到頁面下方的使用者可以迅速回到頂端，方便操作其他動作。今天介紹的 WPFront Scroll Top 外掛是一款非常實用的工具，簡單易用，大家可以試著安裝並設定看看！