網站更新工作日誌
Header 全面修正:水平捲動、Sticky、Admin Bar 空隙
修正四個相關問題:(1)手機版水平捲動—修正 .control-a2503 overflow-x;(2)非首頁捲動前 header 為 absolute 誤起,強制 fixed;(3)手機選單中文亂碼—改用 JS fetch() 還原;(4)Admin bar 空隙—確認 WordPress 將 .admin-bar 加在 body,修正 CSS 選擇器為 body.admin-bar:not(.home),並修正 dropdown 連結透明米色的問題。
Blob 動畫、陰影、Overflow 修正
修正 Header 底部陰影失效(改用 box-shadow 直接加在元素本身);解決 Greenshift blob 動畫超出 Header 範圍同時又裁切 dropdown 的矛盾——以獨立 overflow:hidden 容器 layer 作為前景元素隔離;新增自訂 @keyframes headerBlobFixed,blob 從螢幕外左側滑入,Y 軸位移控制在 header 高度內。
隱私權政策頁面重新設計
以 greenlight-vibe skill 將 HTML 設計稿轉換為 Greenshift blocks,更新 WordPress page ID 3。設計採 800px 置中、橘色標題裝飾底線、章節標題左側橘色 3px 邊線、無序列表橘色圓點、聯絡資訊淺橘 card。CSS 透過 Greenshift REST API 寫入 _gspb_post_css meta。
Footer 背景色與手機版排版修正
Footer 背景色設為 #fff7ed(淺橘米色),border-top: 1px solid #fed7aa。手機版 Copyright block 三個 flex span 在 375px 下亂換行,透過附加的 CSS media query 改為 display:inline + flex-wrap,並讓整個 footer row 在手機版垂直置中對齊。
文章列表 Accordion Hover 效果
文章列表加入 accordion 展開效果,滑鼠 hover 時自動開啟對應條目,使用 CSS hover 觸發,無需 JavaScript。
SMTP 郵件發送設定(FluentSMTP + Brevo)
安裝 FluentSMTP plugin,串接 Brevo(原 Sendinblue)SMTP 服務,設定寄件帳號並確認測試信件發送成功。
聯絡表單頁面建立(Fluent Forms)
安裝 Fluent Forms plugin,建立 Contact 表單(姓名、Email、訊息欄位),並建立 /contact 頁面嵌入表單。
行動版導覽列選單覆蓋問題
手機版漢堡選單開啟後 .is-menu-open 只顯示 73px,頁面內容透出。嘗試 CSS height:100vh、JS MutationObserver、PHP wp_head 注入皆無效,均已復原。疑與 WP Rocket 行動版獨立快取有關,待進一步排查。