WordPress架站

【WordPress架站教學】30分鐘新手架站完整教學全攻略!

最後更新時間: 11-07-2020

你是否想要自己建立一個網站、部落格,想要透過經營網站創業賺錢,卻不知道該如何開始嗎!?本篇就是要跟你分享,在完全不懂程式語言的情況下,教你如何使用WordPress架設好一個全新的網站,透過這篇WordPress架站教學,我將手把手教你輕鬆架站。

對了我想與你分享,你現在所看到的這個網站,是我透過聯盟行銷大師班的課程,看著影片的內容跟著操作架設完成的喔~如果你有興趣在架設網站之餘,透過聯盟行銷為自己賺取被動收入的話,可以參考下面這篇~

延伸閱讀:【課程優惠】聯盟行銷大師班評價,網路創業必推線上課程!

WordPress是什麼?

WordPress 是一個讓不懂寫程式語言的人,也能輕鬆架設網站的內容管理系統 (CMS),透過這套系統,你可以架設出一個你喜歡的網站風格,並且在經營管理上也都非常的方便,你可以隨時更新、替換網站內容。

根據 Buildwith 的資料顯示,全球高達37.23%的網站,是使用 WordPress 架設網站,由此可見 WordPress 受歡迎的程度,也顯示它真的非常適合完全不懂程式的人!

WordPress.com 和 WordPress.org 差別?

當你在 google 搜尋 WordPress 時,你是否有觀察到竟然出現兩個 WordPress,分別是 WordPress.comWordPress.org,這兩者之間到底有什麼差別呢!?

WordPress.com
WordPress.com 是由 Automattic 公司所提供的部落格空間,有點類似痞客邦,只要申請帳號,就可以馬上使用;帳號分為五種等級,分別是免費方案、個人方案、進階、商用版方案、電子商務,除了免費方案,其餘都是按月計費。

Wordpress.com 五種方案供選擇
▲ WordPress.com 五種方案供選擇

WordPress.org

WordPress 是一個免費開放的軟體,最早是用來架設部落格網站的,現今任何人都可以使用 WordPress 架設自己的網站。

WordPress.org 提供的網站架設方式,必須要購買主機(網路空間)+網域(網址),再從官網下載 WordPress 上傳安裝,才能完成網站架設的第一步!

透過這種方式架站,你可以完全的掌控自己的網站,擁有高度自由的編輯外,還有免費的佈景主題、上千種版型、上萬種的外掛供你使用!

如果你只是想要有個地方寫寫部落格,沒有要透過經營部落格賺錢的話,直接到 WordPress.com 申請帳號就能使用了。

但如果你是要做網路創業的話,我建議你選擇WordPress.org,初期雖然需要花些時間摸索,就長遠來看使用 WordPress.org 經營網站,有助於網站 seo 的排名,也不用擔心你所使用的部落格網站,有一天停止提供服務了,你苦心經營的部落格內容也隨之消失。

本文後面所提及到的 WordPress 所指的都是WordPress.org 免費版本,而不是 WordPress.com,千萬不要搞混囉!

不懂程式也可以用 WordPress 架站嗎?

WordPress原本的設計,就是要讓完全不懂程式的人,也能輕鬆架設網站的軟體,所以你不需要會寫程式,你可以選購喜歡的佈景主題,這樣就能快速地幫助你打造一個漂亮的網站。

當然,如果你會一點簡單的程式語言,像是HTML、CSS對於你在架設網站是很加分的,那樣將有助於你能輕鬆調整網站外觀,讓網站的風格更貼近你想呈現的畫面。

WordPress需要費用嗎?

WordPress軟體是免費的,使用它架設網站會產生其他的費用,包含了購買主機空間+網域的費用,一年花費約$4500~5500元台幣,我想這應該是最經濟的網路創業費用,從建立自己的網站、打造自我品牌開始。

WordPress可以架設哪些網站?

全球有這麼多的網站使用WordPress架站,到底WordPress可以架設出哪些網站呢!?舉凡像是部落格、個人作品集網站、公司形象官網、電商購物網站,通通都可以透過WordPress架設網站喔!

Vogue官方網站
▲ Vogue官方網站

延伸閱讀:WordPress網站實際案例分享

為什麼要用WordPress架設網站

目前全世界大約有1/3的網站,是使用 WordPress 來架站,那是因為 WordPress 擁有強大的內容管理系統 (CMS),可以在最短的時間架設出漂亮的網站,不需要花費幾十萬就能完成架站。

在經營管理上更是格外方便,不需要事事都透過工程師處理,即使是不懂程式的設計師、行銷人員都能輕鬆修改,隨時更新網站內容,如此可以大幅的降低建立網站所需的溝通成本,並能提升網站建置的速度

WordPress架站的好處

使用WordPress架設網站最大的好處,就是方便網站的經營管理,無論你是行銷人員、設計師、工程師都能輕易上手;目前 WordPress提供超過7,686多種免費的主題Themes(網站版型)、57,173多個免費的外掛程式 plugins ,能輕而易舉又快速的打造出漂亮又實用的網站。

WordPres提供7,686免費的主題網站版型
▲ WordPres提供7,686免費的主題網站版型
WordPres提供57,173免費的外掛程式
▲ WordPres提供57,173免費的外掛程式
  • 架站容易、方便網站經營管理: WordPress 架站非常容易,各大主機廠商都有推出所謂一鍵安裝 WordPress 的服務,照著系統操作大約15~20分,一個網站就可以架設出來囉!
    WordPress 的後台操作介面非常清晰,新手操作能輕鬆上手,不會因為程式問題而卡卡,稍作學習就能協助網站的維護。
  • 架站費用便宜:WordPress 是免費的開源架站軟體,誰都可以使用它來架設網站,每年只需花費約$4500~5500元台幣購買網域+主機空間,就能省下請一個工程師一年好幾十萬的薪水。
  • 有利於SEO網站優化排名:WordPress 網站系統經過優化,深受搜尋引擎的喜愛,它能解決SEO方面的技術問題,你只要做好SEO外掛的設定,並專心創造高品質的內容即可。
  • 易於調整網站風格、擴充網站功能:WordPress 提供7,686多種免費主題 Themes (網站版型)、57,173多個免費外掛程式,讓你能輕鬆更換網站的風格,並能隨時擴充網站功能,像是購物車、預約訂位。
  • 擁有豐富的社群資源:使用 WordPress 架設網站的人非常多,如果有使用上的問題,幾乎都可以在網路上查詢的到,像是部落格、Youtube、臉書社團。

WordPress缺點是什麼

  • 隱藏性消費:WordPress有許多免費的主題 Themes、外掛程式 plugins 可供使用,但若是需要更精緻的網站版型、更完善的外掛功能,就必須額外消費購買相關的主題或外掛喔!

WordPress架站教學

既然使用WordPress架設網站有這麼多優點,你是否也想使用它,為自己建立起一個專屬的網站呢!?

就讓我手把手的教你,從無到有的架設一個網站,我會教你操作每一個步驟,讓你透過圖文解說輕鬆架站。

接下來我會教你使用Namecheap購買網域+ Cloudways架設網站+ Cloudflare 代管DNS,來開始架設網站吧!

如何命名網域名稱

到底該如何命名網域也就是所謂的網址名稱呢!?這個真的要想好,否則一但買下去基本上就不太能換,像我自己就是當初沒有想好,後來重新再次購買網域。

因為網站已經開始建立內容了,所以後來又進行了網站搬家作業,這工程就有些麻煩了,很多東西要重新設定,下面我會跟你分享如何命名網域名稱的方向,提供給你作參考:

網域介紹
▲ 網域介紹
  1. 個人品牌:現在有很多自媒體的經營者,會直接使用自己的英文名字,作為網址的命名,像我的英文名字是Titi,網址就可以命名為titi.com。
  2. 主題:這個是以網站的主題為出發點的命名方式,舉例來說如果是教人做菜的網站,可以取名為cook.com。
  3. 自創品牌:這種命名可以結合自己的名字+網站主題,例如:titicafe,或是像本網站的名稱eCafeMK,因為我本身很喜愛喝咖啡,而這個網站主要是跟大家分享有關網路行銷的主題,因而誕生的網站名稱。

建議網站名稱命名重點:

  • 網站名稱盡量減短好記
  • 網站名稱盡可能與網站主題有關連性
  • 網址名稱盡量避免使用”-“分線符號
  • 最好優先選擇.com、.org、.net、.co,如果你的網站是鎖定台灣市場的話,你可以選擇.com.tw或.tw。

延伸閱讀:更多網址命名參考 Namemesh,不建議在此處購買網域。

Namecheap購買網域 (Domain)

你決定好網址名稱了嗎!?接下來就要教大家如何在 NameCheap 購買網域名稱,會推薦你在這購買網域,是因為這的價格就是便宜。

step 1

點此開啟 NameCheap 網頁,在搜尋欄內輸入要購買的網域名稱。

NameCheap

step 2

確認網域可以註冊,加入購物車。如果顯示綠色打勾,表示此網域可以購買,點選加入購物車,這個網域每年費用為$8.88美金。

NameCheap

step 3

確認網域無誤,點選結帳。

NameCheap

step 4

設定自動續約,確認後送出訂單。

  1. 建議設定為自動續約,避免網域到期忘記續約,網域可能被他人買走的冏境。
  2. 網域費用為每年$8.88美元+$0.18美元ICANN手續費,1年約台幣$300元。
  3. 開啟免費WhoisGuard功能,能保護你的個人資料,不被Whois查詢到。
  4. 確認訂單後,按右下按鈕送出。
NameCheap

step 5

NameCheap註冊帳戶,所有資料請使用英文填入,不可以輸入中文資料,完成後請點選下方按鈕送出。

NameCheap

step 6

填寫其他個人資料。所有資料請使用英文填入,不可以輸入中文資料,完成後請點選右邊按鈕送出,請使用此網址查詢英文地址

NameCheap

step 7

確認左邊的個人資料,如無問題點選右邊的按鈕送出。

NameCheap

step 8

選擇你想要使用的付款方式,並填入相關資料,確認後按下送出按鈕。

NameCheap

step 9

確認資料無誤後,點選按鈕進行付款。

NameCheap

step 10

付款完成後,會提供購買明細。

NameCheap

step 11

收信認證,確認你的網域購買。接著到你註冊的信箱去收信,點選下方的Click here to verify your email address 驗證你的信箱。這個驗證很重要,若是沒有完成驗證,你的網域可能會失效被沒收!

NameCheap

step 12

跳轉到此頁,就表示購買成功囉!接著請點選下方your Namecheap Account,進入你的會員網頁。

NameCheap

step 13

網域呈現為Active,表示網域購買流程完成囉!

NameCheap

Cloudways租用主機 (Hosting)

主機的部份我推薦 Cloudways,你現在看到的這個網站,就是使用 Cloudways ,我選用的 VPS 主機商是 Linode 1GB 方案。

為什麼我推薦 Cloudways 給你,主要的原因如下:

  1. 3天免費試用:註冊後可以免費試用3天,再決定是否要繼續使用。
  2. 小時計費:計費單位用小時計價,使用多少算多少,月底結算且可以隨時停用。
  3. 月租方案多元:最基本的方案是$12美金/月,約台幣360元/月。
  4. 隨時升級方案:如果流量突然暴增,可以隨時調整升等方案。
  5. 網站備份:網站資料隨時備份,也可以手動建立備份。
  6. 建立測試環境:在主機台複製網站,方便建立網站改版測試使用。
  7. 免費SSL安全憑證:可以保護你的網站安全,並有助於 seo 網站排名。
  8. 免費搬家工具:提供 wordpress 免費搬家外掛,讓你輕鬆幫網站搬家。
  9. 24/7全年無休線上客服:有任何問題直接線上諮詢,有專業的團隊隨時為你服務。

eCafeMK 有幫大家爭取到優惠,現在申請 Cloudways 的帳戶,只要輸入折扣碼「ECAFEMK」,就可以享有前兩個月8折的優惠哦!

step 1

註冊 Cloudways,到 Cloudways 首頁,點選中間的按鈕 Start A Free Trial。
※完成註冊,即可享免費3天試用Cloudways。

Cloudways

step 2

填寫註冊資料:
I would best describe myself as 請描述我自己
My monthly hosting spending is 每月主機的花費
請照實填寫你的資料,或參考下方資料,並請輸入「ECAFEMK」折扣碼,可享前2個月8折優惠,完成後請點選下方按鈕 Start Free。

Cloudways

step 3

收取認證信,Cloudways會寄一封認證信給你,收到後請點選下方按鈕進行認證。

Cloudways

step 4

輸入手機號碼進行驗證。

Cloudways

step 5

驗證完成。

Cloudways

step 6

主機建置。

Cloudways

這裡有5個部份要做填寫、設定,說明如下:

  1. WordPress請選擇最新的版本。
  2. 從左而右依序為應用程式、伺服器、專案,可隨意命名,之後隨時都可以更改。
  3. 主機的部份,推薦你使用Linode主機商。
  4. 4主機的RAM,初期我建議使用1GB就很足夠,1個月的費用約$12美金,之後如果有需求想要升級,可以隨時升等。
  5. 主機位置建議選擇Tokyo,這樣距離台灣比較近,速度會比較快。

以上都設定完成後,點選右下方的按鈕 LAUNCH NOW,開始建立主機大約需要7分鐘,正在建立主機如下圖所示。

Cloudways 等待主機建立完成

step 7

主機建立完成,Server 顯示綠燈表示建立完成,請點選紅框的 Server 進行設定。

Cloudways

step 8

查看主機資料,紅框為主機的 IP 位置,之後要綁定網域的時才會用到。

Cloudways

step 9

主機設定-點選左邊的 Setting & Packages,再點選 Basic,並設定為台北時間,再點選下方按鈕。

Cloudways

step 10

主機設定-點選左邊的 Setting & Packages,再點選 ADVANCED,並設定為台北時間、UTF-8 Unicode。

Cloudways

▼ LOCALES 選擇 Chinese(Taiwan),再點選下方按鈕。

Cloudways

step 11

主機設定-點選左邊 Setting & Packages 跟 PACKAGES,將 PHP 設定為7.3以上,MySQL 設定為 MariaDB 10.3。

Cloudways

step 12

準備建立 WordPress。

Cloudways

此處為 WordPress 的相關資訊,畫面如下:

  1. Application URL – WordPress 提供的臨時網址。
  2. Admin Panel – WordPress 登入後台的網址、帳號+密碼。
  3. MySQL Access – WordPress 的資料庫名稱、帳號+密碼。

▼ 我們先點選紅色區塊2中 URL 的小圖示。

Cloudways

step 13

登入 WordPress 後台,輸入 ADMIN PANEL 的帳號、密碼,登入 WordPress 後台。

Cloudways

▼ 看到下面這個畫面,就表示你成功的登入 WordPress 的後台囉!

Cloudways

step 14

WordPress 語言設定,語言的部分設定為繁體中文,Timezone 設定為 UTC+8,再點選 Save Changes 按鈕。

Cloudways

▼ 接著 WordPress 的後台,就變成中文囉!

Cloudways

step 15

Cloudways 設定付款方式,Cloudways 提供3天免費試用方案,記得要在3天內升級設定付款方式,否則主機會被停用,請點選上方升級按鈕!

Cloudways

step 16

Cloudways 填寫付款資料。

Cloudways

這樣就大功告成囉!恭喜你,現在擁有一個屬於自己的網站啦!

Cloudflare將網域與主機串連 (DNS)

當網域與主機都準備好了,接下來有一個非常重要的任務,就是要網域與主機串接起來,因此我們要來進行 DNS 設定。
我們將透過 Cloudflare 來代管 DNS ,免費版的 Cloudflare 功能就很強大了,它提供 SSL、快取服務、DNS 變更能立即生效、資安防護措施…等。

step 1

設定 PRIMARY DOMAIN,開啟 Cloudways 將你的網域填入,然後點選下方按鈕儲存。

Dns

step 2

查看 ACCESS DETAILS,此時你的網域,已經變更為剛才填入的網址囉!

Dns

step 3

設定 SSL 憑證-設定 SSL MANAGEMENT,將你的 Email 跟網域填入,再點選下方的按鈕。

Dns

▼ 這個視窗在詢問你,是否要將 http://網址變更為 https://,我們點選 Enable Https 啟用按鈕。

Dns

▼ 到這個畫面,表示設定成功。

Dns

▼ 跳轉到 WordPress 網站前台,網址左邊出現一個鎖頭,就表示 SSL 設定成功。

Dns

step 1

註冊 Cloudflare,右邊可以切換成中文介面。

Cloudflare

step 2

點選申請按鈕。

Cloudflare

step 3

填入 email 跟密碼,點選建立帳戶按鈕。

Cloudflare

step 4

收信進行認證。

Cloudflare

▼ 此畫面顯示,已經通過認證。

Cloudflare

step 5

輸入你的網域,點選新增網站。

Cloudflare

step 6

選擇免費方案。

Cloudflare

step 7

這裡可以看到你的 DNS 記錄。

Cloudflare

step 8

到 Cloudways 複製你的 IP 位置。

Cloudflare

step 9

把剛才複製的 IP,貼到下面紅色框架裡。

Cloudflare

step 10

把你的網域,瑱入下面紅色框架裡。

Cloudflare

step 11

點選下方按鈕繼續。

Cloudflare

step 12

這兩個紅框內的網址,待會設定會用到先別關。

Cloudflare

step 13

回到 NameCheap 會員畫面,點選 Manage。

Cloudflare

step 14

下拉選單,請選擇 Custom DNS。

Cloudflare

step 15

將步驟12那2個 NameServer 網址複製過來,並點選打勾

Cloudflare

step 16

確認資料後,點選完成按鈕。

Cloudflare

step 17

點選開始使用

Cloudflare

step 18

設定SSL,點選完整後,點選儲存按鈕。

Cloudflare

step 19

點選儲存按鈕。

Cloudflare

step 20

網域顯示使用中表示生效,接著請點選下方紅色框的地方。

Cloudflare

▼ 會跳轉到此畫面,再點選上方的 DNS,顯示 DNS 成功的從 NameCheap 轉移到 Cloudflare。

Cloudflare

step 21

跳轉到 Cloudways,點選 Server 跟 Settings & Packages 跟 ADVANCED。

Cloudflare

▼ 往下滑到 WAF MODULE 修改為 Cloudflare,最後按 SAVE CHANGES 儲存設定。

Cloudflare

恭禧你,整個網站的架設與串接,到這裡終於大功告成囉!

安裝佈景主題

step 1

搜尋佈景主題,點選上方的安裝佈景主題,就會有上千個免費主題任你挑選。

scenery

step 2

安裝佈景主題,找到你喜歡的佈景主題,按下啟用就會幫你的網站,換上全新的外觀。

scenery

佈景主題有分為免費、付費,在網站成立的初期,我建議使用免費的佈景主題就好,請先把重心放在規劃網站的內容,不要花太多的時間在建置網站的外觀。

Titi剛成立網站的時候,花了太多時間在弄版型,設計網站 LOGO,有種得不償失的感覺,剛成立的網站幾乎沒有流量,也就是說幾乎沒有人看的到你的網站。

我建議當你的網站規模建立起來,流量開始導入你的網站時,再花心思去調整網站的外觀都來的急,因為你隨時都能購買喜歡的佈景主題,來美化你精心打造的網站喔~

結語

有沒有覺得很棒,你靠著自己的力量架設好一個全新的網站,嘿嘿..這只是架設網站的起步勒!後面還有許多東西要慢慢建構起來,豐富網站內容、安裝所需外掛、美化網站版型、seo優化排名,除此之外,還要開始學習摸索 WordPress 的後台。

希望透過本篇教學,能幫助你架設一個全新的網站,不論你是要寫部落格、成立官方網站、銷售商品,使用 WordPress 架設網站,會是你最佳的選擇,想要打造一個成功的網站,除了網站內容、還需要搭配完善的行銷策略。

網路行銷的世界學無止盡,你準備好開啟你的網路事業、打造個人品牌嗎!?歡迎留言與我分享喔!

文章推薦

WordPress 教學

Google Analytics教學

【GA教學】Google Analytics教學.1次看懂你的網站分析!

聯盟行銷

留言回應

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *