SiteGround教學 :快速 WordPress 網站製作

0
1936
SiteGround教學 : 快速 WordPress 網站製作
SiteGround教學 : 快速 WordPress 網站製作

本文是一篇詳細完整的 SiteGround教學 。

SiteGround 是一家非常知名的虛擬主機商,許多國內外知名公司,都是把網站架設在 SiteGround 主機上。

不論是虛擬主機速度&穩定度,或是客服支援等 ..,表現都接近滿分,更被WordPress 官方列為推薦的虛擬主機之一。

想開啟你的網路事業嗎?

在這篇文章我會教你,如何用便宜的預算,快速完成網址+SiteGround 主機申請+WordPress網站安裝+SiteGround 設定+網站搬家等 ..

而你所要做的,就只是跟著我的教學流程 .. ,就這麼簡單!

關於 SiteGround教學 ,我精心製作了 7 個章節,大綱如下:

  1. 虛擬主機推薦
  2. 網域+主機申請
  3. WordPress 安裝
  4. 網站搬家
  5. Site Tools 工具
  6. WordPress 基本設定
  7. 開始起飛

心動了嗎?那我們就快開始吧:)


1. 虛擬主機推薦

虛擬主機推薦

一個 網站製作 流程,不外乎就是由這 3 點組成:

  • 網域申請
  • 虛擬主機申請
  • 網頁設計

不論你是自己製作,或是請網頁設計公司做,都需要在網域&虛擬主機上,做些投資,而且無可避免

過去網域和虛擬主機,會需要分開申請,現在簡單多了,在同一地方就可以搞定一切,且方便未來管理 .. 前提是,我們必須找一家品質好的主機公司,對吧?

SiteGround教學 :SiteGround 虛擬主機

SiteGround 是高度專業的虛擬主機公司,同時也有經營網域申請服務,在全球有多個數據中心(亞洲有新加坡據點),連線起來一樣快,到目前已經管理超過 800,000 個網域。

這家主機公司,我自己親身使用多年且十分滿意,它們所有的主機,都對 WordPress 進行速度+穩定度的優化。

這也是為什麼能讓 WordPress.org 官方,列為推薦的主機之一,你可以享有 ..

  • WordPress一鍵安裝
  • WordPress 版本+外掛自動升級
  • 免費的 SSL
  • WordPress 搬家
  • SuperCacher 速度優化軟體
  • 每日自動備份
  • 24/7 的客服服務、即時聊天、快速表單回覆 .. 等。

當然它的優點不僅於此,由於篇幅關係,這裡只列舉部分。

專家們對 SiteGround 評論?

SiteGround 是 WordPress 社區中最受歡迎和評分最高的託管服務提供商之一。

他們提供獨特的主機解決方案,讓主機穩定度、主機速度、主機安全性等 ..,都能達到最高的審核標準,且有接近 100% 的正常運行時間。

當然少不了的就是他們一流的客戶服務,由於 SiteGround 的使用者來自世界各地,至少可以說,他們的客戶支持很棒。

如:24/7 的客服服務、即時聊天、快速表單回覆 .. 等。

在國外虛擬主機的品質上,SiteGround 無庸置疑是推薦排行前幾名的,所以受到許多國內外的網站主喜愛。

若是打算經營自己的網站事業, SiteGround 會是你很好的選擇!

SiteGround教學 :SiteGround 正常運行時間&回應時間(毫秒)
SiteGround 正常運行時間&回應時間(毫秒)

少不了的是,它不論在國內外,也有十分優良的使用評價,如下圖:

SiteGround教學 :SiteGround 虛擬主機評價
SiteGround 虛擬主機評價

SiteGround 費用了解

至於費用部分,虛擬主機的原訂價格為$ 11.95 美元 /月,值得開心的是,SiteGround 官方已經同意為我們網站的讀者,提供任一方案 70% Off 的虛擬主機折扣

SiteGround教學 :虛擬主機方案

就等於虛擬主機只需 $3.95 美元 /月(一年約 1440 台幣),即可開始享用 SiteGround 主機。

若網址也同樣在 SiteGround 申請,域名的價格通常為$ 15.95 美元 /年(一年約 480 台幣)。

等於網址+主機費用相加起來,可以用不到 2000 台幣,開始你的網路事業!

下一章節,我會帶領大家網域申請+虛擬主機租用,教學很容易上手的,我們開始吧:)


2. 網域+主機申請

這章節,我把申請流程簡化成 3 步驟,幫助你網址+虛擬主機申請,打造自己的網頁製作。

Step 1:挑選主機方案

首先前往 SiteGround ,挑選適合自己的主機方案。

SiteGround教學 :SiteGround主機方案
SiteGround 虛擬主機方案

如果你是初學者,推薦使用 StartUp 入門方案 創建第一個 WordPress 網站,是一個不錯的選擇,費用較低方便入門。

若你是有些經驗的使用者,想擁有更好的 SiteGround 服務,如:更好的主機規格、SuperCacher 外掛(提升網站速度)等 .. ,你可以選擇 GrowUp 中階方案

Step 2:申請你的專屬網址

填入想申請的網址( Register a new Domain ),並前往下一步,若是原來就有網址,就選( I already have a domain ),就不另做申請。

SiteGround教學 :網址申請
SiteGround:網址申請

Step3:填入申請資料

填寫申請帳戶資料(英文),客戶資料,付款方式等 .. ,最後送出付款。

  • 帳戶資訊,請務必記好,是要登入 SiteGround 的帳密唷!
  • 地址 / 郵遞區號,都要用國際方式填寫,這邊上個「 中英地址翻譯 」工具,協助大家填寫:)
SiteGround教學 :主機購買流程
SiteGround:資料填寫
SiteGround:網址+網路空間申請成功
SiteGround:網址+網路空間申請成功

申請完成後,可能需要留意一下信箱,系統可能會寄送確認信 or 申請完成的主機訊息,若都沒收到也無所謂,不會造成影響。

付款成功後,你的網址+虛擬主機就正式申請完成囉!

這章節,是協助你打好網站事業的基底,有點像是基礎設施,下一章節就要來學習如何 WordPress 安裝,也就是網頁製作教學的部分囉!


3. WordPress 安裝

當網域+虛擬主機申請完畢後,下一步就是開始安裝 WordPress。

若還沒有網址&虛擬主機,請點擊下面按鈕,可照本文教學,完成申請。

我們使用 SiteGround 主機的好處,就是它對 WordPress 有著良好的支持,比如:一鍵安裝 WordPress,我來教大夥兒如何使用。

首次登入 SiteGround 後台(輸入剛申請的帳號&密碼,帳號是你的信箱),會看到 Set Up Site,點擊後前往。

SiteGround教學 :點擊網站設計
SiteGround:點擊網站設計

照著下面流程選取,主要分為 Start New WebSite(開始新網站)和 Migrate Website(轉移現有網站)。

SiteGround教學 :網址+虛擬主機+Wordpress安裝完成
SiteGround:網址+虛擬主機+Wordpress安裝完成

小提醒:

  1. 這裡設置的帳號密碼,是未來會用到的 WordPress 後台帳密唷(之後可改密碼,別擔心)
  2. 若要搬家至 SiteGround,可以使用 Migrator WebSite 搬家工具(若一方案皆有),或請 SiteGround 公司專人協助搬家(需 GrowBig 方案以上)。

點擊完成後,會到 Add Extras(額外服務)頁面,這邊都先不選取,我們只把錢花在刀口上。

送出後,SiteGround 就會開始運行 WordPress 安裝啦,完成後會出現安裝成功的畫面。

SiteGround教學 :DNS指向+網站管理工具
SiteGround:DNS指向+網站管理工具

若網址非在 SiteGround 申請,請看這:

請把上圖的左邊 DNS  兩行複製下來(Site Tools 後台也找得到)。

然後到自己的網域商,進行 DNS 設定(把剛複製的兩行貼上去),然後等待24小時 ~ 48小時的作業時間(網址指向主機需要時間)。

就可以順利把你的網址和 SiteGround 主機,串接起來了!

接著,搜尋剛設定的網址,來看一下努力的成果,若網址已經指向成功,就會出現剛架設完成的 WordPress網站,如下圖。

SiteGround教學 :搞定的 wordpress 網站
SiteGround:搞定的 wordpress 網站

兩個重要的路徑位置(要記得唷)

  • wordpress 網站前台: 你的網址.com
  • wordpress 網站後台: 你的網址.com/wp-admin

想學習更多「 WordPress 前後台 」如何使用,這有完整教學 icon-arrow-down  icon-arrow-down 

WordPress教學 :25個後台課程(含安裝+主題推薦)

下一章節,我會帶著大家進行 SiteGround教學 設定,因為它們有開發很棒的工具,供我們使用,來看看如何做吧?


4. 網站搬家

SiteGround 網站搬家

這章節,是分享有關如何把網站,搬家至 SiteGround ,若無搬家需求,可跳過這章。

在開始之前,需要先跟著我的 SiteGround教學 ,完成主機申請,才能使用搬家服務唷。

這邊我整理 5 個步驟,協助你完成網站搬家,如下:

  1. 選擇網域種類
  2. 選擇搬家種類
  3. 下載+啟用搬家外掛
  4. 輸入搬家憑證&進行網站轉移
  5. 進行 DNS 設定

Step1. 選擇網域種類

首先前往 SiteGround 後台 > Websites,點擊 New Website,新增一個網站。

SiteGround教學 :網站搬家
SiteGround 網站搬家

接著,點選 Existing Domain(已經有網域),要對你原有的網域內容,進行搬家。

若沒有網址的話,就選 New Domain(新申請網域),申請一個。

SiteGround教學 :網站搬家

Step2. 選擇搬家種類

接下來,選 Migrate Website(網站搬家) > WordPress Automigration(外掛搬家),開始搬家流程。

備註:下圖右邊的 Professional Migration(專家協助搬家),比較適用原來網站非 WordPress 架設使用,需提供 Cpanel 網址&帳密,或 FTP 相關資料,方便 SiteGround 專家處理。

若是原來網站就是 WordPress 架設,只是想搬移到 SiteGround ,比較建議使用WordPress Automigration(外掛搬家),除了速度快,也方便!

SiteGround教學 :網站搬家

送出後會進入選購項目,這邊不做任何選購,直接下一步,即會開始安裝你的新主機空間。

Step3. 下載+啟用搬家外掛

新主機空間安裝完畢後,接下來需下載 SiteGround 提供的 SG Migrator 搬家外掛(下圖左邊)。

也請記得中間的 Migration Token,和右邊的 DNS 路徑,這頁可先保存下來,等下都會用到。

SiteGround教學 :設定完成

下載完 SG Migrator 外掛後,前往原有網站的 WordPress 後台,並上傳外掛,然後啟用。

Step4. 輸入搬家憑證&進行網站轉移

前往 SG Migrator,輸入 Migration Token 憑證(上圖中間),和轉移完成通知信箱,最後點確認按鈕,即開始轉移。

SiteGround教學 :SiteGround Migrator網站搬家
SiteGround Migrator:網站搬家

等待轉移完成後,會出現轉移成功的提示。

接著,可以點擊下圖左側 Go To Site ,SiteGround 會給一個假網址,方便你確認搬家狀況,如下圖:

SiteGround教學 :SiteGround Migrator網站搬家

若確認無誤,接著就要進行 DNS 設定,讓你原有的網址,可以對應到新搬家完成的主機上。

順帶一提:若轉移完成後,SiteGround 會寄送一封通知信,傳送到你剛填入的信箱裡,裡面有 DNS 位置,若遺忘了可以來這查詢。

SiteGround 網站搬家,確認信
SiteGround 網站搬家,確認信

Step5. 進行 DNS 設定

提醒:若剛網址在 SiteGround 申請,則無需進行 DNS 設定,SiteGround 會自動設定好,這步驟可略過,可直接查看成果。

首先,把剛剛 2 行的 DNS 位置,前往你的網域商(就是你申請網域的地方),進行 DNS 更改。

讓訪客連結你的網址後,可以順利連結到 SiteGround 幫你搬家的新主機。

若一切順利,等待 DNS 設定完成(約 24 ~ 48小時),再連結你的網址,就會發現網站已經搬家成功囉:)

以上就是 SiteGround教學 ,有關於網站搬家的章節,希望有幫助到大家!


5. Site Tools 工具

SiteGround 設定

經過一連串的努力,不知道有沒有順利完成 架設網站教學 呢?

若還沒有網址&虛擬主機,請點擊下面按鈕,可照本文教學,完成申請。

若中間有遇到問題,都歡迎在下面留言給我 🙂 🙂

這一章節,我將簡單介紹 SiteGround 所開發的 Site Tools 工具,開始囉!

Site Tools 是什麼?

是 SiteGround 自己開發,用來取代舊版 Cpanel 的功能介面 ,讓整個後台「 網頁設計 」質感大幅提升,而且提供的功能,也比之前多很多(上圖分類選單,都還能再展開)!

例如:檔案管理員、FTP 帳戶建立、網站備份、SSL 安全憑證、CDN 內容傳遞、Caching 伺服器快取等 ..,都在 Site Tools 操作。

1. 如何進入 Site Tools?

首先到 SiteGround 登入自己的帳號,登入之後點 Websites  icon-arrow-right  Site Tools,直接進入工具裡面。

網站架設 :Site Tools 進入位置:架設網站軟體
Site Tools 進入位置:架設網站軟體

然後就會看到,超多功能列表 .. 出現了,因為長度限制,還沒全部截圖完成。

網站架設 :Site Tools 功能後台
Site Tools 功能後台

2. SSL Manager 免費憑證

首先先了解什麼是 SSL,SSL 是一種安全協定,目的是為網路通訊提供安全及資料完整性保障。

簡單來說,若你的網址前面有一個鎖頭,那代表你正在使用 SSL 安全連線,如下圖:

網站架設 :SiteGround 的 SSL憑證申請

假如你的網址+虛擬主機都在 SiteGround 申請設定,這裡的 SSL 憑證會自動安裝好,就不用手動再設定一次。

若網址不在 SiteGround 申請,可能需手動安裝 SSL,這邊跟大夥兒教學一下,如下:

前往 Security > SSL Manager icon-arrow-right 選擇網址 icon-arrow-right 選擇 SSL 憑證種類(Let’s Encrypt)icon-arrow-right 點擊 GET icon-arrow-right 申請完成
網站架設 :SSL 憑證申請
SSL 憑證申請

3. HTTPS Enforce 強制安全傳輸

當 SSL 憑證申請完成,接下來就要讓網站,都使用 HTTPS 加密安全方式,進行資料傳輸啦 😎 😎

前往 Security > HTTPS Enforce,打開按鈕即可完成。

網站架設 :https-enforce 開啟
https-enforce 開啟

4. SuperCacher 網站速度優化

SuperCacher 簡單來說,就是把第一次從伺服器請求回來的資料,先備份一份在前台瀏覽器(如文字、圖片、所有檔案 ..),之後就不用每次都要向伺服器重新要資料,加快了網站速度。

網站架設 :SiteGround 的 SuperCacher使用

其實還有許多 SiteGround 的 Site Tools 工具,還沒辦法一次說完 .. 之後會再寫一篇文章,大夥兒可以先自行玩一下。

接下來,我還是會持續分享 架設網站教學,有興趣的朋友們,請繼續看下去 😀 😀


6. WordPress 基本設定

WordPress 基本設定

WordPress 網站架設完成後,我們直接登入後台,開始我們的範例教學 🙂 🙂

兩個重要的路徑位置(要記得唷):

  • wordpress 前台: 你的網址.com
  • wordpress 後台: 你的網址.com/wp-admin

首先,我們先到 設定 > 一般 ,更改「 網站標題、網站說明、網站語言 」。

預設 WordPress 語言是英文,先把它調成「 繁體中文 」,方便我們後續操作!

SiteGround教學 :WordPress 更換標題+語言切換
更換標題+語言切換

設定完成後,點擊頁面下方的「 儲存設定 」,就順利更改網站標題+描述+語言調整囉:)

想學習更多「 WordPress 前後台 」如何使用,這有完整教學 icon-arrow-down  icon-arrow-down 

WordPress教學 :25個後台課程(含安裝+主題推薦)

額外小教學

WordPress 有關文章+頁面標題,在 Google 上呈現的方式,如下:

WordPress教學 網站,你不能錯過的課程(文章標題) – 小犬網站(網站標題)

建議「 網站標題 」字數不要太長,不然會影響到未來文章標題,可取名的長度。

因為太長的字,在 Google 搜尋結果上,都會以省略號符號表示唷:)


7. 開始起飛

網站設計,開始囉

經過一連串的努力,相信你跟著我的教學,也從 0 到 1 完成了網址+ SiteGround教學 + WordPress 網站製作 ,先給自己一個熱烈的掌聲!!!

若想學習更多 WordPress 後台操作,或是因為 WordPress 免費佈景主題的限制,無法客製化網頁設計。

而開始思考是否購買一次性付費版的 WordPress主題,你也可以參考下面文章,文中我對 Avada 這個 WordPress 佈景主題,做了十分詳細的手把手教學。

詳細全文看這,帶你全面上手 WordPress 後台系統&客製化網站設計:

WordPress教學 :25個後台課程(含安裝+主題推薦)

Avada教學 :18 個網頁製作課程(WordPress主題)

若都學習完成,相信你對 網站製作 ,也會非常得心應手了:)

最後,回想起過去在自己摸索的路上,曾經遇到了許多 WordPress 網站架設的問題 .. 卻不知道問誰。

若有任何的 WordPress 網站設計疑問,可以直接在文章下面留言給我,或 前往社團發問,我會盡力協助的。

大夥兒,我們下篇文章見:)

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

發表迴響