文章最後更新於 2022-11-05
想建立自己的部落格?或是自己的品牌官網?或是自己的簡歷網站?全球大概有30%的網站都是使用WordPress架設網站的,如果你對WordPress還不了解,這篇文章,會帶你認識WordPress教學,並且帶你建立好你的網站。
最近很多朋友都會問我,我的部落格是怎麼架的?需要學HTML, CSS嗎?其實跟著WordPress教學,來架網站,只需要15分鐘,「零技術」也可以建立一個很漂亮的部落格或網站。這篇就是要手把手帶你建立屬於你的網站或部落格。
可能大家對於架網站的印象就是,很難,需要很多工程師在後面處理很多程式碼。但其實要建立一個部落格或是個人網站,都已經有現成的佈景主題、系統可以使用。
這篇就是想帶你花15分鐘走過13個步驟,建立一個自己的WordPress網站或部落格。
讓我們用15分鐘,建立一個網站吧!
紐約工程師Jack
新手站長系列
帶你從零開始,不用寫程式,也成為你自己的站長,分享你的觀點、經歷,並且創造出額外的收入!
旅遊部落客都怎麽增加收入?手把手教你如何透過部落格開始增加額外收入,內容包含Wordprss基礎教學、網站擴充、品牌建立、建立收入、提升流量,最後分享長久經營個人品牌。
「學習社團」成為WordPress新手站長/經營部落格 -紐約工程師Jack
我創立社團,為了讓大家有個在學習WordPress架站、部落格經營、網路行銷,有互相學習的社群,一起長期經營,學習成長,歡迎新手站長加入學習!
如果閱讀文章,有不懂的地方歡迎到成為WordPress新手站長/經營部落格 -紐約工程師Jack,與同學一起學習,看看我幫你統整的常見問題。
為了維護社團品質,入社時,不要忘記填寫入社問題喔!一起建立個良好的學習環境!
這個教學是針對不懂程式的新手站長寫的,所以放心,不會有很難的專業名詞,讓你可以不用寫程式,也可以快速做一個你自己的網站或部落格。
- 基礎建設、教學
- 擴增網站功能:主題、外掛
- [新手站長#4] 如何挑選WordPress主題?6個精選佈景主題推薦
- [新手站長#5] 推薦Wordpress 輕量化主題Astra,介紹與教學
- [新手站長#6] WordPress外掛推薦清單(2020)如何挑選WordPress外掛?
- 品牌建立
- 建立收入
- 提升流量(被動流量+主動流量)
- [新手站長#10] SEO教學,如何高排名文章?寫出高排名的10個步驟
- [新手站長#11] 如何經營Facebook紛絲專頁?提升轉換率的9個步驟
- [新手站長#12] ConverKit電郵行銷,收集爆增Email名單的7個技巧
- 長期經營
文章目錄
1.認識WordPress
1.1 WordPress是什麼?
WordPress是一種製作網站的內容管理系統(Content Management System, CMS),你現在瀏覽的dishtsai.com網站就是用Wordpress所製作的。
他讓你不用會寫程式,也能建立自己的網站或部落格,長期經營下,也可以藉此建立收入(最常見的就是旅遊部落客),而這個「新手站長系列」,就是要手把手帶你建立你自己的部落格,進而建立額外收入。
目前世界上超過37.4%的網站都是由WordPress所製作的,而在CMS系統中,WordPress超過了60%的市佔率,因此建立網站、部落格,他絕對是一個好選擇!
延伸閱讀:[新手站長#1] WordPress是什麼?如何開始用WordPress架網站?3個實用學習資源
1.2 WordPress的費用
WordPress軟體,本身是開源免費的。主要的費用來自於主機+網域+主題,平均一年的費用大概在台幣3000到4000不等,依據主機、主題而定。
對於想「建立自己品牌」或是「經營網路事業」是一個絕佳的投資。
相較於請工作室花台幣5萬到10萬元,跟著「新手站長」架設自己的網讚,是一個很不錯的入門投資。
費用的細節,我也會在下方,仔細地跟你講解 😀
1.3 不懂程式,也可以用WordPress架網站嗎?
WordPress是由很多志工、工程師,在後面維護,所以我們不需要寫程式來製作網站,所需要的就是購買好主機,然後「一鍵安裝」到主機上,再搭配漂亮的主題。
當然如果了解基本的CSS、PHP也可以自己客制部分的地方,但如果不會程式碼,完全沒有問題,都有相對應的外掛輔助,一樣可以打造強大功能又好看的網站。
建議可以邊閱讀,邊操作,我會一步一步,帶你建立一個屬於你的網站。
不用是「設計師」、「工程師」也可以建立一個專業的部落格。
十分鐘建網站
2. 架WordPress網站3個元素:網域、主機、主題
- 網域:網路界的地址
- 虛擬主機:需要把你的網站放在一台機器上
- 佈景主題:網站的門面
看到這些專有名詞,不要緊張,身兼工程師與老師的我,幫大家翻譯好這些關鍵字。
專業名詞 | 白話文 |
網域 | 申請地址 |
虛擬主機 | 租一塊地 |
WordPress&佈景主題 | 建立房子 |
2.1 網域 Domain:地址
這是你自己網站與部落格的地址,大家可以透過這個地址來找到你精彩的文章、商品、服務。
例如:大家都是透過https://dishtsai.com,來到我的部落格,閱讀文章。
常見的購買的方式有兩種,而我自己最推薦新手用第二種方式,降低第一次架設網站的難度。
購買網域的兩種方式
方式一:跟網域商購買
常見的網域商,最有名的就是Godaddy, Namecheap ,以下我稍微比較這兩家的差異。
Godaddy
美國老牌網路域名註冊公司與網站代管公司,目前管理超過6100萬個網域,目前也都有提供中文介面,所以對於中文使用者,也是相當友善。
維基百科:Godday介紹
Namecheap
算是非常老牌的美國網路服務供應公司,管理超過1000萬個網域名,是目前世界頂級網域註冊提供商之一。
但是使用者介面,以英文為主,如果喜歡中文的使用者,建議可以用Godaddy來註冊網域,但如果是新手的話,建議跟著我一起用方式二來購買網域,可以省去你很多麻煩。
方式二:跟主機上一起購買(新手推薦)
新手注意:我會建議新手們,在購買主機時,跟主機商一起購買網域,可以節省很多步驟,讓第一次架站更輕鬆順利。我之後也會教你一步一步,買好主機、網域,降低第一次架站的難度門檻。
在我們下一篇文章,教你手把手的「租地」(購買主機)時,會順便帶你一起把網域也弄好。降低你架設第一個網站的難度(有沒有很貼心,自己講?
步驟 | 優點 | 缺點 | 適合對象 | |
Godaddy & Namecheap | 1. 購買網域 2. 到主機商做設定 | 較便宜 | 多幾步 | 架第二個網站,熟悉架網站流程 |
Bluehost & SiteGround & Cloudways | 1. 購買主機&網域 | 不用多做設定 | 貴一點 | 新手站長(推薦) |
2.2 虛擬主機 Web Hosting:租一塊地
簡介
就是在雲上,跟虛擬主機商,租借一個主機,也就是為我們的網站租一塊地,之後就可以在那塊地上,蓋上我們的房子。
挑選要點
- 網頁下載速度:你網站的瀏覽速度
- 正常運行時間:虛擬主機正常提供99.9%正常運行時間
- 客戶服務:遇到問題克服解決問題服務。
主機的價位滿廣的,主要跟主機「速度」、「性能」有關,最常見架部落格跟網站的有Bluehost, SiteGround, Cloudways,我自己最推薦新手從Bluehost, SiteGround開始。
三個常見的主機商比較
| 品牌 | 價位 |
最平價(我第一個使用的主機商) | Bluehost | 每年1500 – 3000元(USD 50 – 100) |
中價位+客服真的棒(目前此站用的) | SiteGround | 每年3000起元(USD100) |
最快速 | Cloudways | 每年4000元(USD 50 – 100) |
Bluehost
WordPress官方合作推薦的主機購買商,價格是三家當中最便宜的,也是我很推薦新手站長可以試試看,以下的教學就是以Bluehost為例。
- 贈送一年免費網域
- WordPress官方推薦
- 30天退費保證
- SSL憑證
SiteGround
Siteground也是WordPress官方推薦主機之一,推薦的原因是他的主機速度比較快,也很穩定,雖然價格比Bluehost貴一些,但客服非常專業,回覆速度非常快。
- 免費的SuperCacher,有效提升網站速度
- WordPress官方推薦
- 30天退費保證
- SSL憑證
- 客服的滿意度最高(親身體驗,真的好)
Cloudways
有別於前兩家,是專為WordPress打造的主機商,Cloudways是三家中速度最快,但價格最高,並且會將主機性能最佳化,適合高流量的網站。
- 三天免費試用
- 多種主機商選擇
- 24小時客服
- 速度三家中最快
新手推薦
這三個,我其實都覺得操作起來,非常適合新手,如果想試試看的話,建議可以從Bluehost跟SiteGround,我大概經營了快一年,就從Bluehost換到SiteGround,主要是因為考量到網站速度。
慢慢的有更多人來我的網站,需要一個稍微比較好的主機。
下面的教學,就是以Bluehost為例!
2.3 WordPress主題
Wordpress是一個內容管理系統,他有設計完善的後台,讓使用者可以輕易地管理整的網站,例如文章、頁面、媒體。同時也支援很多外掛,來支援擴充功能,跟佈景主題。
很多政府、中小企業、個人都使用Wordpress來建立網站。
簡介
WordPress網站,可以藉由「佈景主題」,來改變網站的外關,讓你的網站不用設計師+工程師也能看起來很專業。有免費的主題、付費的主題,通常付費的主題,會額外提供一些整合好的功能,設計也相對美麗。
- WordPress佈景主題:更改網站的外觀與風格
- WordPress外掛:增加網站功能
常見的WordPress主題供應商:ThemeForest
推薦主題
3. [WordPress教學] 架網站的13個步驟(以BlueHost為例)
當我們了解了整個網站的基礎知識,接下來就要進入實務部分,我將手把手帶著你建立你的第一個網站,全部共13個步驟。
接下來讓我們透過15分鐘,帶你架設你自己的網站,
- 購買網域+虛擬主機
- 一鍵安裝WordPress
- 設定佈景主題
需要準備3個東西:
- 可以收信的Email
- 金融卡或信用卡
- 一台電腦
3.1. 申請Bluehost伺服器:租一塊地
我們跟Bluehost租一塊地,之後可以在上面蓋房子(建網站)
房屋工人Jack
用Bluehost申請,還會送免費一年網域。
在網站流量不大的時候,選擇Basic就可以了,若之後成為人氣網站,可以在再選擇升級。
3.2. 選擇網域名稱:選擇一地址
在這邊建立一個屬於你的網域、網址。
在租好地後,我們要選個「簡潔」、「好記」的地址
3個選網址的要點:
- 保持簡單
- 使用dot.com:例如google.com, apple.com
- 避免使用數字、符號
例如:紐約工程師Jack,就是dishtsai.com
3.3. 填寫個人基本資料
填寫基本資料,姓名、地址、電話、email。
3.4. 選擇方案
這裡選擇36個月的話,平均每個月USD 3.95。
其他的Add on都不需要勾選
3.5. 填寫信用卡資料
填寫信用卡資料,並勾選同意,送出。
3.6. 建立Bluehost帳號
在按下寄出後,會導倒建立Bluehost帳號,這是我們的伺服器後台帳號建立,輸入你的密碼。
3.7. 登入Bluehost帳戶
記得剛剛輸入的密碼,現在我們要登入我們伺服器的後台。
3.8. 挑選網站類型:開始蓋房屋
終於到蓋房屋的時刻了!
在機器都設定好後,到了最興奮的時刻,選擇我們想建立網站的類型。
3.9. 選擇網站「名稱」、「簡介」
3.10. 選擇佈景主題:室內裝潢
蓋好房子後,我們就可以裝潢房子了!
wordpress有兩種類型的主題,一種是付費,另一種是免費的。
我自己推薦新手入門的主題(Soledad、Anemos),他們都是一次性付費,就可以終身使用,費用大概落在USD60左右。
如果你想做一個看起來專業的網站,非常推薦投資在我推薦的佈景主題,會省下你很多的時間。
我自己目前是用Soledad(之前用 Hemlock),也是我的第一個佈景主題。
3.11. 登入Wordpress後台
3.12. Wordpress後台介面
登入我們的wordpress後台,也就是我們以後最常使用的地方。
常見的3個功能
- 新增與編輯文章
- 改變佈景主題
- 增加外掛:提升網在功能,例如:網站流量監控、SEO工具
3.13. 更改Wordpress後台界面顯示語言
最後將後台的語言改成中文的,方便操作。
恭喜你,你已經架好了你的第一個網站,是不是不用會寫程式也能架出一個網站呢!
有了這個網站後,接下來的「新手站長」的文章中,我會帶你走過
- 安裝主題
- 基礎設定
- 安裝外掛
- 優化網站速度
- SEO技巧
4. 推薦的3個佈景主題:裝潢設計
佈景主題,也就是網站的外觀,你目前看到的「紐約工程師Jack」就是採用Hemlock佈景主題,網站的80%是來至於你的佈景主題,主要分成免費的、付費的。
WordPress提供了上千種免費的佈景主體,可以自己試玩看看,如果你想做一個看起來專業的網站,非常推薦投資在我推薦的佈景主題,會省下你很多的時間。
我自己推薦新手入門的主題(Soledad、Hemlock、Anemos),他們都是一次性付費,就可以終身使用,費用大概落在USD60左右。
4.1 Hemlock
我目前的部落格就用這個主題,我喜歡簡約風格的主題。同時也支援許多基本的社群媒體分享。
4.2 Anemos
太好了,就這樣我們將我們的地租了,也在上面蓋好我們的房子,接下來就要稍微裝潢一下我們的房子,並且開始撰寫文章。
5.常見的WordPress架站問題
5.1 我不會操作怎麼辦?
紐約工程師Jack可以幫忙代架設、管理、搬家,請聯絡粉絲專頁!
5.2 我已經購買主機了,該換嗎?
如果你已經有購買了主機,目前也運行的很穩定,當然繼續用啊!
但如果常常出問題,或不穩定,推薦使用SiteGround或是Cloudways
延伸閱讀:WordPress網站搬家
5.3 網站進不去
建議幾個可以嘗試的方式
1. 換成無痕模式
2. 換個瀏覽器
如果都不行,有很多可能性,歡迎你在成為WordPress新手站長/經營部落格 -紐約工程師Jack提問討論。
哈囉!希望藉由我的文字、經歷,去降低你的異國留學焦慮感,幫助你專心的追夢!有問題,都可以留言、來信討論!
走過留學旅程,你的好朋友 紐約工程師Jack
支持我的2個方式
本站的文章都沒有收費,提供的資源也都是免費的。如果我的文章對你有幫助,歡迎你一起維護這個網站、主機。:D
讓這些文字幫助更多人,降低在異國的焦慮,專心追夢!我提供2種一起參與的方式:「請我喝咖啡」、「Like Coin拍手5下」
方式一、請我喝杯咖啡
歡迎你請我喝杯咖啡,也讓我聽聽你的故事,一起維護這個網站。幫助更多像你、像我的留學生,降低在異鄉的焦慮!
方式二、幫我拍手 5 下鼓勵我
只要花 30 秒登入 FB 或 Google,不用花任何錢就能支持我,並且幫我拍手舞下,回饋將由 LikeCoin 基金會配發,支持我繼續寫更多優質文章,同時可以支付網站主機費用,幫助更多人 😀
聯絡與合作
Facebook 粉絲專頁
Facebook 粉絲專頁 按讚,或在下面留下你的問題。
每次聽到讀者回饋,我都很開心自己寫的文章真的有幫助到人,也很喜歡聽聽不同朋友的故事,希望藉由文章,幫助到你!:D
新手站長系列
帶你從零開始,不用寫程式,也成為你自己的站長,分享你的觀點、經歷,並且創造出額外的收入!
旅遊部落客都怎麽增加收入?手把手教你如何透過部落格開始增加額外收入,內容包含Wordprss基礎教學、網站擴充、品牌建立、建立收入、提升流量,最後分享長久經營個人品牌。
「學習社團」成為WordPress新手站長/經營部落格 -紐約工程師Jack
我創立社團,為了讓大家有個在學習WordPress架站、部落格經營、網路行銷,有互相學習的社群,一起長期經營,學習成長,歡迎新手站長加入學習!
如果閱讀文章,有不懂的地方歡迎到成為WordPress新手站長/經營部落格 -紐約工程師Jack,與同學一起學習,看看我幫你統整的常見問題。
為了維護社團品質,入社時,不要忘記填寫入社問題喔!一起建立個良好的學習環境!
這個教學是針對不懂程式的新手站長寫的,所以放心,不會有很難的專業名詞,讓你可以不用寫程式,也可以快速做一個你自己的網站或部落格。
- 基礎建設、教學
- 擴增網站功能:主題、外掛
- [新手站長#4] 如何挑選WordPress主題?6個精選佈景主題推薦
- [新手站長#5] 推薦Wordpress 輕量化主題Astra,介紹與教學
- [新手站長#6] WordPress外掛推薦清單(2020)如何挑選WordPress外掛?
- 品牌建立
- 建立收入
- 提升流量(被動流量+主動流量)
- [新手站長#10] SEO教學,如何高排名文章?寫出高排名的10個步驟
- [新手站長#11] 如何經營Facebook紛絲專頁?提升轉換率的9個步驟
- [新手站長#12] ConverKit電郵行銷,收集爆增Email名單的7個技巧
- 長期經營
6 comments
很詳細的解說架設網站的過程,幫助新手快速架網站,謝謝版主的分享
耶!希望對新手有幫助
很好的比喻,很容易理解,謝謝分享〜
希望可以幫助零基礎的朋友快速上手。:D
文章非常詳細
淺顯易懂
非常適合入門的新手!!!!
收穫很多
感謝~希望可以讓新手無痛上手。