Home 部落格經營 [新手站長#2] WordPress教學:13個步驟,帶你用15分鐘架好你的網站

[新手站長#2] WordPress教學:13個步驟,帶你用15分鐘架好你的網站

by Jack
wordpress教學
Reading Time: 5 minutes

文章最後更新於 2020年7月27日

想建立自己的部落格?或是自己的品牌官網?或是自己的簡歷網站?全球大概有30%的網站都是使用WordPress架設網站的,如果你對WordPress還不了解,這篇文章,會帶你認識WordPress教學,並且帶你建立好你的網站。

最近很多朋友都會問我,我的部落格是怎麼架的?需要學HTML, CSS嗎?其實跟著WordPress教學,來架網站,只需要15分鐘,「零技術」也可以建立一個很漂亮的部落格或網站。這篇就是要手把手帶你建立屬於你的網站或部落格。

可能大家對於架網站的印象就是,很難,需要很多工程師在後面處理很多程式碼。但其實要建立一個部落格或是個人網站,都已經有現成的佈景主題、系統可以使用。

這篇就是想帶你花15分鐘走過13個步驟,建立一個自己的WordPress網站或部落格

讓我們用15分鐘,建立一個網站吧!

紐約工程師Jack

新手站長系列

帶你從零開始,不用寫程式,也成為你自己的站長,分享你的觀點、經歷,並且創造出額外的收入!

旅遊部落客都怎麽增加收入?手把手教你如何透過部落格開始增加額外收入,內容包含Wordprss基礎教學、網站擴充、品牌建立、建立收入、提升流量,最後分享長久經營個人品牌。

「學習社團」成為WordPress新手站長/經營部落格 -紐約工程師Jack

我創立社團,為了讓大家有個在學習WordPress架站、部落格經營、網路行銷,有互相學習的社群,一起長期經營,學習成長,歡迎新手站長加入學習!

如果閱讀文章,有不懂的地方歡迎到成為WordPress新手站長/經營部落格 -紐約工程師Jack,與同學一起學習,看看我幫你統整的常見問題。

為了維護社團品質,入社時,不要忘記填寫入社問題喔!一起建立個良好的學習環境!

這個教學是針對不懂程式的新手站長寫的,所以放心,不會有很難的專業名詞,讓你可以不用寫程式,也可以快速做一個你自己的網站或部落格。

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較便宜較貴中文
Namecheap較貴較便宜英文

Godaddy

godaddy

美國老牌網路域名註冊公司與網站代管公司,目前管理超過6100萬個網域,目前也都有提供中文介面,所以對於中文使用者,也是相當友善。

維基百科:Godday介紹

Namecheap

namecheap

算是非常老牌的美國網路服務供應公司,管理超過1000萬個網域名,是目前世界頂級網域註冊提供商之一。

但是使用者介面,以英文為主,如果喜歡中文的使用者,建議可以用Godaddy來註冊網域,但如果是新手的話,建議跟著我一起用方式二來購買網域,可以省去你很多麻煩。

方式二:跟主機上一起購買(新手推薦)

新手注意:我會建議新手們,在購買主機時,跟主機商一起購買網域,可以節省很多步驟,讓第一次架站更輕鬆順利。我之後也會教你一步一步,買好主機、網域,降低第一次架站的難度門檻

在我們下一篇文章,教你手把手的「租地」(購買主機)時,會順便帶你一起把網域也弄好。降低你架設第一個網站的難度(有沒有很貼心,自己講?

步驟優點缺點適合對象
Godaddy & Namecheap1. 購買網域
2. 到主機商做設定
較便宜多幾步架第二個網站,熟悉架網站流程
Bluehost & SiteGround & Cloudways1. 購買主機&網域不用多做設定貴一點新手站長(推薦)

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小時客服
  • 速度三家中最快

新手推薦

這三個,我其實都覺得操作起來,非常適合新手,如果想試試看的話,建議可以從BluehostSiteGround,我大概經營了快一年,就從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就可以了,若之後成為人氣網站,可以在再選擇升級。

WordPress教學

3.2. 選擇網域名稱:選擇一地址

在這邊建立一個屬於你的網域、網址。

在租好地後,我們要選個「簡潔」、「好記」的地址

3個選網址的要點:

例如:紐約工程師Jack,就是dishtsai.com

WordPress教學

3.3. 填寫個人基本資料

填寫基本資料,姓名、地址、電話、email。

WordPress教學

3.4. 選擇方案

這裡選擇36個月的話,平均每個月USD 3.95。

其他的Add on都不需要勾選

WordPress教學

3.5. 填寫信用卡資料

填寫信用卡資料,並勾選同意,送出。

WordPress教學

3.6. 建立Bluehost帳號

在按下寄出後,會導倒建立Bluehost帳號,這是我們的伺服器後台帳號建立,輸入你的密碼。

WordPress教學
WordPress教學

3.7. 登入Bluehost帳戶

記得剛剛輸入的密碼,現在我們要登入我們伺服器的後台。

WordPress教學
WordPress教學

3.8. 挑選網站類型:開始蓋房屋

終於到蓋房屋的時刻了!

在機器都設定好後,到了最興奮的時刻,選擇我們想建立網站的類型。

WordPress教學

3.9. 選擇網站「名稱」、「簡介」

Bluehost架網站

3.10. 選擇佈景主題:室內裝潢

蓋好房子後,我們就可以裝潢房子了!

wordpress有兩種類型的主題,一種是付費,另一種是免費的。

我自己推薦新手入門的主題(HemlockAnemos),他們都是一次性付費,就可以終身使用,費用大概落在USD60左右。

如果你想做一個看起來專業的網站,非常推薦投資在我推薦的佈景主題,會省下你很多的時間。

我自己目前是用Hemlock,也是我的第一個佈景主題。

Bluehost架網站

3.11. 登入Wordpress後台

Bluehost架網站

3.12. WordPress後台介面

登入我們的wordpress後台,也就是我們以後最常使用的地方。

常見的3個功能

  • 新增與編輯文章
  • 改變佈景主題
  • 增加外掛:提升網在功能,例如:網站流量監控、SEO工具
Bluehost架網站

3.13. 更改Wordpress後台界面顯示語言

最後將後台的語言改成中文的,方便操作。

Bluehost架網站

恭喜你,你已經架好了你的第一個網站,是不是不用會寫程式也能架出一個網站呢!

有了這個網站後,接下來的「新手站長」的文章中,我會帶你走過

  • 安裝主題
  • 基礎設定
  • 安裝外掛
  • 優化網站速度
  • SEO技巧

4. 推薦的3個佈景主題:裝潢設計

佈景主題,也就是網站的外觀,你目前看到的「紐約工程師Jack」就是採用Hemlock佈景主題,網站的80%是來至於你的佈景主題,主要分成免費的、付費的。

WordPress提供了上千種免費的佈景主體,可以自己試玩看看,如果你想做一個看起來專業的網站,非常推薦投資在我推薦的佈景主題,會省下你很多的時間。

我自己推薦新手入門的主題(HemlockAnemos),他們都是一次性付費,就可以終身使用,費用大概落在USD60左右。

4.1 Hemlock

我目前的部落格就用這個主題,我喜歡簡約風格的主題。同時也支援許多基本的社群媒體分享。

4.2 Anemos

太好了,就這樣我們將我們的地租了,也在上面蓋好我們的房子,接下來就要稍微裝潢一下我們的房子,並且開始撰寫文章。

5.常見的WordPress架站問題

5.1 我不會操作怎麼辦?

紐約工程師Jack可以幫忙代架設、管理、搬家,請聯絡粉絲專頁或是提交表單

5.2 我已經購買主機了,該換嗎?

如果你已經有購買了主機,目前也運行的很穩定,當然繼續用啊!

但如果常常出問題,或不穩定,推薦使用SiteGround

5.3 網站進不去

建議幾個可以嘗試的方式

  • 換成無痕模式
  • 換個瀏覽器

如果都不行,有很多可能性,歡迎你在成為WordPress新手站長/經營部落格 -紐約工程師Jack提問討論。

如果你覺得這個部落格有幫助到你,歡迎你分享這篇文章給3個對他們有幫助的朋友。

紐約工程師Jack

支持、聯絡我的3個方式

方式一按讚 or 留言

Facebook 粉絲專頁 按讚,或在下面留下你的問題。

方式二請我喝杯咖啡

歡迎你請我喝杯咖啡,也讓我聽聽你的故事。

方式三幫我拍手 5 下鼓勵我

只要花 30 秒登入 FB 或 Google,不用花任何錢就能支持我,並且幫我拍手舞下,回饋將由 LikeCoin 基金會配發,支持我繼續寫更多優質文章,幫助更多人 😀

每次聽到讀者回饋,我都很開心自己寫的文章真的有幫助到人,也很喜歡聽聽不同朋友的故事,希望藉由文章,幫助到你!:D

新手站長系列

帶你從零開始,不用寫程式,也成為你自己的站長,分享你的觀點、經歷,並且創造出額外的收入!

旅遊部落客都怎麽增加收入?手把手教你如何透過部落格開始增加額外收入,內容包含Wordprss基礎教學、網站擴充、品牌建立、建立收入、提升流量,最後分享長久經營個人品牌。

「學習社團」成為WordPress新手站長/經營部落格 -紐約工程師Jack

我創立社團,為了讓大家有個在學習WordPress架站、部落格經營、網路行銷,有互相學習的社群,一起長期經營,學習成長,歡迎新手站長加入學習!

如果閱讀文章,有不懂的地方歡迎到成為WordPress新手站長/經營部落格 -紐約工程師Jack,與同學一起學習,看看我幫你統整的常見問題。

為了維護社團品質,入社時,不要忘記填寫入社問題喔!一起建立個良好的學習環境!

這個教學是針對不懂程式的新手站長寫的,所以放心,不會有很難的專業名詞,讓你可以不用寫程式,也可以快速做一個你自己的網站或部落格。

You may also like

6 comments

CHENYUCHUN June 16, 2020 - 7:55 am

文章非常詳細
淺顯易懂
非常適合入門的新手!!!!
收穫很多

Reply
Jack June 16, 2020 - 7:29 pm

感謝~希望可以讓新手無痛上手。

Reply
kaka June 20, 2020 - 4:19 am

很好的比喻,很容易理解,謝謝分享〜

Reply
Jack June 20, 2020 - 8:54 am

希望可以幫助零基礎的朋友快速上手。:D

Reply
Yoo-Hsin June 21, 2020 - 7:23 am

很詳細的解說架設網站的過程,幫助新手快速架網站,謝謝版主的分享

Reply
Jack June 22, 2020 - 7:15 pm

耶!希望對新手有幫助

Reply

Leave a Comment

error: Content is protected !!