20260125 HRJust 網站優化與修正進度報告

2026/01/25 - 黃宥琦 (YC)

本日執行重點

1. 首頁與視覺排版調整

• 子標題與圖片對齊 (Point 1)：
  • 已修正子標題水平對齊，並調整歐盟旗幟與兩側圖片大小一致。
  • 技術備註：關於「以圖片替代 Emoji」的部分，目前已盡力尋找替代圖示。惟需提醒，若要完全替代且維持與 Emoji 相當的視覺統一性難度較高，且過多高解析度圖片可能稍微影響頁面載入效能，目前已在視覺與效能間取得平衡。
• Focus Areas 排版 (Point 2)：
  • 已調整為五欄並排。
  • RWD 說明：此區塊採用響應式設計 (Responsive Design)，在寬度較窄的螢幕上會自動調整換行，以確保閱讀體驗。
• 其他視覺優化 (Point 5, 7)：
  • About 頁面：Partner 區塊學校 Logo 已縮小並調整高度一致，比照首頁樣式處理。
  • 分頁按鈕：已為頁面下方的換頁按鈕添加外框，提升按鈕識別度。

2. 內容清理與結構調整 (Content & Structure)

• 移除虛構與冗餘資訊 (Point 3, 6)：
  • 已全站移除所有測試用的虛構文章/新聞/活動。
    • 備註：若您在登入管理員 (Admin) 狀態下看到標示為 Private 的文章，乃是系統保留的測試存檔，一般訪客在前台完全無法看見，請放心。若需徹底從資料庫刪除亦可執行。
  • 已移除 Publication 區塊中的「Read time」顯示。
• Newsletter 與 Events 顯示機制優化 (Point 4, 8)：
  • 隱藏機制建置：針對目前內容尚需確認的 Events，已全數設為隱藏 (Private)。
  • 新增「no-display」標籤功能：為了更靈活管理，我開發了 no-display tag 功能。
    • 功能說明：被標記此 tag 的文章，即使發布了，也不會出現在 News 頁面的 Query Loop 列表中（連管理員在前台也看不到），但保留文章連結以供內部檢視。
  • 現況回報：目前的 Newsletter 內容是直接參照 Word 檔製作，Publications 則使用原版 PDF，這部分應無問題。建議團隊可再評估哪些舊內容需要調整，我可隨時配合隱藏或修改。

待確認事項

1. 全站字體更換提案 (Point 9)

• 針對「字體太剛硬」的反饋，我不直接更動，而是準備了幾款風格較柔和的字體樣板（Samples）。
• 請參閱附件：請團隊挑選偏好的風格，確認後我將一次性進行全站替換，以確保整體視覺風格符合預期。

---

附件：字體選擇

針對中小型網站（特別是內容型/機構型網站），不需要像大企業做整套 Design System。要讓網站看起來有層次且不亂，通常只需要決定兩個核心項目就夠了。

1. 標題字體 (Headings)

用途：H1, H2, H3, H4 等大標題。
如果要柔和，找圓角無襯線體 (Rounded Sans) 或人文主義無襯線體 (Humanist Sans)。

2. 內文字體 (Body Text)

文章內容、段落 (p)、列表 (li)。
通常選乾淨的無襯線體 (Sans Serif)，或者如果標題已經很花俏，內文就用最素的。
字體清單如下，以下是 AI 推薦的幾個字體。仍有更多選擇，可至 Google Fonts 查看。