這年頭不管是要應徵或是接案,對於行銷或是設計人員來說,作品集 ( Protfolio ) 是一個非常重要的東西,而非前端工程師或是不熟悉網頁製作的設計師們,以及我們這些程式麻瓜的行銷人員,常見大家會使用「Wix.com」或是「Behance」製作作品集。
不過如果今天有機會使用 Wordpress 自己架設作品集網站,高度客製化、擁有自己的網址網域名稱、提升整體瀏覽體驗,何嘗不是個展現自己專業的新方式呢~
Themeforest|使用佈景主題客製化自己的作品集網站|公司形象、購物網站也適用
👇 我使用 Themeforest 上的佈景主題 ( Theme ),用 10 天時間打造了自己的行銷作品集兼履歷網站。
1. 先了解 WORDPRESS 佈景主題 ( Theme ) 是甚麼?
網路上教學自架網站的文章不嫌少,如果你下定決心要自己架設 Wordpress 網站,那麼選擇適合自己的佈景主題 ( Theme ) 就顯得相當重要。
佈景主題 ( Theme ) 就像是一間風格已設定好的樣品屋,不過這個樣品屋內,所有的裝潢、傢俱、擺設、色系,都能依據你自己的喜好做很大幅度的變動。
有了這樣的概念後,我們在架設網站時,就可依據目的跟需求 ( 文字內容 Blog、或企業形象、或購物 EC 電子商務等等 ),來尋找不同的佈景主題 ( Theme ),藉此快速製作、完成自己的網站。
而 Themeforest 是銷售 Wordpress 佈景主題、網站模板最大的服務平台之一,目前擁有上千成萬的佈景主題 ( Theme ),大部分的新手在學習 Wordpree 架站時,在 Themeforest 挑選適合的佈景主題 ( Theme ),會是一個好的開始~
下表針對不同架站類型需求,簡單整理推薦的佈景主題 ( Theme ) 比較:
網路上已經有很多架站前輩的資料整理跟教學,若有興趣,也可參考這篇 “網站帶路姬” 的分析比較文章 > WordPress 五大新手主題終極比較:Avada、Soledad、Flatsome、Astra、OceanWP
了解完上述佈景主題 ( Theme ) 的初步概念後,Themeforest 上也有很多獨立團隊開發的優質佈景主題 ( Theme ),下面介紹我如何使用其他的佈景主題,建置出自己的行銷作品集網站。
2. 如何使用 WORDPRESS 打造個人作品集網站
👇 進入 envato market > Themeforest 的網站後,可以在上方的目錄分類,去尋找自己喜歡的佈景主題 ( Theme )。

👇 佈景主題 ( Theme ) 五花八門、琳瑯滿目,有的真的大同小異,所以有選擇障礙症的,可能要多花點想像力好好決定視覺風格;我花些時間後,決定選擇下面這款「Ozark」佈景主題,作為作品集網站的版型基礎,再加上些自己客製化需求的更改。

* 選擇不同佈景主題時,除了確認價格是買斷或是有時效限制外,星等評價、售後客服、銷售數量等也都建議要參考。
👇 根據既有的版型,去做視覺元素的替換。以網站首頁來說,像是筆電裡的圖換成代表自己特質的手繪圖、LOGO 直接使用自己的大頭照。


👇 下方的技能也修改成屬於自己的說法跟加入 ICON 式內容。



👇 佈景主題設計擴充性很高,也可依據自己想要的方式增加內容,我就增加了 Highlight 的案例及服務客戶的 LOGO。


👇 作品案例使用列表頁的呈現,我則大幅度的調整了版面配置,讓案例的圖片視覺呈現更清楚。


👇 作品案例的內容頁,除了使用佈景主題原本的配置,也搭配使用了「Elementor」編輯器,去設計編排出,原本佈景主題無法呈現的內容。


👇 而像「聯絡我們」這樣的頁面內容,透過原本的框架去修改可以很迅速。


3. 結語
學習 WORDPRESS 架站至今,不難發現每一個佈景主題 ( Theme ) 其實都含有大量版型,運用點想像力跟多嘗試不同視覺排版,就能變出很有設計感的網頁網站設計,甚至許多佈景主題也都附有電商購物車頁面的功能。
如果你也有興趣用 WORDPRESS 的佈景主題架設自己的作品集,或是需要行銷夥伴給予數位製作協助,歡迎隨時與我們聯繫,一起交流心得~
4. 同場加映
👇 5 個經營部落格 BLOG 的起心動念|你需要知道為何而寫
👇 Google AdSense 賺廣告收益|實測收入、流量、匯款時間
支持 & 贊助
👋 覺得文章有幫助嗎?你的回饋鼓勵將是我們持續創作的動力!
謝謝每一位造訪的各位,歡迎透過以下有價或無價的方式,給予我們支持提供更多更好的內容給大家!🤙🤙:
1. 更多精彩豐富內容,請追蹤以下平台。
2. 透過連結完成訂單,你獲得優惠也讓我們獲取些許分潤。
- 旅遊行程 & 票劵:Klook|KKday|GetYourGuide
- 住宿:Booking.com|Agoda|Hostelworld
- 機票:Trip.com|WayAway
- 租車:Rentalcars.com|Getrentacar.com
3. 小額 Donate 贊助喝杯咖啡 ( Red Bull 也不錯 )。
- 小額贊助支持:綠界ECPAY|BuyMeaCoffee|街口支付
- 加密貨幣贊助支持:幣安 ( 276682866 )|Metamask – Ethereum ( ERC20 )

4. 到下方的拍手👏動動手指按讚 5 次 ( 建議使用 Google 或 Facebook 做快速登入 )。