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

現在網頁在設計時為了提升使用者體驗，漸漸大家都會加入回到頂端按鈕，讓滑到下方的文章可以很快地回到最上方操作其他的動作，那今天 【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 外掛是一款非常實用的工具，簡單易用，大家可以試著安裝並設定看看！