花了一週的時間改版了網站,一切都非常突然,但一直都很想改版
內容目錄
前言
這篇文章裡有說到,我本來網站是在Wix後來搬家到WordPress,一開始跟著網站帶路姬用Soledad的佈景主題和範本來製作,也做出了看似人模人樣的網站!那…
為什麼還是改版了?
常常跑版
不知道為什麼,我常常會看到網站跑版…甚至有時候跟人展示的時候,我的手機看很正常,對方的卻跑版,或是我早上在家裡看的時候正常,但到其他地方打開看時又跑版了…真的極度困擾!!

佈景主題限制
Soledad算是把很多樣式都寫好了!你就新增頁面,用它提供的範例製作,能改的幅度很有限,自定義修改的地方也很複雜,這對我這個喜歡發揮創意、設計的人來說,蠻大的阻礙…。而且他包的東西太多了,在速度上覺得會有點慢,當然跟Wix相比還是快很多啦!
無法展現個人特色
畢竟人家佈景主集範例都弄好了,錢都付了,沒拿來用的話也很可惜吧?但這樣網站看起來就無法跟市面上的做出區別!這讓我一直都很想改版…。
開始改版
改版的契機
11月的某週末,我心血來潮想換個頁首樣式,開始調整,調著調著就開始了改版作業,然後,就在我調完差不多後,隔天想要再改善一下,因為誤按了Reset ALL(我以為是那一頁Reset,節果竟然是整個網站Reset),導致網站還原成原始樣貌,超傻眼!我的心血就這樣沒了?

幸好一週前有備份,我決定先還原備份,然後下定決心!我要跟Soledad說再見!然後以後也不這麼衝動了,跟著網站帶路姬這篇介紹,先建一個備份網站改版,之後再換網址…。
佈景主題?
WordPress佈景主題何其多,我要換成哪一個啊?本來想說要不要用最常見的Astra?之前網站迷谷的站長推薦我用Blockys,這是目前最輕量快速的佈景主題!所以我就直接嘗試了!
看了被動收入實驗室的四天免費架站教學系列#2 Blocksy 實際使用後也真的蠻好用的!它設定簡潔不囉唆,我也沒有用他的範本,全部頁面都用Elementor拉出來,完整呈現了我的Idea!
本次改版亮點
本站專注的重點在於呈現個人特色設計、客製化,關於教學網路上已經有太多了!針對如何做就不會多花篇幅去教學,這邊就針對幾個改版亮點做個介紹,畢竟可是心血!
首頁Banner動態
身為UI/UX,我十分重視動態過度和呈現效果,好的動態可以展現亮點,過多的動態則會讓人眼疲!一點小小的動態,就讓網站Banner的感覺截然不同吧~!
圓弧花邊的設計
我用手繪線條,讓我的網站呈現出不一樣的質感,圓弧花邊也讓網站活潑了起來~
資訊架構調整
調整了原先資訊架構,將我的四大核心服務直接列於選單區,相關類型的頁面和文章也會收納於各區之中,就不以頁面和部落格來分類了(這也是WordPress好用的地方)。
服務頁面的呈現
將我的服務和作品範例做了明確的說明,以往是著重在作品集欣賞和分類,現在直接將兩者結合。


新版(左)和舊版(右)的差異,舊版是介紹完服務後,可點擊進去看作品集,新版則是直接點選您有興趣的類型,並可看到服務說明和作品展示。
舊版網站目前還可以看到,有興趣想看比較的可以去看看,因為不是https會跳警告:
結論
以上是這次改版的簡單說明。問我滿意現在的樣式嗎?當然滿意囉!
之後還想嘗試看看其他佈景主題的特色,也想用用古騰堡編輯器來製作網頁看看;->
後記:發布文章當下,網站的內容資訊又調整改版了XD
您也想要屬於自己風格的網站嗎?

告別版型和大眾風格,一起來點不一樣的吧!歡迎找Jane聊聊談談!