WordPress開發入門01:Windows本地安裝WordPress和PHP除錯環境

huangbangqing12發表於2018-07-08

學習WordPress開發需要的基礎知識

大家好,我是MrBang,本次課程帶來的是WordPress主題製作。本課程是為那些已經知道HTML,CSS,也有一點點JavaScript基礎以及知道如何使用WordPress部落格系統的同學設計的。

學習WordPress開發之前,你需要先學習這些基礎的課程,我也錄製了詳細的視訊教程:

01 擁有自己的網站

要學習WordPress,首先需要擁有自己的網站:

WordPress 建站基礎教程 (文字圖片教程)

02 HTML+CSS編寫靜態網站

WordPress是動態的網站,它可以和使用者互動,要想學會動態的網站原理,就必須先學會靜態的網站建設。《HTML+CSS編寫靜態網站》這門教程是我在經營虛幻大學期間完成的,它是專門針對學習WordPress主題開發而設定的靜態網站教程。

HTML+CSS編寫靜態網站視訊教程

03 PHP語言系列教程

當你完成了靜態網站的搭建,接下來就需要學習一門動態語言:PHP,它可以完成和伺服器的互動。WordPress所使用的後臺語言就是PHP。很多程式設計師戲稱:PHP是世界上最好的語言。其實它是非常值得你去學習的。所以虛幻私塾也專門針對學習WordPress主題開發而設定的PHP語言系列教程

  1. PHP基礎視訊教程
  2. PHP陣列和迴圈視訊教程
  3. PHP函式詳解視訊教程

學習本教程也不必深入瞭解PHP,因為我會結合wordpress中用到的PHP知識來進行講解。 不過,即使你學完本課程,你仍然需要深入地學習PHP,這樣才能真正成為一名真正的WordPress開發人員。

那麼本節課,我們主要講解的是php除錯環境的搭建以及學習WordPress程式碼目錄結構

安裝PHPStudy

為了在Windows作業系統中設定執行WordPress的伺服器,我們首先需要下載並安裝一個windows下的PHP除錯環境:phpstudy,然後我們通過訪問網站根目錄來確定安裝是否成功。

我們首先來到phpstudy的官網,點選下載即可。

http://www.phpstudy.net/phpstudy/PhpStudySetup2018.zip

解壓後,就像這樣:

直接點選安裝,這裡我們安裝到D盤,點選安裝即可。

安裝完成後,如果彈出這個視窗,點選是就可以:

現在就可以看到phpstudy,我們開啟PHPstudy的主皮膚,我們可以看到,Apache和MySQL都已經啟動了。

測試是否安裝成功

然後開啟瀏覽器來測試一下,輸入localhost,實際上訪問的是預設的PHPStudy探針頁面,為了方便教程的演示,所以這時,我們需要設定為:“允許目錄列表”,這樣就能訪問到網站的根目錄。它實際上對應的是我們剛才安裝到的網站根目錄下的www資料夾:

再次重新整理localhost,就可以看到對應的目錄:

為了測試是否確實如此,可以在網站根目錄資料夾中建立一個index.php:

用編輯器開啟這個檔案,輸入Test:

test

然後來到瀏覽器重新整理,你看,瀏覽器就顯示Test了,這就說明你安裝成功了:

安裝WordPress

搭建好了除錯環境之後,就可以把wordpress放進去了,在這裡分為三個步驟:

1.下載到WordPress的原始碼

登陸 WordPress 官網下載 WordPress 程式到本地,並解壓
官網地址:https://cn.wordpress.org/

一旦我們下載完WordPress,我們可以開啟網站根目錄。我將在我的網站資料夾中建立一個名為localwp.com的新資料夾,它將作為我安裝測試WordPress的地方。

我建議大家不要將WordPress直接安裝在網站的根目錄資料夾中,因為以後,如果你想測試其他的網站將會變得更加不易管理。

然後,複製所有的解壓後的WordPress檔案,到localwp.com資料夾中。

2.建立資料庫

我們回到WWW網站根目錄。我們看到一個phpMyAdmin資料夾,phpMyAdmin是用於管理我們要使用的資料庫的軟體。開啟瀏覽器,訪問資料庫:http://localhost/phpMyAdmin/

這裡需要填寫使用者名稱和密碼是PHPStudy預設給定的:使用者名稱:root 密碼:root

登陸後,建立一個名為localwp的新資料庫:

現在已經設定了資料庫,接著將進入使用者選項卡。然後點選新增使用者

使用者名稱命名為wpuser。將主機設定為localhost,然後輸入一個密碼,比如root。

接著我們要選擇全部許可權,以確保它們具有對資料庫的全域性訪問許可權,然後單擊“新增使用者”:

我們可以看到我們現在有一個wpuser使用者,

3.登入安裝WordPress

所以現在,我們就用這個使用者來登入wordpress。開啟瀏覽器,訪問:http://localhost/localwp.com/

點選:現在就開始安裝

然後,提供有關該網站的一些基本資訊。包括

資料庫名:localwp

使用者名稱:wpuser

密碼:root

資料庫主機:localhost

表字首:wptest_

點選提交安裝後,就可以輸入一些網站的資訊了,因為這是一個本地測試網站,我們將取消選中搜尋引擎索引:

點選安裝,接著就可以登入網站。如果你填的和上圖一樣,使用者名稱就是:geek,密碼也是:geek

我們現在可以看到localhost/localwp.com/wp-admin/,我們的網站正在執行。

不過請注意,如果我們停止web伺服器,並嘗試再次點選我們的網站,那麼它將不會載入。所以需要提醒大家,如果在本地使用WordPress,則需要確保伺服器和資料庫已啟動並執行。

相關文章