方格精選

三天製作自家網站(WIX與Wordpress比較、免費設計資源分享)

更新於 發佈於 閱讀時間約 7 分鐘
去年中我已想用Wordpress製作自家網站,只是一直在「計劃」,想名字、想內容、想這想那結果一事無成。直到上月接到個壞消息,放任自己耍廢了幾天後,實在好想能夠完成一點事,才終於動起手來。
秉承我喜歡拖延,但一動手就一氣呵成的好(壞?)習慣,上網自學架站和簡單設計花了一天,之後一邊加內容一邊微調各種設定,又花了兩天。三天的事情卻拖了大半年,只能說時機未到。
網站內容暫時都是舊文章,將來主要想記下那些看似是芝蔴綠豆卻又值得記下來的小事。網站名稱想了好幾個,後來決定從「芝蔴綠豆」出發,寫作Sesame and Green Beans太冗長,便拿了首尾兩字變成SesameBeans.,不過訂了域名才醒覺,咦,那簡寫不就是⋯⋯ 算了,我唔知,我唔識,我睇唔到⋯⋯
牛年來臨之前,慶幸圓了一件心事。
以下主要分享WIX Vs WordPress的使用心得,以及各種網上資源。先旨聲明我是不懂網頁程式的門外漢,高人們別嫌我廢話。

WIX與Wordpress比較

使用WIX所製作的網站參考(網站截圖)

WIX

以前曾用WIX架過一個放portfolio的網站,最初是喜歡其介面簡單,直接拖拉物件就可以排版,使用方式近乎製作ppt,而且設計模版很漂亮,適合新手上路,也適合重視畫面的網站,直至後來我發現它好些缺點:
  • 首先是後台很慢,每次打開編輯器時我都有錯覺自己回到56K的年代,幸好我那個網站不用時常更新。
  • 據說SEO並不理想,優化也優化不來,再一次,幸好我那個網站不是用來招生客的。
  • 選定了模版就不能換,否則內容會被刪。網站內容也不能匯出,要搬家的話請從頭製作,也千萬不要想像萬一WIX倒閉的話怎麼辦。
  • 由於以方便易用作賣點,所以用家能自行調整的地方不多,例如不能加入自己的程式碼(先不要理會我懂不懂寫⋯⋯)。
  • 無論是免費版還是付費版,都不能加入Likecoin Button(先假設有人肯拍手⋯⋯)。
若要自訂域名、去除廣告,必須從免費版升級,去年我選了個兩年方案,費用如下:
進階升級(兩年):US138
自定域名(兩年):USD33.75
合共:US171.75(約HKD1,331)
每月平均:約HKD55.5
以Wordpress.org製作的SesameBeans.網站(2021.2.10截圖)

WordPress.com & WordPress.org

我試用過WordPress.com一段短日子,只覺得全部模版都很醜,選擇也不多,使用方式又不夠WIX簡單容易,個人覺得比較適合文章類型的內容(而且免費版仍不能加入Likecoin Button等外掛插件)。
後來我才驚悉原來世上有另一個Wordpress
WordPress.org的自主程度高很多,不過最初聽到要自己租虛擬主機、安裝主題模版和外掛等等就覺得好嚇人,後台介面也比WIX複雜一些(用慣Wordpress.com的話會較快上手),慢慢才被其優點吸引:
  • WordPress是製作網站的免費開源軟體,不用擔心公司倒閉的話網站內容會消失,要搬家的話也可匯出內容
  • 設計模版很多(數量是WIX百倍),有平有貴有免費,購買一次便可長用(一般只限用於一個網站)。之後想換模版也可,但應該比重建一個更麻煩。
  • 可安裝的免費外掛插件超多(數量又是WIX百倍),從最基本的表單到優化網站速度的工具都齊備,若要功能更強大的話才需要考慮付費版。(劃個重點:可以安裝Likecoin Button,所以說大家要來拍手支持嗎?
  • 據說SEO較佳,全球有近四成網站是用Wordpress架設,也可以安裝SEO小助手的外掛,我現在發文前它都給我打分數,還有一大堆改善SEO的提示(汗)。
  • WordPress社群很大,我在架站期間遇到的所有問題,即使多微小,網上都早已有人問過,只要花點時間Google便一定能找到答案。
不過,上述優點也為它帶來缺點:
  • 新手技術門檻較高,幸好網上有大量資源,不少網站和YouTube都從零開始手把手教學。各位有時間的話請多看幾個,尤其是它們大多會推介大家經affiliate link去租主機、買模版,貨比三家比較好(我因為又懶又心急,所以沒看太多,是反面教材⋯⋯)。
  • 網站客製化程度高,選項也多,例如我正在用的主題模版,單是首頁的slider便有30多款,令選擇困難的我相當苦惱。
雖說Wordpress本身免費,但也要租主機和買域名,費用如下:
虛擬主機(三年):USD196.2
自定域名(一年):USD0(租主機贈送)
主題模版:USD61
合共:USD257.2(約HKD1,993)
每月平均:約HKD55.4
註:我選用的虛擬主機方案,可以用來架設多個網站和自動備份,若改用只能架一個網站和沒有自動備份的入門方案,價錢會便宜一截;若不買模版或選較便宜的模版,費用可壓得更低;這裡未計算第二、三年的域名價錢。

結論

若果只想架一個只有幾頁、不用時常更新、不用理會SEO的小網站,最簡單是用WIX免費版。若要自訂域名、去除廣告,才用WIX升級版
若果打算長期經營有點內容、時常更新、重視流量、想要個人化設計的網站,建議選WordPress.org。溫馨提示:在Wordpress.com升級付費是不會變Wordpress.org的,兩者不同系統,前者的免費版最多是用來練練手。
作為完全不懂網頁程式的人,在Wordpress.org架站不能說很簡單,但也沒有我想像中困難。接下來,就是多充實內容的時候了。
用Storyset可以製作會動的gif檔,顏色也可以自選。(Illustration by Freepik Storyset)

網站製作及設計資源

主機選擇

我用的虛擬主機是Bluehost。網上評語是它速度稍慢,不過便宜得來夠穩定,性價比高,適合製作簡單網站。開站幾天後我遇上問題,曾在官網用Live Chat找客服,等了一分鐘就有人回應。雖然對方的答案我有大半未能理解(甚麼IP又甚麼Auto SSL之類),但他大概花了五分鐘便替我(至少表面上)解決了問題。另外也見網上不少人推介Cloudways。

設計工具

我用免費平台Canva來製作logo和banner;網站選色參考Coolors;主題模版購自Envato Market

免費圖源

UnsplashFreepikPixabay大家都應該很熟悉了,以下是我其他私藏網站。大部分只要標示圖源便可個人免費使用,部分甚至可以不用標示圖源商用。
Topeconheroes
一系列日系圖案網站,按不同主題分類,例如手繪動物圖案剪影對話框Flat Icon地標建築物日文字等,部分更可於線上編輯。
ACworks
包括四個網站,分別提供剪影圖向量圖一般照片設計模版,大部分都可商用兼毋須標示圖源。每次下載資料時,這家公司都會捐贈0.1日元予日本紅十字會和國立美術館,報稱已捐贈了超過2,000萬日元。
Storyset
圖片可以在線上編輯微調,而且可製作成簡單動畫(gif或video)。本文封面照便出自這裡。
其他
Vecteezy 設線上編輯
Vector Creator 設線上編輯器
Flat Icon 有很多可愛的圖標,部分可商用但要標圖源。
Free Illustrations 許多插圖素材都可商用,毋須標示圖源。
原文連結SesameBeans.
avatar-img
20會員
29內容數
記憶,是遺忘的開始。 許多看似芝蔴綠豆的小事, 可能都是值得記下來的人、物、地、情。 www.sesamebeans.com
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
梁懿leungyi的沙龍 的其他內容
若說我們覺得近幾年活得特別艱難,也有可能是我們以前太過幸運,剛好生於平穩安逸的時空。回望不過是百年前的1920至1950年代,便曾發生了從經濟大蕭條以至二次大戰的巨大動盪。這段時期,許多建築師和設計師打破固有傳統,思索設計該如何改善生活。
說到Bauhaus,我以前只能連繫到簡約實用、形隨功能一類關鍵詞。直到大前年,趁著包浩斯設計學院建校100周年在即,我半公半私地到訪了烏爾姆和斯圖加特等幾個與包浩斯甚有淵源的德國城市,對此風格的當代築跡和設計多了幾分認識,而且理解到Bauhaus不止是一所學校、一種風格,其發展史也值得我們細味深思。
最近發現幾個Clubhouse的網上小工具,介紹給大家參考。功能包括更換房間連結縮圖、管理房間、搜尋房間、分析帳號、加上頭像外框。
如今科技發展迅速,許多全新產業和職位出現,加上零工經濟興起,疫情陰霾又未退,未來的職場和世界變數甚多。《斜槓的50道難題》便提到:「就算公司願意給你承諾,但未來,世界會給你的公司承諾嗎?」與其依賴著一份工作,死守著一間公司,不如努力發掘和培養自己的多元能力,讓自己變得更有市場價值才是真正的王道。
未必所有人都喜歡Clubhouse的用戶體驗,可是從事營銷/媒體一類工作的朋友,少不免還是要了解一下。現時未見APP內有任何廣告,未知將來會否像Youtube一樣加插,或推出付費房間之類。此外Clubhouse聲稱並不保留資料,用戶可以暢所欲言,但一來有指它使用中國開發的技術,大家或要留意資安問題⋯
〈耿耿於懷〉、〈念念不忘〉、〈羅生門〉三部曲可能令麥浚龍萌起了製作《The Album》的念頭。此企劃歷時三年(2018-2020),通過三張專輯的連串歌曲、MV、文案,娓娓細說一個長篇愛情故事——男主角董折(麥浚龍飾)與女主角浦銘心(謝安琪飾)從初戀,結婚,離婚,戀上他人,重遇,到真正的別離。
若說我們覺得近幾年活得特別艱難,也有可能是我們以前太過幸運,剛好生於平穩安逸的時空。回望不過是百年前的1920至1950年代,便曾發生了從經濟大蕭條以至二次大戰的巨大動盪。這段時期,許多建築師和設計師打破固有傳統,思索設計該如何改善生活。
說到Bauhaus,我以前只能連繫到簡約實用、形隨功能一類關鍵詞。直到大前年,趁著包浩斯設計學院建校100周年在即,我半公半私地到訪了烏爾姆和斯圖加特等幾個與包浩斯甚有淵源的德國城市,對此風格的當代築跡和設計多了幾分認識,而且理解到Bauhaus不止是一所學校、一種風格,其發展史也值得我們細味深思。
最近發現幾個Clubhouse的網上小工具,介紹給大家參考。功能包括更換房間連結縮圖、管理房間、搜尋房間、分析帳號、加上頭像外框。
如今科技發展迅速,許多全新產業和職位出現,加上零工經濟興起,疫情陰霾又未退,未來的職場和世界變數甚多。《斜槓的50道難題》便提到:「就算公司願意給你承諾,但未來,世界會給你的公司承諾嗎?」與其依賴著一份工作,死守著一間公司,不如努力發掘和培養自己的多元能力,讓自己變得更有市場價值才是真正的王道。
未必所有人都喜歡Clubhouse的用戶體驗,可是從事營銷/媒體一類工作的朋友,少不免還是要了解一下。現時未見APP內有任何廣告,未知將來會否像Youtube一樣加插,或推出付費房間之類。此外Clubhouse聲稱並不保留資料,用戶可以暢所欲言,但一來有指它使用中國開發的技術,大家或要留意資安問題⋯
〈耿耿於懷〉、〈念念不忘〉、〈羅生門〉三部曲可能令麥浚龍萌起了製作《The Album》的念頭。此企劃歷時三年(2018-2020),通過三張專輯的連串歌曲、MV、文案,娓娓細說一個長篇愛情故事——男主角董折(麥浚龍飾)與女主角浦銘心(謝安琪飾)從初戀,結婚,離婚,戀上他人,重遇,到真正的別離。
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Wix網站設計平台:優缺點解析 Wix架設網站的優點 Wix最大的特色在於其簡單易用的拖放式編輯工具,這使得即便是不會寫程式的新手,也能輕鬆打造出美觀的網站,無論是為品牌還是個人用途。 Wix架設網站的缺點 然而,使用Wix架設網站也有一些缺點。免費版本的功能較為有限,且會有廣告,許多設計模
Thumbnail
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS),免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
Thumbnail
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務,以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
這篇文章探討了WordPress在大品牌網站設計中的應用以及相關的背景和考慮因素。透過分析開源與品質、大品牌的需求、大品牌的案例以及安全性和維護等方面,提供了對於WordPress在大品牌中使用的觀點和見解。
如果你正在考慮架設網站,那麼你可能已經聽說過WordPress網站。在現今這個時代,超過40%的網站都是使用WordPress製作的。相比之下,使用客製化手寫網站的企業就少得多。那麼,WordPress真的好用嗎?手寫網站又有哪些優點呢?在本文中,我們將比較這兩種架站方式,分析它們各自的優缺點,並引
Thumbnail
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly,有助於讀者找到適合自己的網站製作工具。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Wix網站設計平台:優缺點解析 Wix架設網站的優點 Wix最大的特色在於其簡單易用的拖放式編輯工具,這使得即便是不會寫程式的新手,也能輕鬆打造出美觀的網站,無論是為品牌還是個人用途。 Wix架設網站的缺點 然而,使用Wix架設網站也有一些缺點。免費版本的功能較為有限,且會有廣告,許多設計模
Thumbnail
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS),免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
Thumbnail
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務,以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
瞭解在WordPress上建立網店的關鍵步驟,包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護,以及行銷和推廣策略。
Thumbnail
這篇文章探討了WordPress在大品牌網站設計中的應用以及相關的背景和考慮因素。透過分析開源與品質、大品牌的需求、大品牌的案例以及安全性和維護等方面,提供了對於WordPress在大品牌中使用的觀點和見解。
如果你正在考慮架設網站,那麼你可能已經聽說過WordPress網站。在現今這個時代,超過40%的網站都是使用WordPress製作的。相比之下,使用客製化手寫網站的企業就少得多。那麼,WordPress真的好用嗎?手寫網站又有哪些優點呢?在本文中,我們將比較這兩種架站方式,分析它們各自的優缺點,並引
Thumbnail
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly,有助於讀者找到適合自己的網站製作工具。