轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.shtzxx.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)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里  。

WordPress是一套免費(fèi)的開源項(xiàng)目，用戶可以用它在支持php和mysql的服務(wù)器上搭建自己的blog，或者在本地搭建一套用于調(diào)試代碼。這次分享包含以下幾個(gè)方面：

• 本地apache環(huán)境的搭建
• 創(chuàng)建mysql數(shù)據(jù)庫
• 本機(jī)域名及工作目錄的配置方法
• WordPress的安裝
• WordPress如何換皮膚
• 有可能會(huì)遇到的問題

本地apache環(huán)境的搭建

搭建本機(jī)的apache環(huán)境可以使用xampp、appserv等套裝軟件。目的是可以讓本機(jī)跑php和mysql的服務(wù)。這里介紹一下appserv的下載、安裝與配置方法：

首先到http://www.appservnetwork.com/ 下載該軟件（我下載的是2.5.10版本的）：

1. 安裝appserv（一）
   一路next，按照默認(rèn)配置安裝。
   
2. 安裝appserv（二）
   遇到“填空題”的時(shí)候，可以敲一個(gè)自己的server name，或者直接抄我的。（郵箱除外）
   
3. 安裝appserv（三）
   再下來會(huì)提示你輸入mysql的密碼，我設(shè)置的是123456。然后點(diǎn)擊install按鈕進(jìn)行安裝。
   
4. 安裝appserv（四）
   安裝完成后，會(huì)默認(rèn)開啟apache和mysql的服務(wù)。
   
5. 安裝appserv（五）
   訪問localhost，看到這樣的頁面，證明我們的安裝成功了：
   

現(xiàn)在我們已經(jīng)可以在本地使用php和mysql做開發(fā)了。

創(chuàng)建mysql數(shù)據(jù)庫

1. 訪問http://localhost/phpMyAdmin/ ，用戶名root ，密碼輸入安裝時(shí)設(shè)置的123456
   
2. 登陸成功后，在下圖的紅框框內(nèi)輸入自己想要的數(shù)據(jù)庫名稱，點(diǎn)創(chuàng)建。
   

之后記下我們剛才創(chuàng)建成功的數(shù)據(jù)庫名稱，等到安裝wordpress的時(shí)候需要使用。

本機(jī)域名及工作目錄的配置方法

接下來設(shè)置一下自己的工作目錄，默認(rèn)的localhost訪問到的內(nèi)容是C:\AppServ\www\index.php
我們來改變一下自己的工作目錄：

1. 開啟vhost
   用記事本打開C:\AppServ\Apache2.2\conf\httpd.conf文件，
   使用查找功能查找#Include conf/extra/httpd-vhosts.conf 這一行
   刪掉那個(gè)#號，改成Include conf/extra/httpd-vhosts.conf 并保存
   
2. 配置自己的工作目錄與本機(jī)域名
   用記事本打開C:\AppServ\Apache2.2\conf\extra\httpd-vhosts文件，
   添加兩段代碼：

    

   第一段：開啟對應(yīng)目錄的訪問權(quán)限（這個(gè)設(shè)置一次就可以了，一勞永逸）：

   <Directory />
   Options FollowSymLinks
   AllowOverride None
   Order deny,allow
   allow from all
   Satisfy all
   </Directory>

   第二段：定義本地路徑及本地域名

   <VirtualHost *:80>
       DocumentRoot d:\wordpress
       ServerName wp.com
   </VirtualHost>

   圖示：
   

3. 重啟apache服務(wù)
   剛剛我們操作了一些配置文件，所以要對apache做一次重啟。讓剛才的配置生效。
   
4. 配置host將wp.com指到本機(jī)
   用記事本打開C:\WINDOWS\system32\drivers\etc\hosts文件
   添加127.0.0.1 wp.com  保存并關(guān)閉
   
5. 測試一下路徑和域名是否成功了（本步驟可以省略）
   在d:\wordpress目錄，新建一個(gè)文件名為test的文本文檔，打開寫一行test
   然后通過http://wp.com/test.txt來訪問這個(gè)文件是否正常。
   

WordPress的安裝

1. 訪問http://cn.wordpress.org/ ，點(diǎn)擊右側(cè)的橙紅色按鈕，下載wordpress源代碼：
   
2. 解壓到我們上一步設(shè)置好的工作目錄，例如我的是d:\wordpress：
   
3. 現(xiàn)在再訪問我們之前配置的wp.com得到如下的頁面：
   
   系統(tǒng)提示我們“試試創(chuàng)建一個(gè)配置文件”
4. 點(diǎn)擊按鈕后，系統(tǒng)提示我們有2種方式創(chuàng)建配置文件，一種是直接在線操作，另一種是修改文件夾內(nèi)的wp-config-sample.php，我們用的是本地服務(wù)器，不存在權(quán)限問題，所以可以直接在線操作，直接點(diǎn)擊“現(xiàn)在就開始”的按鈕就可以了。
   
5. 填入自己剛才配置好的數(shù)據(jù)庫名稱、賬戶名稱、mysql的密碼，點(diǎn)擊提交：
   
6. 如果沒有問題就可以進(jìn)行安裝了：
   
7. 在安裝頁面，我們會(huì)遇到一些表單需要填寫，分別是自己wordpress站點(diǎn)的標(biāo)題，以及登陸博客后臺所需要的用戶名及密碼，例如我設(shè)置的用戶名admin，密碼654321，設(shè)置完成后點(diǎn)擊“安裝wordpress”
   
8. 安裝完成，現(xiàn)在可以用剛才設(shè)置好的博客管理帳號登陸進(jìn)去玩玩了
   

WordPress如何換皮膚：

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

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

1. 訪問wp.com/wp-admin  登陸博客后臺
   
2. 選擇“外觀”下面的“主題”選項(xiàng)，點(diǎn)擊“安裝主題”，這里可以通過搜索特定主題或者根據(jù)自己喜好的顏色來篩選尋找主題。我們以搜索“sunshine”主題為例：
   
3. 搜索到之后，可以進(jìn)行安裝或者是預(yù)覽的操作。
   
4. 點(diǎn)擊“安裝” ===> “現(xiàn)在安裝”，系統(tǒng)會(huì)自動(dòng)進(jìn)行下載操作，完成后點(diǎn)擊“啟用按鈕”
5. 現(xiàn)在可以返回wp.com，使用我們剛剛啟用的主題了：
   

有可能會(huì)遇到的問題：

1. 建議下載2.5.10以上的appserv
   wordpress3.2.1對php的版本有所要求，目前國內(nèi)的下載站沒有對appserv工具包進(jìn)行升級，版本號為2.5.9的appserv集成的php版本為5.2.3，無法安裝版的wordpress
2. 開啟vhost之后，如果想要訪問localhost，需要在httpd-vhosts文件中進(jìn)行設(shè)置：
   <VirtualHost *:80>
       DocumentRoot C:\AppServ\www
       ServerName localhost
   </VirtualHost>

   注意DocumentRoot目錄結(jié)尾，不能以\結(jié)尾，否則會(huì)造成apache無法重啟的問題