WordPress開發入門01:Windows本地安裝WordPress和PHP除錯環境
學習WordPress開發需要的基礎知識
大家好,我是MrBang,本次課程帶來的是WordPress主題製作。本課程是為那些已經知道HTML,CSS,也有一點點JavaScript基礎以及知道如何使用WordPress部落格系統的同學設計的。
學習WordPress開發之前,你需要先學習這些基礎的課程,我也錄製了詳細的視訊教程:
01 擁有自己的網站
要學習WordPress,首先需要擁有自己的網站:
02 HTML+CSS編寫靜態網站
WordPress是動態的網站,它可以和使用者互動,要想學會動態的網站原理,就必須先學會靜態的網站建設。《HTML+CSS編寫靜態網站》這門教程是我在經營虛幻大學期間完成的,它是專門針對學習WordPress主題開發而設定的靜態網站教程。
03 PHP語言系列教程
當你完成了靜態網站的搭建,接下來就需要學習一門動態語言:PHP,它可以完成和伺服器的互動。WordPress所使用的後臺語言就是PHP。很多程式設計師戲稱:PHP是世界上最好的語言。其實它是非常值得你去學習的。所以虛幻私塾也專門針對學習WordPress主題開發而設定的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,則需要確保伺服器和資料庫已啟動並執行。
相關文章
- MacOS 本地安裝 WordpressMac
- WordPress開發入門08:自定義函式和WordPress鉤子函式
- WordPress開發入門09:WordPress編碼標準
- WordPress開發入門02:WordPress中不同目錄型別的PHP檔案型別PHP
- WordPress入門02-安裝WordPress外掛的幾種方法
- WordPress入門04-如何管理已安裝的WordPress外掛
- Windows從零安裝WordPressWindows
- java入門:安裝開發環境Java開發環境
- MAC環境下PHP開發除錯環境搭建MacPHP除錯
- Wordpress如何開啟除錯模式除錯模式
- 安裝wordpress教程詳細安裝wordpress步揍
- WordPress開發入門05:模板標籤
- Windows安裝Python開發環境WindowsPython開發環境
- WordPress入門09-WordPress基本設定
- WordPress入門07-WordPress新建頁面和管理頁面
- WordPress開發入門03:編輯PHP檔案的2個方式PHP
- 在 Windows10 系統中安裝 Homestead 本地開發環境Windows開發環境
- WordPress 線上安裝或更新錯誤
- WordPress入門05-WordPress建立和管理文章分類目錄
- WordPress入門03-如何登入WordPress網站後臺網站
- WordPress開發入門04:PHP在檔案中呈現的2種方式PHP
- Docker - Windows10 的安裝及搭建 PHP 開發環境,採坑DockerWindowsPHP開發環境
- wordpress外掛開發01-原理講解
- 如何在本地開發環境除錯微信 JS-SDK開發環境除錯JS
- 安卓開發入門(一)開發環境搭建安卓開發環境
- Linux 環境安裝 Xdebug 進行除錯Linux除錯
- Laravel 入門篇之開發環境 Homestead 的安裝配置Laravel開發環境
- zookeeper安裝和使用 windows環境Windows
- WordPress入門08-WordPress設定導航選單
- LAMP(CentOS 7.2)環境下搭建WordPressLAMPCentOS
- windows環境配置:同時安裝Python2.7和Python3.6開發環境WindowsPython開發環境
- 在linux,windows上安裝rubyonrails開發環境LinuxWindowsAI開發環境
- Windows 環境安裝 Horizon 報錯解決Windows
- 第5步: 安裝WordPress
- WordPress入門06-WordPress釋出新文章和管理文章
- WordPress開發入門06:條件判斷與迴圈
- WordPress開發入門07:WP_Query 自定義迴圈
- Windows 環境下 Python 環境安裝WindowsPython