為網站添加返回頁面頂部按鈕,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 外掛

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


使用教學

安裝外掛

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

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

step 1

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

外掛 > 安裝外掛

step 2

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

搜尋 WPFront Scroll Top

step 3

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

WPFront Scroll Top

外掛設定教學

step 1

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

設定 > Scroll Top

step 2

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

勾選 Enabled 選項

step 3

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

選項解釋 :

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

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.] (在以下所選擇的頁面中不顯示返回按鈕)
Display on Pages 設定按鈕顯示/隱藏

step 5

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

step 6

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

單擊 Media Library 按鈕從你的電腦上傳圖像當作按鈕樣式

step 7

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

儲存設定

效果預覽

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


常見問題

WPFront Scroll Top 外掛介紹

WPFront Scroll Top 外掛,可為你的 WordPress 網站添加一個「返回頁面頂部」按鈕,你的網站訪客只需單擊該按鈕,即可快速返回訪客所在頁面/文章的頂部。
該外掛支援站長自由些改「返回頁面頂部」按鈕的樣式、尺寸、所處位置等等設定,自訂程度非常高。 同時,該外掛也支援自訂按鈕是否在頁面/文章中隱藏,可依自身需求讓按鈕只顯示在網站文章或頁面上。

WPFront Scroll Top 外掛如何使用?

1. 開啟 WordPress 後臺,前往 外掛 > 安裝外掛,搜尋「WPFront Scroll Top」,安裝並啟用 WPFront Scroll Top 外掛。
2. 前往 設定 > Scroll Top,在該外掛設定頁面設定該外掛。
3. 下滑到該頁面底部,單擊「儲存設定」按鈕,儲存你的外掛設定。


0 0 選票
文章評分

如果對文章內容有任何問題,歡迎在底下留言讓我知道。
如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。
還沒訂閱部落格的朋友們,記得在右上角填入信箱,收到我最新文章的通知。

by 小翔

訂閱
通知
guest
0 評論
在線反饋
查看所有評論