在網站設計的領域,主打「文章」為主的部落格應該佔了最大份額的比例。根據您管理的網站類型,你可能會提供短文格式或長文格式的文章內容,我們這次討論一個「貼心」的小功能,你可否曾經有過這樣的經驗,就是當你閱讀一篇 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)
- 網站迷谷:WordPress 佈景主題教學
- 網站迷谷:WordPress 外掛新手包
我們提供市場上最新的網站架設
新聞、教學和相關知識,我們不會向用戶
發送垃圾和推廣內容,而你可以隨時「取消訂閱」。
學員人數:9,200+ 人 (持續增加之中)