在網站設計的領域,主打「文章」為主的部落格應該佔了最大份額的比例。根據您管理的網站類型,你可能會提供短文格式或長文格式的文章內容,我們這次討論一個「貼心」的小功能,你可否曾經有過這樣的經驗,就是當你閱讀一篇 5,000 至 1 萬字左右的長篇文章,當你閱讀到中段或接近完結時,如果你需要回到網站的最上部,你需要拉動網頁捲軸到頁首的位置,這非常不方便和花費時間。此時,如果你網站右下方有一個「返回最上 Back to Top」的按鈕,他 / 她們就可以輕鬆一按回到網站頂端。
WordPress 外掛名稱:To Top 簡介

隨著愈來愈多專業的 WordPress 佈景主題內建「回到頂端 Back to Top」按鈕,這類小功能的外掛可能不再需要存在在市場裡,不過在【學習社團】的確不時會有新手發問這個問題,原因一般是他們使用免費的主題,功能比較貧乏。這正正是適合安裝這類外掛的合適時機,加上外掛非常輕盈和不佔主機資源,沒有過多多餘的功能,To Top 外掛是市場上不錯的選擇。
如何【安裝】To Top 外掛?

步驟一
步驟二
步驟三
如何【啟用】To Top 外掛?

步驟一
步驟二
如何【刪除】To Top 外掛?

步驟一
步驟二
外掛缺點:廣告信息有點太多!

剛安裝完外掛,在介面下方一堆信息不知是什麼?仔細研究後原來是「廣告信息」,不過擺放位置比較容易誤導新手。不過廠方如果需要繼續提供免費的功能和更新,這種商業曝光和廣告也屬於合理的範圍,算是互惠互助的表現。
To Top 外掛的特色

支援全部 WordPress 佈景主題 (理論上)
非常輕量化的小型外掛
提供優異的技術支援
基本設定:調整出現條件

設定 1:捲動偏移量 (px) – 建議使用預設值
設定 2:圖示不透明度 (%) – 建議使用預設值
設定 3:按鈕的樣式
圖示設定 – 大小 / 色彩 / 類型

設定 1:選取圖示類型
設定 2:圖示色彩
設定 3:圖示背景色彩
設定 4:圖示尺寸 (px) – 建議使用預設值
設定 5:框線圓角半徑 (%)- 建議使用預設值
進階設定:客制化選項

設定 1:位置
設定 2:邊界水平位置 (px) – 建議使用預設值
設定 3:邊界垂直位置 (px) – 建議使用預設值
設定 4:圖示顯示於管理後台 – 建議使用預設值
設定 5:啟用自動隱藏 – 建議使用預設值
設定 6:自動隱藏時間 (秒)
設定 7:在小螢幕裝置隱藏圖示
設定 8:小螢幕裝置最大寬度 – 建議使用預設值
重設設定和停用 Catch 系列外掛:

設定 1:重設全部設定
設定 2:[Catch Themes] 及 [Catch Plugins] 分頁設定
完成,查看「返回最上」展示效果

常見問題 FAQ
To Top 外掛是免費的嗎?
這套「返回最上 Back to Top」完全免費,也沒有任何升級的選項,請放心使用。
什麼時候需要使用「返回頂端 Back to Top」外掛?
如果你的 WordPress 佈景主題並不支援這個功能,通常出現在免費主題之上,請瀏覽我們推薦的佈景主題介紹。
如果我遇到使用上的問題,可以去什麼地方發問和查詢?
請到我們的 WordPress 學習社團查詢和了解更多教學。
參考資料和引用文獻:
- HubSpot:11 Best WordPress Back to Top Plugins
- WPEngine:How to Create a Scroll Back-to-Top Button in WordPress
- WordPress 外掛目錄:To Top
- 網站迷谷:什麼是傳統編輯器 (Classic Editor)
- 網站迷谷:什麼是區塊編輯器 (Block Editor)
我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。
學員人數:6,600+ 人(持續增加之中)
