2017年11月11日 星期六

WordPress 學習筆記 (一) : 系統安裝

前陣子樓上同事阿達因為要幫教會架設網站來問我怎麼做, 我向他展示如何申請 Hostinger 免費網站, 請他自己試試看, 不過似乎一直無法得心應手, 要我幫忙處理. 但因為我很忙, 所以一直沒幫上甚麼忙. 今天讀到下列文章, 想起了架站這件事, 我想何不從最簡單的 WordPress 開始玩看看, 然後試試 Joomla 或 Drupal, 看看哪一個適合. 因為 Hostinger 免費版沒有網頁 FTP 功能, 所以就去 000a.biz 申請了一個免費虛擬主機來架站.

Joomla!、WordPress、Drupal,三個CMS系統的比較與選擇;建立網站要用那一個比較符合我的需求?

000a.biz 的虛擬主機服務免費版提供 11GB 硬碟容量與 400GB 流量, 參考 :

http://000a.biz/hosting.htm

免費主機申請方式很簡單, 點官網上方的 SIGNUP 連結 :




填寫想要的網域名稱, 密碼, 以及 e-mail 即可 :




然後去收信, 點擊確認信函中的超連結後即開通虛擬主機帳號了. 接下來要進入主機管理介面 VistaPanel 進行後台管理 :

http://cpanel.000a.biz/index.php




注意, 這個 username 是 000a.biz 核准申請時給定的, 無法修改.

登入 VistaPanel 後先去 DATABASES 項下按 MySQL Databases 按鈕建立一個資料庫 :





注意資料庫名稱為 username 後面加上自訂名稱例如 wordpress. 然後按 Files 項下的 Online Files Manager 按鈕, 進入檔案上傳介面 :




進入 htdocs 子目錄, 這是放置網頁檔案的地方 :




按左上方的 "New Dir" 鈕新增目錄例如 wordpress :



點 wordpress 進入此空的子目錄, 準備上傳 WordPress 的 zip 壓縮檔. 在此之前需先到 WordPress 官網下載最新的正體中文版 zip 檔 :

https://tw.wordpress.org/latest-zh_TW.zip

我下載的是 wordpress-4.8.2-zh_TW.zip, 大小約為 9.1MB, 符合 000a.biz 上傳檔案每個須小於 10MB 之限制. 按左上方 "Upload" 鈕上傳此 zip 檔至 wordpress 目錄下. 注意, 要用上傳頁面右邊的 Archives 來上傳 zip 檔, 它會在上傳完畢後自動解壓縮; 若使用左邊的 Files 上傳的話, 完成後還需要按 Unzip 鈕手動解壓.




注意, 使用網頁上傳檔案至 000a.biz 有容量限制, 單一檔案不可超過 10 MB, 超過的話要用 FTP 方式上傳 :

Restrictions:
  • The maximum size of one file is restricted by net2ftp to 9.54 MB and by PHP to 10 MB
  • The maximum execution time is 800 seconds
  • The FTP transfer mode (ASCII or BINARY) will be automatically determined, based on the filename extension
  • If the destination file already exists, it will be overwritten

而 wordpress 4.8.2 版大約 9.2 MB, 剛好符合網頁上傳限制之內, 只是網頁上傳速度較慢需等待 (約 5 分鐘). 完成 WordPress 上傳後會自動解壓縮, 接下來就可以進入安裝程序了. 我在上面申請的網域名稱為 hahaha.000a.biz, 而 WordPress 是放在 /wordpress 目錄下, 因此網站的位址為 hahaha.000a.biz/wordpress. 於瀏覽器輸入此網址即進入安裝頁面 :




此為安裝說明, 按 "衝吧" 進入資料庫設定頁面, 只要輸入前四個欄位即可, 按 "送出" :





按開始安裝進入管理者設定介面, 需設定網站標題, 使用者帳號密碼與郵件地址, 按 "安裝 WordPress" 即開始執行安裝程序 :




哈! 三兩下就搞定了, 按 "登入" 進入使用者登入頁面 :




輸入帳密進入後台管理頁面 : 




大功告成! WordPress 的超簡單安裝果然名不虛傳. 接下來的工作就是學習如何設定與管理 WordPress 後台啦! 登出後再瀏覽網站即可看到前台網頁長相 :;


這是預設版面, WordPress 走的是清爽的 Blog 風.

2 則留言 :

Peter Wang 提到...

安裝完 wordpress 後可以再加裝一個套件 Elementor PageBuilder , 有免費版本可用 , 自行設計頁面就像 office word 一樣簡單 , 可參考 youtube 教學範例 , 很簡單的 !

google 一下網路資源很多

How to Create a Responsive WordPress Website with Elementor + Astra Theme
https://www.youtube.com/watch?v=7J-5ToakEjM&t=683s

Tony Huang 提到...

感謝您, 我來安裝看看這好用神器.