iT邦幫忙

2025 iThome 鐵人賽

DAY 6
0
佛心分享-SideProject30

用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!系列 第 6

🧑‍🚀 [DAY6] 網站風格定案!Header、Footer 與首頁起手式

  • 分享至 

  • xImage
  •  

網站的建置,今天正式進入第一階段的實作日!

昨天我已經完成了首頁草稿圖,今天我就直接動手,開始實作 WordPress 網站的基本骨架,包括:


🧱 Header 與 Footer 的規劃

  • Header:放上 YUN Logo,搭配主選單,規劃以下導覽連結:
    • 首頁
    • 故事宇宙、分類
    • 關於我
  • Footer:將 Logo 再次露出,搭配簡易社群連結(X / IG / YouTube / Email),並放上版權資訊。

🎨 網站整體風格設定

  • 顏色基調:深淺色背景 + 寶石光澤 / 鑽石亮點(呼應角色與品牌)
  • 字體設定:Noto Sans TC 搭配英文字體
  • 按鈕樣式:圓角、光影 hover 效果、帶點 Y2K 元素

💡 因為會搭配 AI 視覺、角色動畫等,所以主視覺一定要有「空間感」,讓故事有場景。


🛠️ 初步完成的區塊包括:

  • ✅ Header & 選單
  • ✅ Footer 聯絡資訊
  • ✅ 全站配色與字體設置完成

✨ 感想

今天的進度有點技術但也很療癒!頁面完成度更高時再來分享畫面。
從草圖走向實作、慢慢看到畫面長出來的過程,就像是在建構自己的世界。
現在這個宇宙還很小,但每一塊積木都超重要!
接下來,準備進入內容的分類與規劃階段啦~


上一篇
🚀 [DAY5] 首頁想法草稿初登場!
下一篇
🚀 [DAY7] 首頁起飛!視覺風格全開
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!7
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言