IT入行攻略 - 由0開始,開展網頁設計生涯
這篇「IT入行攻略」, 將會教你如何由0開始,開展網頁設計生涯。我會分享自己親身的入行經歷, 以及在這行業接Freelance、找工作的三步曲。
如果你想做一個漂亮的網站,但又不想自己寫程式的話,最快的方法就是購買WordPress Template。
市面上有琳瑯滿目的WordPress Template,初學者在選擇佈景時,不知如何找到適合的Template。
選擇WordPress Template究竟有甚麼準則呢?
這篇「Wordpress Theme教學 - 6個WordPress模板選擇準則+熱門佈景推薦」將讓你獲得:
準備好了嗎? 我們開始吧!
Template其實可以分為兩種,一種是HTML Template,另一種是WordPress Template。那麼兩者有何分別呢?
1.HTML Template
HTML Template是只有frontend的Template,即是HTML、CSS、JAVASCRIPT。簡單來說,就是只有外觀,卻不會具備任何backend(後台)功能的,如:電子商貿、用戶註冊等。
限制:這類Template只能做較簡單的網站(只有1-2頁)。當然若你懂得自己做backend也可以選擇安裝HTML Template,最後將HTML template連接至自己的backend。
2.WordPress Template
WordPress Template既能讓網站看起來美觀,也能讓網站具備功能,適合用來製作複雜的網站,如:電子商貿、論壇、求職網等。
限制:修改他們的源碼不是那麼容易, 因此你要找個合適你網站的WordPress Template了!
這篇文章將集中介紹WordPress Template的選擇準則,讓你能夠在短時間內找到合適的Template!
1.Themeforest: https://themeforest.net
在這個網站,你能尋找不同類型,又最Trending的WordPress Template,如:Blog、教育、娛樂、電子商務等,總有一款符合你的要求!你甚至可以填寫自己能應付的Template價格,這樣就能輕輕鬆鬆找到你的心頭好!
2.Landingfolio:https://www.landingfolio.com/
在這個網站,你也可以選擇網站的類型,甚至挑選網站的外觀顏色,這樣你便能找到個與你品牌風格一至的網站了!
如果你是用Themforest的話,進入Themforest後,click wordpress categories ,選擇browse new,然後click trending wordpress,你就能找到最新最熱門的Template了!通常Trending的都不會太差!
如果你是用Landingfolio,在左欄目中click Templates,然後你可以選擇類別,並在Made With一欄選擇WordPress,便會出現不同的Templates。
延伸閱讀:關於WordPress的安裝方法,你可以參考《WORDPRESS安裝教學- 5個步驟, 利用AWS Lightsail建立WordPress網站》這篇文章。
一、考慮網站類型與目的
由於購買WordPress Template就是不想自己寫coding,故此你必須選擇一個合乎網站功能需求的template。甚麼意思呢?
例如:你的網站是做網購的,那選擇的Template就必須有電子商務功能。又例如:你的網站是求職網,那你的WordPress Template就需具備Job Board功能,讓你可以login並在網站上載招聘資料。
二、Loading時間不能過長
一個好的WordPress Template,速度必須快,Loading時間不能過長,否則用家沒有耐性,便會離開這個網頁了。
三、外觀優美
網站的設計影響用家對公司/產品的第一印象。因此,若你選擇的WordPress Template 顏色,符合公司形象,能夠大大增加用家對你公司的信賴程度。
此外,你也可以看看這個WordPress Template動畫(animation)是否優美呢!
四、具備響應式設計
另一個考慮因素就是這個WordPress Template 是否具備響應式設計?甚麼是響應式設計(RWD)?
意思是網站能夠跨平台使用,無論是手機(mobile)還是桌上電腦(desktop),都能因應熒幕的大小,自動調節網站的排版,讓用家擁有最佳的瀏覽體驗。
五、瀏覽器是否支援?
好的WordPress Template 應該能夠支援不同的瀏覽器,考慮到不同用家的需要,令所有人皆能進入該網站。
六、評價分數和留言
在選擇WordPress template前,你可以看看別人的對此template的評分和留言,你便能大概判斷出這個Template是否設計得好。如果一個WordPress Template寫得不好的話,你是很難再作修改的!
此外,你也可以看看作者的資訊,如果他是Power Elite Author的話,對這個Wordpress Template的信心也大大增加了。
太多Template看到眼花繚亂?不用怕!以下將介紹5類熱門漂亮的WordPress,讓你作參考!
Powerlift-Fitness and Gym Theme
網址:https://powerlift.qodeinteractive.com/
價錢:US$69
我覺得他的文字排得挺好看的,配合相片,看起來很有感覺!
按鈕動畫也能看得出是花了心思去寫的呢,不會太複雜,看起來簡簡單單的,很不錯!
1.Stockie-Modern Multi-Purpose WooCommerce
網址:https://stockie.clbthemes.com/demo1/
價錢:US$59
我很喜歡他在相片前,加上白色正方框,令網站看起來不像是Template所製成的!
你用的時候,注意圖片的背景要跟他一樣是白色,這樣會比較好看!
我們也可以看看他的功能性。你看!這個網站做了product variation的功能,讓用家能選擇產品的顏色。
2.Haaken - Fashion Store Theme
網址:https://haaken.qodeinteractive.com/
價錢:US$75
簡單的設計,配上大張的相片,看起來很時尚。這個template的動畫split slider也做得很不錯呢,非常特別!
Alloggio - Hotel Booking Theme
網址:https://alloggio.qodeinteractive.com/hotel-home/
價錢:US$75
我覺得他的字體用得不錯,但若轉成中文字體,感覺應該就很不一樣了。
他的按鈕也是看得出做得很有心思,當滑鼠滑過,按鈕(button)的顏色出現轉換,這個是很難做的!
Henrik - Creative Magazine Theme
網址:https://henrik.qodeinteractive.com/creative-magazine/
價錢:US$75
雖然這個網站是用單一色:橙色組成的,但配合了漂亮的相片,看起來整體感覺也很有藝術感。
Ohio - Creative Portfolio & Agency WordPress Theme
網址:https://ohio.clbthemes.com/demo6/
價錢:US$59
雖然只是用文字組成的,但他這個排版也是挺特別的,有令人眼前一亮的感覺。
好了!以上就是WordPress Template的介紹和選擇準則,希望對你有用!
你也可以上Youtube觀看《Wordpress Template大評測 - 評價themeforest上的不同template》:
如果大家有甚麼問題,歡迎email與我討論!
這篇「IT入行攻略」, 將會教你如何由0開始,開展網頁設計生涯。我會分享自己親身的入行經歷, 以及在這行業接Freelance、找工作的三步曲。
這篇《Youtube SEO教學攻略 - 影響Youtube SEO排名的4大因素》為你分析影響Youtube SEO排名因素,讓你的影片有更高的曝光率!
免費參加【網頁開發入門CRASH COURSE】線上課程!