為網站添加返回頁面頂部按鈕，WPFront Scroll Top 外掛教學

為你的 WordPress 網站添加返回頁面頂部按鈕，可以極大方便訪客對你網站的閱覽，每當訪客想快速返回頁面頂部時，再也不用麻煩的去拖動頁面右邊的滾輪，只需單擊該「返回頁面頂部按鈕」，即可快速到達。

而今天本文所要介紹的 WPFront Scroll Top 外掛，及可以為網站添加這麼一個返回頁面頂部按鈕，且按鈕圖像、樣式高度可自訂義。

WPFront Scroll Top 外掛介紹

WPFront Scroll Top 外掛，可為你的 WordPress 網站添加一個「返回頁面頂部」按鈕，你的網站訪客只需單擊該按鈕，即可快速返回訪客所在頁面/文章的頂部。

該外掛支援站長自由些改「返回頁面頂部」按鈕的樣式、尺寸、所處位置等等設定，自訂程度非常高。

同時，該外掛也支援自訂按鈕是否在頁面/文章中隱藏，可依自身需求讓按鈕只顯示在網站文章或頁面上。

外掛名稱：WPFront Scroll Top
外掛網站：https://tw.wordpress.org/plugins/wpfront-scroll-top/#description

圖片來源 : WPFront Scroll Top 外掛頁面

使用教學

安裝外掛

以下教學需安裝並啟用 WP Super Cache 外掛，不會安裝外掛的可以點擊以下連接前往教學文章學習。 文中會教你如何搜尋、安裝、啟用、停用和刪除外掛。

教學文章：外掛安裝教學
文章網址：https://xiaoxiang.blog/how-to-install-the-plug-in/

step 1

開啟 WordPress 後臺管理介面，前往 外掛 > 安裝外掛。

step 2

使用關鍵字搜尋外掛，輸入「WPFront Scroll Top」。

step 3

找到名稱為「WPFront Scroll Top」的外掛，點選 立即安裝，並 啟用 該外掛。

外掛設定教學

step 1

外掛啟用後，前往 設定 > Scroll Top，外掛設定頁面。

step 2

勾選最上方「Enabled」選項，啟用顯示返回按鈕。

step 3

如下圖所示，在「Location」設定你想要把按鈕顯示在你網站的那個位置。

選項解釋 :

• Bottom Right (返回按鈕顯示在網站 “右下角” )
• Bottom Left (返回按鈕顯示在網站 “左下角” )
• Top Right (返回按鈕顯示在網站 “右上角” )
• Top Left (返回按鈕顯示在網站 “左上角” )

step 4

在「Display on Pages」設定按鈕是否顯示/隱藏在特定頁面。

選項解釋 :

• All pages. (在網站所有頁面顯示返回按鈕)
• Include in following pages [Use the textbox below to specify the post IDs as a comma separated list.] (在以下所選擇的頁面中顯示返回按鈕)
• Exclude in following pages [Use the textbox below to specify the post IDs as a comma separated list.] (在以下所選擇的頁面中不顯示返回按鈕)

step 5

在「Image Button」可以選擇你要的返回按鈕的圖片樣式，勾選即可。

step 6

如下圖所示，單擊旁邊的「Media Library」按鈕，即可從你的電腦上上傳圖像來當作返回按鈕的樣子。

step 7

外掛設定完成後，記得單擊下方的「儲存設定」按鈕，儲存你的外掛設定。

效果預覽

如下圖所示，外掛設定好後，即可在網站前台看到「返回頁面頂部」按鈕。

常見問題

如果對文章內容有任何問題，或有想讓小翔另外補充的的內容，歡迎在底下留言讓我知道。

在這裡，我想讓您知道在 小翔教你SEO 網站中，有些連結為聯盟營銷連接，這代表，當人們點擊該連結，並前往其他網站進行購買動作時，我將會從銷售中獲得少部分佣金（但不會影響你購買的價格）。

有關更詳細的聯盟連接說明，請前往 聯盟計畫聲明（FTC） 頁面觀看。

by 小翔