雖然從 2022年時已將《網站升級為 Bootstrap 5》,卻一直只使用了基本的功能而已。這回趁著「後台系統」網站也要全面轉換為 Bootstrap 5 之際,且最新版 Bootstrap v5.3 提供有切換「日夜模式」等新功能,見下圖之右上角圖示。決定在 2025 年來臨前,大幅度整合 Bootstrap 功能於網站上,並淘汰其它舊的外掛 Javascript 模組。
Bootstrap 5.3 升級筆記條列如下:
- 加入切換「日夜模式(Dark mode)」功能(Bootstrap 5.3 版起才提供)
- 改用 Bootstrap 5 Modal 完全取代 Fancybox
- 改寫 Bootstrap 5 Dropdown 完全取代 jQuery SmartMenus
- 改寫 Bootstrap 5 Modal 取代 jQuery UI Dialog
- 取代 WooThemes FlexSlider 2 改用 Bootstrap 5 Carousel
- 原本規劃於 2025年不再支援 IE 11,但從流量分析來看,舊用戶還是在使用它,決定讓 IE 11 從 Boostrap 5 裡復活。採用 bootstrap-ie11 CSS 和 JavaScript 填充(Polyfills)等元件,並修正 IE 11 下,Modal 視窗「btn-close」不見等問題
新增註冊帳號驗證通知:
原本網站的設計為免註冊帳號,雖然省掉註冊的程序,但有些新手上路會不小心輸入錯誤的電子信箱,比如正確的 @gmail.com 變成 @gamil.com 等情況,造成後續必須手動變更信箱等麻煩作業。
因此,決定回歸通用的網站註冊程序,用戶需先輸入電子信箱「註冊帳號」再登入網站。系統會發送驗證郵件至該信箱,只要開啟郵件「點選連結」就完成驗證註冊程序。
同時,還整合了「使用 Google 帳戶登入」網站的快速方式,只要點選 Google 按鈕(左右兩個均可使用),新用戶會自動註冊和登入帳戶,現有用戶則可自動登入,不但省去寄信驗證帳號的步驟,也不必再輸入電子信箱!