我的個人網站終於上線了!🎉🎉🎉
接下來我會分享從「要不要架網站」到「手工排版 100 多篇文章」的微血淚過程,
提供未來也想打造個人網站的人們一些參考。
怎麼評估要有個人網站
有點像是房子租久了,總有念頭想要自己買。
再加上社群流量受制於演算法,呈現方式多半是按時間軸,
而不是更結構化的,難以將相關主題的文章做更有效地串聯與呈現。
同時,也隨著這一年多的持續書寫,目前累積超過一百篇文章,
作為個人網站 1.0 的基礎,我想是可行的。
於是,就決定要有個人網站了!
如何開始
當決定要之後,接下來會碰到的問題是:自己架?找人架?
但這兩個問題中間,其實還有個需要釐清的重點:我的網站想要有什麼?
我在四月左右評估過,判斷現階段的需求是:文章(部落格)、表單、電子報,
短時間內還不需要金流、會員的功能。
因此,根據上述需求,比較了廠商、服務與費用,還有自架的可能投入時數後。
我決定使用 WordPress 自己架。
一是,我的七月行程有段空檔,可以全部拿來架站。
二是,我其實也很好奇,自己到底可以做出些什麼
(提醒:這沒有什麼理性可言,比較多是覺得好玩,來吧!!的衝動)。
過程與挑戰
決定自己架站後,想到先前參加聚會,有人提到架站的資源,於是開始翻翻找找。
後來是使用「網站帶路姬 WordPress 五天自學衝刺班」的教學
(無業配。純粹覺得有人把整個過程錄製下來,做好剪輯,還做成教學影片跟文章,真的很棒)
把 sever, domain, WordPress 的基礎設定都先處理完(也就是網站的骨架)。
然後穿插著以下資源:
- Coolors 的配色:https://coolors.co/?home
- Jun 彙整的 icon 資源:https://junlearning.com/icon/
- 溫研創意的網站設計流程:https://blog.wenyan.design/website-design-teach/
還有過往讀起來覺得很順的網站們,以及 Pinterest 的網站設計圖片。
依序設計與調整了文章分類、Header & Footer、文章呈現版位,以及文章上架。
最挑戰的則是文章上架跟首頁設計。
文章上架卡在,本以為文章封面用社群原圖 resize,然後調整內容排版即可。
但網站上的圖片大小,如果單以我的原圖,在電腦介面來看,真的不行。
於是,變成重做。
重新設計文章封面的版型,接著找商用圖庫的對應照片,一張一張全部重來。
也因為先前的貼文內容排版邏輯不同,這次的每一篇文章都需要重新排版。
最後文章上架變成:重做封面圖 + 排版 100 多篇文。
雖然有用 AI 處理英文代稱,但因為每篇文章呈現方式不一,仍需要逐篇手工調整(手工業的血淚)。
首頁設計則是卡在 RWD,電腦介面的靜態首頁很棒,但手機版位跑掉。
加上把先前學的前端概念全部還回去了,這次的架站全部走 No Code 路線。
調了半天(真的是物理時間的半天),最後選擇折衷的呈現方式,
先以生出來為主,後續 2.0 階段,再來細修。
總之,網站 1.0 誕生了。
這次的網站生產時間,大概是 55 小時,附帶熬夜五天,以及手臂痠痛。
那種從頭打造一個東西的專注與興奮,是熬夜的主要原因。
如果你剛好也在考慮要不要架站,希望這段分享能讓你對「自己架站」有更多想像。
此外,在架網站的過程中,也開始想到,好像是時候來寫電子報了。
不是資訊濃縮液的那種,比較像偶爾寫信,
把過去沒講完的、正在摸索的、職涯與生活途中的遭遇與碎念,寫下來並寄出去。
於是《艾瑪的途中來信》也同步誕生。
有任何心得、回饋、好奇或疑問,歡迎留言,或是訂閱電子報,
與我保持聯繫。
有機會,我們途中見。
也附上電子報訂閱連結:https://emma-s-career-note.kit.com/29f26e24fc