初出茅廬:WordPress.org 網站架設(二)

設計師通往架設自己網站的道路
免費虛擬主機空間架站 \ Domain name \ 網站初步架設

何佳泓
9 min readSep 9, 2018

上一篇是初步介紹WordPress 以及 將自家主機架設網站,這篇主要是虛擬主機空間來架設網站。這篇會用 000Webhost (1GB空間/10GB流量+SSL),選這家的虛擬主機空間,當然不外乎也是因為是免費的,而且感覺速度上還算可以,哈哈~他還有一鍵安裝WordPress的功能(這功能不是每家都有歐~)

後台畫面,可以直接按WordPress直接幫你安裝

但這篇是手動安裝的過程,所以即使是用別家的伺服器也可以參考安裝的過程跟方式。

流程主要跟上一篇差不多,只是有些地方會略有不同。
整體流程:
1.申請虛擬主機>2.設定DataBase>3.上傳WordPress架站包>4.設定WordPress環境>5.指向DomainName>6.完成你的個人網站~

如果是用一鍵安裝的話流程會是:
1.申請虛擬主機>2.按下一鍵安裝>3.設定WordPress環境>4.指向DomainName>5.完成你的個人網站~

可以搭配這個影片一起看歐~
12分鐘 從無到有的網站完整教學 (WordPress.org)

那我們就開始建置拉~

以下開始進入正題….

第一步:申請虛擬主機000Webhost

註冊 000Webhost Free Web Hosting
這邊他會提供一組免費的網域名稱給你,例如說你打jaredblog 那他給你的網站會是 jaredblog.000webhostapp.com.tw

註冊畫面(Email / 密碼/ 網站名稱)

剛註冊完的時候,要等個幾分鐘才會收到信,所以可以先填基本資料,等信寄到的時候在認證就好

輸入基本資料(名稱/國家/語言/時區)
去Email收信認證(點 Click here to verify your email)
看到這個畫面就表示認證成功瞜~

這時候你按下Manage website 就會看到上面說的"一鍵安裝",如果要執行一鍵安裝的朋友,可以直接跳到第四步

一鍵安裝 心動嗎 XD

第二步:設定DataBase

1. 進入 Manage database 2. 按下 New Database
填寫 Database 基本資訊(Database名稱 / Datanase使用者 / 密碼 )
填完後他會在前面填上 ID 而這個才是你後面要使用的Database的資料

到這裡你新增好了資料庫

第三步:上傳WordPress架站包

WordPress.org架站包 下載最新版本(我載的是4.9.8版)

下載WordPress 4.9.8

上傳資料的方式有兩種:一種是線上上傳,一種是開啟ftp上傳,按中間綠色的Upload files now 會進入紅色的banner的介面 也是可以直接上傳資料進去,但測試的時候發現直接上傳很容易不穩定,所以建議資料少的可以直接上傳,不然還是建議開ftp上傳。

1.進入 File manager 2. 按下Let’s do it | 綠色的是內建的線上上傳
內建的線上上傳畫面

按下Let’s do it 後,這個畫面上會顯示你的ftp的資訊

ftp資訊

再來就要開啟你的ftp上傳,這邊建議可以下載 FileZilla 來使用

下載版本 FileZilla_3.36.0_win64-setup.exe
下載後開啟FileZilla 打開站台管理員(開啟>站台管理員)
1. 新增站台 2.填上對應資料(密碼是你在申請空間的時候的那個密碼) 3.按下連練

連線成功後會在右邊出現兩個資料夾(public_html 跟 tmp),要把下載的Wordpress建站包解壓縮後的資料丟進public_html裡,可以看左下角的資訊還剩多少,如果有傳輸失敗的,要在傳完之後,再把失敗的傳上去

按一下傳輸失敗可以看到失敗的檔案在哪裡,找到檔案之後傳到右邊的路徑

全部傳完之後,按左上角的連結(每一頁都有一個連結 都可以按)

如果有看到一個大大的W就表示都成功匯入資料了,如果失敗可能就檢查一下有沒有沒匯入進去的資料。

選擇語言

第四部:設定WordPress環境

衝吧~~
資料庫細節 對照 之前在第二步驟時的資料填入 填完後 送出

補充一點:上圖的資料庫主機位址 基本上填localhost就可,但有些是FTP空間跟資料庫空間是在不同地方的那就要改成他指定的資料庫的網址, 例如 之前在byethost7申請的網路空間,她會給你一組像這樣的資訊 可以發現MySQL hostname 跟 FTP hostname是不同 表示他們放在不同的地方。那就要把資料庫主機位址 填上MySQL host name

FTP空間跟資料庫空間在不同位置的 參考

看到這個就表示都填正確~,如果出現錯誤訊息 表示上面的資料可能有填錯 檢查一下

執行安裝~~
這邊的網站基本資訊,到後面都還可以再改,這邊的使用者名稱跟密碼是登入WordPress後台的帳密
安裝完成~ 就可以登入了
填上你最後輸入的帳密
成功進入後台瞜~~
你的網站初步完成了 ~ 在網址上輸入你的網址,應該就可以看到你的網站的畫面了 ~

第五步: 網站網址 指向 Domain

到目前已經算是完成初步網站了~再來是指向你的DomainName,如果還不懂DomainName跟還沒有DomainName的可以參考上一篇的"第八步: 設定對外開放連線 — Domain name設定"Freenom申請免費DomainName。

以下從已獲得Domain name 的狀態繼續

1.選擇 Service > My Domains 2. 找到你的新網址 > Manage Domain
選擇 Management Tools > Nameservers

預設會是選上面的Use defuilt nameservers,這個選項是可以讓你用Freenom的DNS,上一篇也是用這個方式設定的,但這次我們是要指向網域空間,所以要選擇下面的 Use Custom nameservers 設定,而000webhost有兩個Nameservers要填入

點 Set web address 的 Own domain
這裡就有這兩個要填入的name servers
填完之後按下 Change Nameservers
中間會出現 Changes Saved Succesfully! 表示成功~
回到剛剛的畫面 中間的Domain Name填入擬申請的網址,點 Park domain
往下滑就會看到妳的Domain指向你這裡的網站了

到目前你在網站上輸入 jaredblog.tk 會連結到 j2a0r0e0d0.000webhostapp.com

新網址對應到你的網站

但你點其中一篇文章後,他又會變回舊網址,所以我們要進WordPress後台改一下連結,讓他每一篇都指向新Domain

變回舊網址
到WordPress後台 > Settings > 一般

將這邊的WordPress 位址(URL)跟 網站位址(URL) 都改成 http://你的新網址

改好之後,滑到下面 按 儲存變更

剛更新網址後,會自動登出後台,
這時輸入 http://你的新網址/wp-login.php 重新登入後台。

重新登入後台
這時輸入你的新網址就可以連到~
裡面的連結也都改成你的新網址了~

第六步:擁抱你的新網站,開始下一段的旅程

完成以上五個步驟後,你就可以在世界各地連到你的網站了~

下一步就是將你的網站,開始加入屬於你的內容!!

下集待續….

--

--

何佳泓
何佳泓

Written by 何佳泓

從設計的角度擁抱程式,走進互動世界

No responses yet