首頁 Wordpress 相關 【WordPress 系列】如何架設網站? WordPress新手架站教學完整攻略

【WordPress 系列】如何架設網站? WordPress新手架站教學完整攻略

by Kent
42 留言 1894 views
如何架設網站? WordPress新手架站教學完整攻略

文章最後更新: 2020年09月12日

你知道嗎? 現在你所看到的網站不論是企業或是個人網站超過30%都是使用 WordPress 建立的!! 想了解如何架設網站? 這篇文章整理了8個架設網站的重點,希望幫助新手透過Wordpress快速架設網站。

 

一、什麼是 WordPress ?

WordPress是一個以PHP(網路程式語言)和MySQL(資料庫)為平台的自由開源的部落格軟體和內容管理系統。

WordPress具有外掛程式架構和佈景主題系統。截至2018年4月,排名前1000萬的網站中超過30.6%使用WordPress,可用的外掛更是多達5萬多個。

 
Wordpress首頁螢幕截圖
圖片來源 WordPress.org 官方網站

二、Wordpress 是免費的嗎?

wordpress.com

wordpress.org

wordpress.com 是一個由Automattic公司所持有部落格代管服務網站,你可以免費的使用Wordpress 來寫文章也只能寫文章,想使用進階功能就得付費。WordPress 是 wordpress.org 提供的免費自由開源的部落格管理軟體,使用它來建立部落格是免費的,需要收費的是網域、主機、付費外掛及付費的佈景主題。

免費版本的 wordpress.com 也不能使用自訂網址,你能使用的自訂網址如: xxxxx.wordpress.com。 xxxxx就是你可以自訂的部份。

 
Wordpress.com方案價格表
圖片來源 wordpress.com
 

wordpress.com 提供的免費 wordpress 服務可以想成是沒有廣告的痞客邦或是 blogger…等部落格平台,可用圖片容量不多(3GB),對圖片多的部落客來說不是很方便。

肯特
 

三、架設網站專有名詞

1.IP是什麼?

網際網路協定(英語:Internet Protocol,縮寫:IP;也稱網際網路協定)。IP是獨一無二的,簡單來說類似地圖上的經緯度,Google 地圖要定位你目前的位置是使用經緯度。在網路上要知道怎麼連到你的網站伺服器就是透過IP。

IP 由4組0~255的數字組成,中間以點號分隔例: 168.95.1.1

 
網際網路協定輔助圖片說明
 

2.網域是什麼?

網域名稱(英語:Domain Name,簡稱:Domain),簡稱域名、網域。

網域用來對應你的網路主機IP,因為純粹是數字對於人類來說不方便記憶,換成文字記憶起來容易許多。如果有人問你家住哪裡,應該不會有人報經緯度而是文字的地址吧!

購買網域後,你就可以擁有無限個網址,這些網址就叫做子網域。

我的網址是 kentitview.com 我還可以另外定義 xxxx.kentitview.com 當作網址使用。

舉例來說:網域就像是你買下了一整條街道的名稱,如同你買了中正路這整條街,裡面的中正路1號、2號你都可以使用。

 

常見的域名有哪些?

  • com 公司、企業
  • org 組織、機構
  • edu 教育單位
  • gov 政府單位
  • net 網路、通訊
 

3.網站主機是什麼?

網站主機就是提供你在網路上存放檔案的空間,並且能執行PHP程式、資料庫及網站服務的網路硬碟空間。

 

共享主機:

許多人的網站架設在一台伺服器上,若有網站用的資源較多會影響到其它網站。

例:當兵睡大通鋪,室內只有四支大電風扇,有人把電風扇拿到自己床前別人就吹不到。

 
共享主機輔助說明圖片
 

虛擬私人伺服器VPS:

將一整台伺服器以虛擬化技術切割成多台主機,每台虛擬主機的資源都是設定好的,不會因為別人的網站佔用太多資源受影響,需要自己安裝想要的功能。

例:一棟公寓裡有許多套房,每間套房裡的電表都是固定的,別人家裡用電過量導致停電並不會影響到我家,想要什麼電器就自己買來裝。

 
虛擬私人伺服器VPS輔助說明圖片
 

4.HTTP及HTTPS

HTTP 是什麼?

HTTP 全名是 超文本傳輸協定(HyperText Transfer Protocol),簡單的講就是你上網站時,網站與你的電腦交換資料的協定。

 
HTTP傳輸方式說明
 

HTTPS 是什麼?

超文本傳輸安全協定(英語:HyperText Transfer Protocol Secure,縮寫:HTTPS;常稱為HTTP over TLS、HTTP over SSL或HTTP Secure)。

比 HTTPS 多了一個S 差在哪裡呢? 最後的一個S是 Secure 的意思。

上面提到的 HTTP 在你的電腦與網站主機交換資料的過程是沒有加密的,HTTPS 則是在資料交換的過程中透過SSL/TLS的金鑰加密,提高網站的安全性,也是影響網站排名的因素之一。

 
HTTPS傳輸方式說明
 

四、購買網域

使用 Bluehost,第一年有贈送網域,不需要額外購買以及設定DNS。

 

1.Godaddy

優缺點:

  • 首年價格便宜
  • 有中文介面
  • 續約價格高
  • DNS對應速度尚可

☛ 前往 Godaddy

 

2.namecheap

優缺點:

  • 首購與續約價格都很便宜
  • 會推薦相關網域名稱可以一起購買
  • 英文介面較不友善

☛ 前往 namecheap

 

3.頂嘉數位

優缺點:

  • tw頂級網域購買首選,價格固定549元續約不漲價
  • DNS對應速度尚可

☛ 前往頂嘉數位

 

五、主機商推薦

1.Bluehost

  • WordPress 入門共享主機首選
  • 有操作介面平台
  • 首購購買三年價格便宜,續約價格高
  • 第一年有贈送網域名稱(免設定DNS)
  • 附贈免費SSL,保障網站安全性
  • 已內建網域信箱,例如你的網域是 example.com 附有 [email protected]的信箱可以使用 xxxx 可自行設定
  • 共享主機如果有別的網站佔用太多資源效能會受影響

☛ 前往 Bluehost

 

2.SiteGround

  • WordPress 進階共享主機
  • 有操作介面平台
  • 首購購買三年價格便宜,續約價格高
  • 附贈免費SSL,保障網站安全性
  • 需要另外購買網域/址
  • 已內建網域信箱,例如你的網域是 example.com 附有 [email protected]的信箱可以使用 xxxx 可自行設定
  • 近來使用 Google Cloud 提高效能成本上升漲價,有限制每個網站能佔用的資源,不會因別的網站佔用太多資源降低效能

☛ 前往 SiteGround

 

3.Cloudways

  • 使用 Linode、Vultr、DigitalOcean、AWS、Google 等五家 VPS來建立 WordPress
  • 有圖形操作介面平台
  • 網址需要另外購買
  • 沒有內建網域信箱,可使用 Gsuite 或 Mailgun 替代
  • 效能十分優秀

☛ 前往 Cloudways

使用推薦碼《 KENTITVEW 》享第一個月8折優惠

 

4.VPS(Linode、Vultr、DigitalOcean)

  • 沒有圖形操作介面,透過輸入指令來安裝服務
  • 網站服務需要自行建立(需要 Linux 操作技能)
  • 網址需要另外購買
  • 價格比 Cloudways 便宜,技術門檻高
  • 沒有內建網域信箱,可使用 Gsuite 或 Mailgun 替代
  • 可另外用來架設 VPN 服務

☛ 前往 Linode ☛ 前往 Vultr ☛ 前往 DigitalOcean

 

六、設定DNS

只有 Cloudways 及 VPS 主機商需要自行設定DNS,這樣輸入網址才會連線到主機。
每家域名商設定方式大同小異,使用 Cloudflare 做範例。

 

1.什麼是DNS

網域名稱系統(英語:Domain Name System,縮寫:DNS),儲存網址與IP對應資料的一種系統伺服器。

 

2.NameServer

管理網址的伺服器,可以把你所購買的網址對應到主機IP的管理伺服器,新增或編輯後會產生DNS記錄給DNS伺服器。

 

3.DNS設定

 
DNS設定教學
 

七、佈景主題

WordPress 有許多的佈景主題可以套用,免費的或是付費的都有,讓不懂設計的你也能建立漂亮的網站

 

1.Soledad

內有100多種高質感版型可供選擇,目前肯特所使用的主題。

☛ 前往 Soledad

 

2.Astra

使用資源較低的主題,網站載入速度快。免費版就有提供許多好看的範本可以使用,搭配 Elementor Pager Editor 頁面編輯外掛就能設計出許多好看的頁面。

☛ 前往 Astra

 

3.OceanWP

與 Astra 一樣是使用資源低的主題。一樣有提供免費版的範本可以匯入使用,與 Elementor Pager Editor 的相容性高。

☛ 前往 OceanWP

 

4.ThemeForest

ThemeForest  是一個販售 WordPress 外掛、佈景主題等的大型電子購物網站,有時候還會有特價,肯特的佈景主題 Soledad 就是在上面購買的。

☛ 前往 ThemeForest

 

八、安裝外掛

WP Mail SMTP

WordPress 的進階 Email 寄送服務外掛,內建的功能限制太多,可以使用Gmail、MailGun… 等服務來寄送通知信件。

因為肯特的網站是VPS架設的,裡面沒有安裝Email 伺服器,所以使用 ImprovMX 的免費服務提供的自訂網域 Email,例如: [email protected] 

☛ 安裝 WP Mail SMTP

 

Pretty link

建立自己網址的自訂網址外掛,可以追蹤每個自訂連結的被點擊數,方便聯盟行銷管理。

☛ 安裝 Pretty link

 

Elementor Page Editor

最容易上手的 WordPress 頁面編輯外掛,有了它你不需要懂得程式設計就能設計出漂亮又有質感的頁面。

☛ 安裝 Elementor Page Editor

 

Limit Login Attempts Reloaded

保護 WordPress 免受登入暴力破解的外掛,登入次數超過設定值立刻封鎖IP

☛ 安裝 Limit Login Attempts Reloaded

 

Revision Control

WordPress 文章及頁面等版本控制外掛,可以設定要保留的版本次數,避免版本次數過多影響網站效能。

☛ 安裝 Revision Control

 

All In One SEO Pack

SEO功能外掛,可以幫你的網站與 Google Analytics、Google Search Console 建立關聯,並能為你的文章及頁面做更詳細的SEO設定。

☛ 安裝 All In One SEO Pack

 

Q2W3 Fixed Widget

能將你想要的側邊欄位固定住,讓側邊欄位隨著滑鼠滾動跟著移動。

☛ 安裝 Q2W3 Fixed Widget

 

肯特架設網站所使用的資源

  • VPS 主機 Vultr 高效能主機
  • 1GB 記憶體
  • 36GB SSD
  • 1TB 可用頻寬傳輸量
  • 網域主機商 NameCheap (首購跟續約都便宜)
  • Cloudflare DNS 代管
  • 自定網域 Email 服務 ImprovMX
  • 佈景主題 Soladed

PS: VPS需要有 Linux 網站架設技能,如果想要高效能主機推薦使用 Cloudways

如果您喜歡我的文章,請在文章最末按5下Like!
我將得到 Likecoin 的回饋:)

回饋由 Likecoin 基金會出資,您只要註冊/登入帳號(fb、google帳號都可以註冊,流程超快),按五次左鍵,可以贊助我的文章且完全不會花到錢!
支持創作,正向交流:)

You may also like

42 留言

Richmaple 18 7 月, 2020 - 7:31 下午

版主介紹的很詳細欸!對於新手真的有很大的幫助啊

回覆
Kent 18 7 月, 2020 - 7:34 下午

希望新手學習架站時能少走點彎路,感謝留言~

回覆
Tesla 17 7 月, 2020 - 10:37 下午

非常詳細的教程,相信新手看完這個文章就可以基本上完成架站的工作了,希望有機會可以看到更多類似的文章

回覆
Kent 17 7 月, 2020 - 10:54 下午

謝謝你的支持,我會努力寫出更多好文章~

回覆
Yvonne 17 7 月, 2020 - 4:41 下午

我用的主題是Astra,都不知道他的優點有這些,謝謝版主的介紹。

回覆
Kent 17 7 月, 2020 - 4:44 下午

希望對妳有幫助~

回覆
歐疼Black Sugar 17 7 月, 2020 - 12:27 下午

謝謝版主分享這麼有幫助的文章 !!!
對每個WORDPRESS的新手來說,最難最難的就是找到有被統整過的資訊 !!!
相信版主一定可以變成這些新手的明燈 !!!
加油 !!!

回覆
Kent 17 7 月, 2020 - 12:30 下午

過獎了,謝謝你的肯定,希望新手入門都能順利~

回覆
Edwin 17 7 月, 2020 - 5:16 上午

好棒的一篇文章,内容很详细
对新手来说,实在是太有用了!
感谢分享~

回覆
Kent 17 7 月, 2020 - 9:20 上午

希望大家都能輕鬆架站,謝謝你~

回覆
NANA 17 7 月, 2020 - 2:36 上午

Godaddy 續約真的很貴!設立網站那麼久才第一次知道.VPS,還要使用VPN翻牆,而且有了贈送網域優惠,不需要設定DNS麻煩的事情,覺得滿划算。還整理外掛重點大全,對新手幫助很大!

回覆
Kent 17 7 月, 2020 - 9:19 上午

Hi NaNa: VPS 不用翻牆就可以連線啦,我是用 VPS 架設 VPN 服務,看國外的影片很好用~

回覆
NANA 17 7 月, 2020 - 10:38 上午

哈哈,原來如此

回覆
Kent 17 7 月, 2020 - 10:46 上午

對啊,VPS可以玩很多東西,只是技術門檻高

回覆
小胖 16 7 月, 2020 - 11:24 下午

之前架站的時候研究好久~
結果版主一篇文章就講完了哈哈哈
太晚看到了啦!!
不過還是感謝版主的整理分享喔~
有些我原本沒很懂得地方, 都一倂解惑了呢

回覆
Kent 17 7 月, 2020 - 9:17 上午

有幫上你就好,謝謝你來留言~

回覆
布萊克 16 7 月, 2020 - 9:48 下午

內容相當清楚易懂,本來不是很懂 VPS 概念,經過解說能夠理解差異了。
佈景主題也是五花八門,感謝版主分享喔!

回覆
Kent 16 7 月, 2020 - 10:05 下午

對新手來說VPS跟共享主機真不容易懂
希望有幫到你~

回覆
Jean 16 7 月, 2020 - 3:42 下午

好詳細的介紹架設網站的好文
近期自己也在架設新網站,對於新手來說
架設網站真的是不簡單的事,從主機挑選到佈景主題、外掛
我都需要研究好久,謝謝版主的分享
也期待版主未來更多架網站的文章~

回覆
Kent 16 7 月, 2020 - 4:42 下午

希望這篇文章對大家有幫助~
謝謝妳的肯定~

回覆
Akay Hu 16 7 月, 2020 - 12:26 下午

WordPress 花最多時間就是安裝外掛,太多選擇不知道怎麼選
你推的外掛都很實用!很棒

回覆
Kent 16 7 月, 2020 - 12:28 下午

外掛裝太多影響會效能,所以我都盡量推自己有在用的外掛,希望新手能少走一點彎路。
謝謝 Akay Hu~

回覆
simon 16 7 月, 2020 - 11:44 上午

謝謝版主,解釋的很白話!(大通鋪+公寓)
連我這種唉踢小白也看的懂哈哈
如果有想要架設網站的朋友會建議他們先拜讀一下!

回覆
Kent 16 7 月, 2020 - 11:52 上午

不客氣,我想寫的就是要讓新手也能看得懂的文章。
謝謝你來留言~

回覆
Josie 16 7 月, 2020 - 1:46 上午

很詳細的解說,對完全不懂wordpress的新手很有幫助哦

回覆
Kent 16 7 月, 2020 - 9:07 上午

希望能幫到想用 wordpress 架設網站的人~

回覆
Irene Yeh 15 7 月, 2020 - 9:27 下午

內容好多,簡直是一門課了,謝謝教學!

回覆
Kent 15 7 月, 2020 - 9:34 下午

不客氣,因為工作的關係常遇到很多人問所以想先寫一篇統整,之後會再分小篇介紹。
謝謝妳來留言~

回覆
xiaoliu 15 7 月, 2020 - 8:41 下午

想請教一下版主,用免費建站還需要購買網域或主機嗎?
不好意思我是新手完全不懂這個 但想幫家裡的五金行弄一個網站
版主會建議用付費的還是免費的呢?

回覆
Kent 15 7 月, 2020 - 9:03 下午

你好,不知道你要做形象官網還是純寫文章呢?
不論哪一種都建議最少要用 bluehost 最便宜的方案喔。

免費的 wordpress.com 限制很多,付了錢只開放到你購買等級的功能,
不會給你自行安裝外掛,除非買到很高級的方案。

如果想自由的安裝外掛以及佈景主題還是購買付費的主機比較好~

回覆
匈牙利人妻 15 7 月, 2020 - 8:24 下午

好棒的解說!之前自己架站的時候有很多資訊,但都很零散!
版主的資訊完整包含架站教學!清楚明瞭~好受用!

回覆
Kent 15 7 月, 2020 - 8:52 下午

很開心你喜歡,希望這篇文章可以幫到更多人~

回覆
尹辰 15 7 月, 2020 - 3:01 下午

講解的很清楚,對想要架設新網站的人會很有幫助

回覆
Kent 15 7 月, 2020 - 3:23 下午

Hi 伊辰, 謝謝你留言鼓勵,我會持續產出好文章的~

回覆
AC 15 7 月, 2020 - 2:22 下午

好詳細的資料,身邊有朋友也想弄一個網站賺取被動收入,馬上分享給他

回覆
Kent 15 7 月, 2020 - 2:28 下午

謝謝幫忙分享,希望有幫到你朋友的忙~

回覆
EddieSu 15 7 月, 2020 - 10:48 上午

很棒的分享喔! 對於想架設個人網站又不知從何下手的人!幫助很大喔!感謝好文分享!

回覆
Kent 15 7 月, 2020 - 10:55 上午

謝謝你的肯定,我會繼續加油的~

回覆
homa 15 7 月, 2020 - 10:03 上午

這篇對於新手來說好實用~!我會常常逛你的網站的~!期待你出更多新文章~!

回覆
Kent 15 7 月, 2020 - 10:35 上午

Hi homa,
謝謝你的肯定,我會繼續努力寫出好文章的~

回覆
植髮學長 15 7 月, 2020 - 9:45 上午

講解非常清楚,感謝版大分享知識,幫助正在開創網路事業的大家。

回覆
Kent 15 7 月, 2020 - 9:48 上午

學長好XD,謝謝學長的肯定,有機會多多交流喔~

回覆

留言