如何在本機(jī)搭建WordPress
2011-12-13 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(
bouu.cn
)是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的
BS界面設(shè)計(jì)
、
cs界面設(shè)計(jì)
、
ipad界面設(shè)計(jì)
、
包裝設(shè)計(jì)
、
圖標(biāo)定制
、
用戶體驗(yàn)
、交互設(shè)計(jì)、
網(wǎng)站建設(shè)
、平面設(shè)計(jì)服務(wù)
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,
請點(diǎn)這里
。
WordPress是一套免費(fèi)的開源項(xiàng)目,用戶可以用它在支持php和mysql的服務(wù)器上搭建自己的blog,或者在本地搭建一套用于調(diào)試代碼。這次分享包含以下幾個方面:
本地apache環(huán)境的搭建
搭建本機(jī)的apache環(huán)境可以使用xampp、appserv等套裝軟件。目的是可以讓本機(jī)跑php和mysql的服務(wù)。這里介紹一下appserv的下載、安裝與配置方法:
首先到http://www.appservnetwork.com/
下載該軟件(我下載的是2.5.10版本的):

- 安裝appserv(一)
一路next,按照默認(rèn)配置安裝。

- 安裝appserv(二)
遇到“填空題”的時候,可以敲一個自己的server name,或者直接抄我的。(郵箱除外)

- 安裝appserv(三)
再下來會提示你輸入mysql的密碼,我設(shè)置的是123456。然后點(diǎn)擊install按鈕進(jìn)行安裝。

- 安裝appserv(四)
安裝完成后,會默認(rèn)開啟apache和mysql的服務(wù)。

- 安裝appserv(五)
訪問localhost,看到這樣的頁面,證明我們的安裝成功了:

現(xiàn)在我們已經(jīng)可以在本地使用php和mysql做開發(fā)了。
創(chuàng)建mysql數(shù)據(jù)庫
- 訪問http://localhost/phpMyAdmin/
,用戶名root
,密碼輸入安裝時設(shè)置的123456

- 登陸成功后,在下圖的紅框框內(nèi)輸入自己想要的數(shù)據(jù)庫名稱,點(diǎn)創(chuàng)建。

之后記下我們剛才創(chuàng)建成功的數(shù)據(jù)庫名稱,等到安裝wordpress的時候需要使用。
本機(jī)域名及工作目錄的配置方法
接下來設(shè)置一下自己的工作目錄,默認(rèn)的localhost訪問到的內(nèi)容是C:\AppServ\www\index.php
我們來改變一下自己的工作目錄:
- 開啟vhost
用記事本打開C:\AppServ\Apache2.2\conf\httpd.conf文件,
使用查找功能查找#Include conf/extra/httpd-vhosts.conf
這一行
刪掉那個#號,改成Include conf/extra/httpd-vhosts.conf
并保存

- 配置自己的工作目錄與本機(jī)域名
用記事本打開C:\AppServ\Apache2.2\conf\extra\httpd-vhosts文件,
添加兩段代碼:
第一段:開啟對應(yīng)目錄的訪問權(quán)限(這個設(shè)置一次就可以了,一勞永逸):
<Directory />
Options FollowSymLinks
AllowOverride None
Order deny,allow
allow from all
Satisfy all
</Directory>
第二段:定義本地路徑及本地域名
<VirtualHost *:80>
DocumentRoot d:\wordpress
ServerName wp.com
</VirtualHost>
圖示:

- 重啟apache服務(wù)
剛剛我們操作了一些配置文件,所以要對apache做一次重啟。讓剛才的配置生效。

- 配置host將wp.com指到本機(jī)
用記事本打開C:\WINDOWS\system32\drivers\etc\hosts文件
添加127.0.0.1 wp.com
保存并關(guān)閉

- 測試一下路徑和域名是否成功了(本步驟可以省略)
在d:\wordpress目錄,新建一個文件名為test的文本文檔,打開寫一行test
然后通過http://wp.com/test.txt來訪問這個文件是否正常。

WordPress的安裝
- 訪問http://cn.wordpress.org/
,點(diǎn)擊右側(cè)的橙紅色按鈕,下載wordpress源代碼:

- 解壓到我們上一步設(shè)置好的工作目錄,例如我的是d:\wordpress:

- 現(xiàn)在再訪問我們之前配置的wp.com得到如下的頁面:

系統(tǒng)提示我們“試試創(chuàng)建一個配置文件”
- 點(diǎn)擊按鈕后,系統(tǒng)提示我們有2種方式創(chuàng)建配置文件,一種是直接在線操作,另一種是修改文件夾內(nèi)的wp-config-sample.php,我們用的是本地服務(wù)器,不存在權(quán)限問題,所以可以直接在線操作,直接點(diǎn)擊“現(xiàn)在就開始”的按鈕就可以了。

- 填入自己剛才配置好的數(shù)據(jù)庫名稱、賬戶名稱、mysql的密碼,點(diǎn)擊提交:

- 如果沒有問題就可以進(jìn)行安裝了:

- 在安裝頁面,我們會遇到一些表單需要填寫,分別是自己wordpress站點(diǎn)的標(biāo)題,以及登陸博客后臺所需要的用戶名及密碼,例如我設(shè)置的用戶名admin,密碼654321,設(shè)置完成后點(diǎn)擊“安裝wordpress”

- 安裝完成,現(xiàn)在可以用剛才設(shè)置好的博客管理帳號登陸進(jìn)去玩玩了

WordPress如何換皮膚:
現(xiàn)在訪問之前配置的wp.com,就是本機(jī)的WordPress博客了,默認(rèn)采用的是系統(tǒng)提供的皮膚:

WordPress提供了很多皮膚供大家選擇,下面簡要介紹一下皮膚的安裝方法:

- 訪問wp.com/wp-admin
登陸博客后臺

- 選擇“外觀”下面的“主題”選項(xiàng),點(diǎn)擊“安裝主題”,這里可以通過搜索特定主題或者根據(jù)自己喜好的顏色來篩選尋找主題。我們以搜索“sunshine”主題為例:

- 搜索到之后,可以進(jìn)行安裝或者是預(yù)覽的操作。

- 點(diǎn)擊“安裝” ===> “現(xiàn)在安裝”,系統(tǒng)會自動進(jìn)行下載操作,完成后點(diǎn)擊“啟用按鈕”
- 現(xiàn)在可以返回wp.com,使用我們剛剛啟用的主題了:

有可能會遇到的問題:
- 建議下載2.5.10以上的appserv
wordpress3.2.1對php的版本有所要求,目前國內(nèi)的下載站沒有對appserv工具包進(jìn)行升級,版本號為2.5.9的appserv集成的php版本為5.2.3,無法安裝版的wordpress
- 開啟vhost之后,如果想要訪問localhost,需要在httpd-vhosts文件中進(jìn)行設(shè)置:
<VirtualHost *:80>
DocumentRoot C:\AppServ\www
ServerName localhost
</VirtualHost>
注意DocumentRoot目錄結(jié)尾,不能以\結(jié)尾,否則會造成apache無法重啟的問題