電癮院

以初學者的角度,來看待電腦教學這回事。

Tag: wordpress

GCP教學:使用FTP上傳WordPress檔案

萬事俱備,只欠東風

在一連串的教學,從「新增VM執行個體」、「使用SSH架設ZPANEL網站架設平台」、「設定ZPANEL及GCP防火牆規則」之後,我們完成了「Google Cloud Platform」及ZPanel的設定,最後,我們就是要上傳我們的主角,也就是WordPress網頁。

Step 1. 要下載WordPress,可以到「WordPress Taiwan正體中文」的網站下載,來到這個網頁,然後點擊〔下載WordPress 4.8〕,因為WordPress持續在改版,所以你看到的版本,一定會比4.8版還要新,如下圖:

Step 2. 在下載WordPress之後,因為這個檔案是個壓縮檔,所以請解壓縮之後,再將整個資料夾的檔案屬性,將「唯讀」給取消掉,然後套用到所有的檔案及資料夾中,如下圖:

Step 3. 接著,來到wordpress的資料夾中,將「wp-config-sample.php」檔名改為「wp-config.php」,如下圖:

Step 4. 使用「記事本」程式開啟「wp-config.php」這個設定檔案,然後設定好「DB_NAME」(資料庫名稱)、「DB_USER」(資料庫使用者)及「DB_PASSWORD」(資料庫密碼),如下圖:

以上這些資訊,都是在設定ZPanel時所產生的,如果不清楚的話,可以去參考上一篇文章。

Step 5. 接著我們要使用「FileZilla」這個常見的FTP免費軟體,請在軟體中新增一個站台,輸入主機名稱及登入資訊,這些資訊也都是在上一篇文章中所產生的,如有不清楚,可以回到上一篇文章,再去看一下。

若有不懂FTP軟體的,則可以參考這篇文章「免費FTP軟體「FileZilla」的上傳及下載教學,上班族必學!!」。

Step 6. 而在新增FTP站台時有一點要特別注意,就是要再到「傳輸設定」中,將「傳輸模式」改為「主動模式」,如下圖:

Step 7. 接著應該就可以順利登入FTP,在上傳WordPress檔案之前,有件事情非常的重要,就是要先把預設的網頁檔案「_cgi-bin、_errorpages、index.html」先刪除掉,如下圖:

Step 8. 最後最後,我們要再新增一組DNS紀錄,請到你申請網域的網站,新增一筆A紀錄,以我的網域「mrtang.tw」來說,「名稱」設定為blog,然後再填入IP位址就可以了,如下圖:

Step 9. 經過DNS的設定,我們就能使用「blog.mrtang.tw」來進入我們所安裝好的部落格了,但通常設定好DNS之後,快的話要等待幾分鐘,久的話甚至要到24小時,如果要快的話,可以先在hosts先設定好IP及網域的對應,就可以先測試一下網站是否正常。

設定方式可以參考「Windows hosts檔的用途?為何檔案編輯後無法儲存?」這篇文章。

Google Cloud Platform文章整理

初次使用:

自動架站教學:

手動架站教學:

延伸閱讀:

GCP教學:使用Cloud Launcher一鍵架站。

自動架站與手動架站

在首篇的文章中有提到,在GCP的架站中,有「自動架站(Cloud Launcher)」和「手動架站」兩類,Cloud Launcher就像是一個包套好的旅遊行程,全部幫你搞定好,而手動架站就像是自助旅行,所有事都要自己來。

以我的建議來說,我建議使用「手動架站」的方式,來架設你的網頁主機。但是,如果你是第一次使用GCP的人來說,我建議可以玩一次Cloud Launcher來自動架站,有一次的自動架站經驗,可以讓你在手動架站時,更加順手。

所以,我們先來玩一次Cloud Launcher自動架站吧。

使用Cloud Launcher安裝WordPress教學

Step 1. 點擊左方工作列中的「Cloud Launcher」,如下圖:

Step 2. 先在上方搜尋列中輸入「wordpress」之後,再點選「WordPress Certified by Bitnami」,如下圖:

Step 3. 在點擊〔在COMPUTE ENGINE上啟動〕之前,你可以使用滑鼠滑下來一點,參考一下它的預估費用。

以這個方案來說,大約會在$4.28美金多一些,但實際金額還會根據你所選擇的區域、硬體配備而有變動。

Step 4. 接著我們要選擇區域(Zone)及配備(Machine Type、Boot Disk),我在Zone的地方選擇了「asia-east1-a」,在Machine type選擇了「微型(1個共用vCPU) 0.6GB記憶體」,而在Boot Disk選擇了「10GB的SSD Persistent Disk」,以這樣的區域及配備預估為$6.3美金。

為何要選擇「asia-east1-a」呢?

這個可以參考「Regions and Zones」,「asia-east1」有asia-east1-aasia-east1-basia-east1-c三台,這三組代碼就是位於我們彰化(Changhua County, Taiwan),所以如果主要瀏覽客群是在台灣或亞洲的話,就一定要選擇這個三組代碼,連線的速度會比較快。

接著勾選「Allow HTTP traffic」,而「Allow HTTPS traffic」看你有沒有用到,有的話也一併勾選,最後按下〔部署〕。

Step 5. 接著GCP會開始執行此腳本的動作,來部署你的虛擬機,此時就是等待它完成即可。

Step 6. 完成後,就會在右手邊出現帳密等資訊,如下圖:

Step 7. 開啟我產生出來的IP位址( 35.201.182.76 )時,就可以看到我們安裝好的WordPress了,如下圖:

在控制台首頁中,就可以立即看到剛產生出來的虛擬機的資訊。

Step 8. 接著點擊「Compute Engine\VM執行個體」,如下圖:

Step 9. 在「VM執行個體」的頁面中,裡面名稱為「wordpress-1-vm」,就是Cloud Launcher所產生出來的虛擬機,請點擊「wordpress-1-vm」,如下圖:

你就能馬上看到此虛擬機的一些資訊,例如區域、配備,以及目前CPU的使用量,如下圖:

如果你想要使用SSH登入這個虛擬機的話,也可以直接點擊「SSH」,然後選擇「在瀏覽器視窗中開啟」,如下圖:

接著就會開啟SSH的主控台畫面,如下圖:

Cloud DNS設定教學

一直看到這邊,應該有人會覺得利用IP位址「http://35.201.182.76」來當網址,好像不太好記,所以一般我們都會使用好記的網址名稱來挷定這個IP,接下來我將示範使用「blog.mrtang.tw」這個網址來挷定這個IP位址。

Step 1. 點擊「網路服務\Cloud DNS」,如下圖:

Step 2. 接著在Cloud DNS中,點擊「建立區域」,如下圖:

Step 3. 接著要命名一個「區域名稱」及「DNS名稱」,「區域名稱」就按自己的意思命名個好記的名稱即可,而「DNS名稱」,因為我要使用的是「blog.mrtang.tw」,所以我在這邊就只要填入「mrtang.tw」就好,如下圖:

Step 4. 接著我們在「區域詳細資料」內,點擊〔新增記錄集〕,如下圖:

Step 5. 在「DNS名稱」中填入「blog」,接著在「IPv4位址」中填入「VM執行個體」的「外部IP」,我們這邊的話就是「35.201.182.76」,最後再按下〔建立〕,如下圖:

P.S. 我這邊的IP位址「35.201.182.76」,你可不要傻傻的跟我填一樣的,要去看你自己的IP位址哦。

Step 6. 建立完之後,就會看到「blog.mrtang.tw」的這筆記錄出現,如下圖:

此時在GCP的DNS即設定完成。

Step 7. 接著請到你網域的申請網站後台,以我的「mrtang.tw」網域申請公司,就是「蛋糕網域」,所以我也到該網域的後台中,新增一筆類型A的記錄,同樣的名稱也填入「blog」,而紀錄則填入「35.201.182.76」,最後再按下〔儲存〕,如下圖:

經過這樣的設定之後,DNS就設定完成了,但通常設定好DNS的紀錄之後,在網際網路上並不會馬上生效,所以需要等待幾小時的時間。

如果很急的話,可以去修改「hosts」的IP網址對應,要不然就等個幾小時的時間。

最後我在瀏覽器上的網址輸入「blog.mrtang.tw」,就成功開啟我們所架設好的WordPress網站了,如下圖:

Google Cloud Platform文章整理

初次使用:

自動架站教學:

手動架站教學:

延伸閱讀:

WordPress首頁正常,但後台登入變「空白」?

WordPress後台wp-admin網頁出不來?

WordPress後台登入頁面變空白頁的問題,我Google過很多人都有發生過,但解決方法並不一定適用每個人,我想這是因為造成的原因實在太多了。

我先說明一下我的情況,如果你的情況相符的話,說不定我的方法對於你來說,是有用的。

我網站原本都是正常的,也運作了很長的一段時間,後來,我將網站搬到另一個主機空間內,所有的檔案及資料庫,完全在沒有更動的情況下,居然會發生後台變空白頁的情況,可能是主機的相關設定不同,所以才發生了這個問題。

wordpress_empty_page-01.jpg

Google到的解決辦法,有的是外掛的問題,有的是記憶體、佈景主題的問題,甚至有人說是用Windows記事本編輯過「wp-config.php」檔案的關係,在試過所有辦法還是無解,我甚至重新安裝過整個Wordpress,結果還是不行,我才發現到,我這台主機居然連安裝Wordpress都有問題。

不過幸好,最後還是讓我Try出問題,接著請看以下的解法。

WP空白頁的解決辦法

最後解決是把「wp-config.php」,用另存的方式,存成「ANSI」格式,如下圖:

wordpress_empty_page-02.jpg

再次來到Wordpress的後台,就可以順利看到登入界面了。

wordpress_empty_page-03.jpg

另外,如果你的Wordpress介面都變成英文的話,可以再到「wp-config.php」,新增「define(‘WPLANG’, ‘zh_TW’);」,如下圖:

wordpress_empty_page-04.jpg

這樣你的操作介面就會再變回繁體中文。

Powered by WordPress & Theme by Anders Norén