“ WordPress架站教學 ,聽到架設網站,尤其要處理網域跟伺服器,許多人就會打退堂鼓。

但你是不是內心渴望成為職業級的部落客?又或者擁有大量創意作品想要與周遭人分享,還是為商務人士卻礙於談合作時,沒有形象網站介紹,或包山包海小編兼設計、公司要架設網站1人處理該怎辦?你的痛讓Wordpress一次解決。

這次用3部影片搭配圖文方式使wordpress架設網站流程簡單化,讓沒有程式背景的初學者一次搞懂!”

一. 架設Wordpress網站,前置流程要做哪些事?

基本上,架設網站準備工作分為三大項,購買『網域』、『伺服器』、『SSL安全憑證』,了解大方向,架設網站沒那麼難!

圖 / 架設Wordpress網站-前置作業

1.為什麼網站需要網域 ( Domain Name ) ?

這樣想很簡單,網站好比我們生活中的房子,而每間房子都有自己專屬的地址,地址就是網域(域名),當別人問你住哪?總能說出完整地址。網站擁有網域有利於其他人搜尋。網域不會重覆,獨一無二的存在。

2.為什麼網站要有伺服器 ( Server )?

前面說到網站猶如房子,那蓋房子總要有土地,伺服器就是土地,房子建材等等會在這塊土地上。網站的內容就是置放在伺服器空間裡。

3.為什麼網站要安裝SSL?

SSL全英文名Secure Sockets Layer,中譯『安全通訊協定』,SSL也可稱TLS,技術上可見這兩者稱呼 。網站安裝SSL目的是保護網站使用者端與伺服器端傳送資料時,確保安全,由Netscape公司於1994年推出首版SSL加密。

SSL好比一個安全審查專員,如使用者在網站中輸入信用卡資訊、電子信箱、留言等,發送出去的資訊都會經由SSL安全審查並加密傳送。

那如何辨識網站是否有SSL?網域前面是否有『鎖頭』,或點擊網域時是『https』就代表這網站是安全的。而網站安不安全,也會影響到Google搜尋排名喔!SSL算是建置網站必要的裝備。

二. 【 影片 】註冊與購買GoDaddy網域-Wordpress教學

❮ 影片時間戳記-TIME STAMPS ❯ 00:00-00:45註冊Godaddy帳戶 / 00:50-01:50購買Godaddy網域

☞ 點擊下方註冊GoDaddy ☜

✍申請註冊與購買GoDaddy網域-圖文教學步驟

Step1 Google搜尋『 GoDaddy 』。

Step2 GoDaddy網站右上方『 登入 』,如是新客戶選擇『 建立帳戶 』,如之前就有會員,直接『登入』。

Step3 此教學是新客戶,GoDaddy建立帳戶有三種方式『 Facebook 』、『 Google 』、『 電子郵件 』,以你常用的方式為主。

Step4 我這邊選擇『 電子郵件 』,選擇後三個欄位必填『 電子郵件 』、『 姓名』、『 密碼 』,『 密碼 』建議大小寫英文配合數字跟符號,安全性會較高。是否接收Godaddy產品資訊,個人選擇即可,建立帳戶。

Step5 上方正方形點點『 我的帳戶 』> 前往GoDaddy選購。

Step6 會回到Godaddy首頁如下圖,在搜尋網域,輸入您要的網域名稱。

Wordpress架站教學/GoDaddy網站首頁-MS.E數位學習
圖 / GoDaddy首頁 – 搜尋網域

 

❖ 如要的網址被別人買走,不用苦惱該怎辦,GoDaddy也會列出其他可用網域的組合給你參考,而且還能比價。

 

Wordpress教學/GoDaddy網域搜尋結果-MS.E數位學習
圖 / GoDaddy 網域搜尋結果

Step7 確認網域後,加入購物車>前往購物流程。網域選擇年份,看你要擁有網域幾年,最高可到10年。下方的全方網域隱私及保護,我是有買避免被駭客濫用。點擊下方按鈕『我準備好付款了』。

Wordpress教學/GoDaddy 網域購買流程-MS.E數位學習
圖 /GoDaddy 網域購買流程

Step8 填寫帳單資訊>儲存。下方有『組織』與『稅務編號』就是『公司名稱』、『統編』。

Step9 安全付款,GoDaddy提供『 PayPal 』、『UnionPay銀聯 』、『 Visa 』、『 Mastercard 』> 點『 查看訂單 』。

Step10 結帳頁面會出現『付款』、『帳單資訊』、『訂購項目』> 完成購買。

 

三、【影片】申請Cloudways伺服器 / 安裝Wordpress / 設定伺服器付款資訊

此採用Cloudways伺服器管理平台-VPS伺服器DigitalOcean。Cloudways有3天試用期,SSL為免費使用。

❮ 影片時間戳記-TIME STAMPS ❯ 00:00 – 00:45 註冊Cloudways管理伺服器平台會員 / 00:47 – 01:57 申請DigitalOcean伺服器,建立Wordpress / 01:59 – 02:27 伺服器建立信用卡付款資訊

☞ 點擊下方註冊cloudways ☜

✍申請Cloudways伺服器,安裝Wordpress網站、填寫伺服器付款資訊 -圖文教學步驟

Step1 Google搜尋Cloudways

Step2 進入Cloudways網站首頁後,點擊左側綠色按鈕『 GET STARTED FREE 』

圖 /Cloudways伺服器管理平台首頁

Step3 註冊方式 提供『 LinkedIn 』、『 Github 』、『 Google 』、『 Email 』,此教學為填寫『 Email 』。First name填名字,Last name填姓氏 >資料完成後,點按鈕 『 START FREE 』。

Step4 註冊完後,會寄確認信至信箱,記得點擊確認。> 再來是手機號碼確認,填可以收到簡訊驗證碼的手機號。>完成註冊Cloudways。

Step5 申請伺服器,點綠色按鈕 『 LAUNCH NOW 』。

Step6 此教學為wordpress,APPLICATION&SERVER DETAILS 選擇應用與伺服器,下拉選單選wordpress最新的版本、填寫網站專案名稱。> 再來選擇伺服器品牌與SERVER SIZE容量 >選擇後, 點綠色按鈕 『 LAUNCH NOW 』。

PS. 我評估DigitalOcean伺服器據點有亞洲加上規格與費用符合網站規劃,因此選擇DigitalOcean。請根據網站客戶群的所在地,以及你的預算還有網站規劃要的規格,地點多少會影響網站速度。

圖 / Cloudways伺服器管理平台

Step7 伺服器創建Wordpress應用完成,可使用狀態會顯示綠燈 ,點擊『www』。

圖 / Cloudways – Servers管理面板

Step8 左側選單Application Management應用管理 >Access Details權限詳情> APPLICATION URL 應用網址,點入後可看到Wordpress前台。ADMIN PANEL管理控制板為 WordPress管理後台。畫面都顯示就可以使用囉!

圖 / Cloudways – Application Management
圖 / Cloudways – WordPress前台畫面
圖 / Cloudways – WordPress管理登入畫面

Step9 設定伺服器付款資訊 ,UPGRADE MY ACCOUNT 升級我的帳戶。

圖 / Cloudways – 升級帳戶

Step10 填寫付款資訊,目前提供的付款方式 Visa.MasterCard.American Express,是採月付費。 > 填完後,點綠色按鈕 Authorize授權。

圖 / Cloudways – 付款資訊

完成授權付款後,可至Cloudways 右上方ACCOUNT帳戶,查詢信用卡以及每月扣款帳單發票。

圖 / Cloudways – 帳單資訊
Load WordPress Sites in as fast as 37ms!

四、【 影片 】Wordpress網站設定專屬GoDaddy網域,安裝SSL網站安全憑證

❮ 影片時間戳記-TIME STAMPS ❯ 00:00 – 00:50 Clouways選擇『網域管理』貼上Godaddy購買的網域 / 00:52 – 01:40 複製Cloudways的IP,Godaddy網域設定DNS指向Cloudways / 01:43 – 02:25 設定網站SSL安全憑證

✍Wordpress網站設定專屬GoDaddy網域,安裝SSL網站安全憑證-圖文教學

❖ WordPress網站設定專屬網域 ( 網域DNS指向 )

Step1 點擊下方登入Cloudways,上面選單『 Servers 』> 選擇www 點擊 APPLICATIONS 應用。

圖 / Cloudways Servers 管理面板

Step2 管理面板的側邊選單選擇『 Domain Management 網域管理 』> PRIMARY DOMAIN 貼上主網域 。(請根據自己購買網域的地方,複製網域貼上來。此教學網域是在GoDaddy購買的。)

圖 / Cloudways – Domain Management網域管理

Step3 管理面板側邊選單『 Access Details 權限詳情 』> 右邊資訊面板APPLICATION CREDENTIALS 應用憑證 ,複製Public IP (一串數字)。

圖 / Cloudways – Access Detail 使用權詳情

Step4 DNS指向設定,登入GoDaddy網站,右上角下拉選單帳戶『 我的產品 』> 所有產品與服務 網域 選擇『 DNS 』。

圖 / GoDaddy 首頁-我的產品
圖 / GoDaddy 我的產品-網域DNS

Step5 網域DNS管理 > DNS紀錄 選擇 A 類型欄位,編輯> 內容值欄位,貼上Cloudways的Public IP,其他欄位保留預設即可 > 儲存,完成專屬網域指向啦!(稍等幾分鐘後wordpress網站就會改成您的網域。)

圖 / GoDaddy DNS管理-DNS紀錄
圖 / GoDaddy DNS紀錄-A類型的內容值貼上伺服器IP

❖ WordPress網站安裝SSL憑證

Step1 點擊下方登入Cloudways > Servers > www> APPLICATION。

圖 / Cloudways Servers 管理面板

Step2 左側面板選擇 SSL Certificate >下拉選單選『 Let’s Encrypt 』> 填寫 email、貼上你的網域 > INSTALL CERTIFICATE 安裝憑證。

 ➤ 此SSL信箱一定要填入網域信箱。如要申請Gmail企業版信箱請參考Gmail教學篇

圖 / Cloudways – SSL Certificate

安裝完後,會出現期限>開啟SSL自動更新AUTO RENEWAL> SAVE CHANGES 儲存更新,wordpress架站完成囉!

小補充:Let’s Encrypt是2015 推出的數位憑證認證,目的在於簡單化手動安裝SSL的流程,推廣自動化流程使全球資訊網伺服器加密連結,提供免費的傳輸安全協定憑證。

圖 / Cloudways – SSL Certificate 開啟自動更新

照著3部影片完成wordpress架設後,接下來就要著手安裝WordPress佈景主題並基礎設定,個人習慣用Divi Themes,讓網站擁有令人印象深刻的標題,以及上傳自己的LOGO吧!

Load WordPress Sites in as fast as 37ms!

五、FAQ-架設Wordpress網站

Q. 用Wordpress架站,使用者多嗎?

目前架站有內容管理系統的網站來說,Wordpress 2022年市佔高達43.2%,再加上wordpress是開放性程式原始碼,全球各地都有志願者參與wordpress程式開發及系統維護、介面設計等。Wordpress持續成長,下載量這幾年也達到破千萬的紀錄。


WordPress知名使用者:紐約時報 (The New York Times)美國有線電視新聞網 (CNN)富比士 (Forbes)eBay等。

 

數據參考:W3TechsWordPress.org

Q. 有發現到Wordpress.org和Wordpress.com這兩者版本有什麼不同?

WordPress.org是開放性原始碼內容管理系統(CMS)。Wordpress.com是快速架站託管平台。
6項重要的不同點,舉例如下:

  • 1.【網域】Wordpress.org可自行命名主網域。Wordpress.com 網域通常是子網域https://mkeleventrip.wordpress.com。
  • 2.【伺服器】Wordpress.org可自行選擇『 伺服器品牌 』與『 容量 』比如要用VPS、虛擬、雲端主機。Wordpress.com採用的是Wordpress虛擬主機,容量有限制,電子商務版最高200GB儲存空間。
  • 3.【外掛工具】Wordpress.org,免費工具即可外掛使用。Wordpress.com即使是免費的外掛工具,也要升級付費訂閱才能使用。
  • 4.【佈景主題】Wordpress.org,上傳自己的主題無需費用。Wordpress.com要升級付費到商務版或電子商務版方案才能上傳自己的佈景主題。
  • 5.【原始碼】Wordpress.org,為開放程式原始碼,能修改CSS / JS /PHP 。Wordpress.com 無法更改程式原始碼。
  • 6.【廣告】Wordpress.org,不會出現wordpress廣告。Wordpress.com免費版會出現廣告。

Q. 架設網站要怎麼評估哪種方法最適合?一定要用Wordpress嗎?

1) 當接到網站開發專案時,建議考量兩大因素『 專案上線時間 』、『 預算 』。
市場上常見架設網站的方法:公司有工程團隊自己開發、外包網站公司、快速架站工具如wix、開放原始碼內容管理系統Wordpress.org。

如果是要1~2個月完成的,不建議自己開發或外包,自己從頭開發包含介面設計端>前端切版>後端程式,光是跑這流程就不止2個月了。外包製作全新網站溝通成本較高,前台畫面與後台管理系統每一項開發功能,會依據功能難易度收取費用,後續要追加功能都要再付費的。而快速架站平台,後續擴充要開發其他功就無法實現,因為大部分快速架站平台不開放原始碼給你做修改的。

 

2) 沒有規定,一切取決於你的網站專案。而我使用Wordpress.org是因為購買網域到伺服器、佈景主題、編輯器等功能費用都比外包網站公司便宜,現在wordpress佈景主題都有高質感模板,能直接套用,省去從零設計網站介面的時間。Wordpress.org 已經有現成的內容管理系統,如之後要擴充功能,可以使用Wordpress外掛工具或外包開發、公司內部工程開發,溝通成本也都能大幅降低,預算上也比較划算。(PS.如果要大改程式,預算就會比較高 )

Q. WordPress可以製作購物網站嗎?有支援台灣金流?

可以,在Wordpress管理後台 > 外掛 > 安裝外掛搜尋『 WooCommerce 』,安裝完成即可使用。


WooCommerc(wordpress購物網站


台灣使用Wordpress者也眾多,因此台灣知名金流公司『綠界』『藍新』『紅陽』,都有提供API串接,這部分就可能需要工程人員處理。

Q. 已有在其他地方購買網域,可以轉移至GoDaddy做網域管理嗎?

可以。請聯繫目前的網域註冊商,解鎖網域名稱並獲取授權碼( EPP 碼或轉移金鑰 ),必要時提供管理員的聯繫資訊。網域轉移程序暫估5–7天時間。
如轉到GoDaddy網域上需要技術支援,可致電台灣GoDaddy(02)7703–9087 服務時間:9:00~18:00 周一至周五。

Q. Cloudways提供的伺服器,是屬於VPS還是虛擬主機?

Cloudways伺服器管理平台提供均為VPS 伺服器,相對的VPS費用上會比虛擬主機高一點,因效能與資源上都比虛擬主機好。Cloudways伺服器品牌有DigitalOcean、linode、VULTR、AWS、Google Cloud Platform。

Q. Cloudways在試用期填寫付款資訊,會扣錢嗎?

Cloudways提供3天試用期,如在試用期間填寫付款資訊並不會先扣款,而是等到試用期過後,再進行扣款。如有款項或技術上的問題都可以登入Cloudways後,點擊Need a hand?就可以線上客服詢問囉!

Q. Cloudways的SSL網站安全憑證要收費嗎?

Cloudways的SSL不收費,安裝Let’s Encrypt Certificate即可。如您在其他地方有購買SSL,也可以部署在Cloudways網站應用程序上。

error: 對網站內容有興趣,歡迎來信mse@mseiblog.com