作品集 / 家而適 部落格系統
家而適 部落格系統
內容網站＋模組驅動後台
白話說明品牌的部落格：寫文章、分類，並連到相關商品。
專案概要
以 PHP 開發的部落格：文章、分類、標籤與內頁，文章可設定 SEO 欄位與關聯商品。
後台為模組驅動設計：欄位定義存在資料庫，每種欄位對應一個元件，新增一種資料不用再寫一套新增修改程式。
我負責
- 部落格功能面
- 後台上架功能
- jQuery 前端互動
技術
功能清單
文章列表與分頁僅顯示已上架且發布日已到的文章。
分類頁與標籤頁分類旁顯示文章數。
文章內頁與本文摘要依文章標題自動產生「本文摘要」錨點目錄。
每篇 SEO 設定標題、關鍵字、描述與社群分享資訊，網址為 SEO 化網址。
相關商品關聯文章可關聯購物站商品，前台顯示並導向商品頁。
推薦與相關文章內頁與首頁顯示推薦文章及相關文章。
後台文章管理新增、修改、複製、排序、搜尋，編輯器可上傳圖片。
文章上架流程
示意畫面
| 文章標題 | 分類 | 發布日 | 狀態 |
|---|---|---|---|
| 範例文章 01 | 範例分類 甲 | 2026-01-01 | 已上架 |
| 範例文章 02 | 範例分類 乙 | 2026-01-01 | 已上架 |
| 範例文章 03 | 範例分類 甲 | 2026-01-01 | 草稿 |
| 範例文章 04 | 範例分類 丙 | 2026-01-01 | 已上架 |
| 範例文章 05 | 範例分類 乙 | 2026-01-01 | 草稿 |
整合說明
購物系統文章關聯的商品，由前台呼叫購物站的商品介面取得，並連到商品頁。
第三方登入Google、LINE。