轉載藍藍設計(   sillybuy.com  )是一家專注而深入的設計機構 ，為期望卓越的國內外企業(yè)提供有效的   BS界面設計  、   cs界面設計  、   ipad界面設計  、   包裝設計  、   圖標定制  、   用戶體驗  、交互設計、   網(wǎng)站建設  、平面設計服務

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中， 請點這里  。

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

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

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

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

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

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

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

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

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

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

本機域名及工作目錄的配置方法

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

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

    

   第一段：開啟對應目錄的訪問權限（這個設置一次就可以了，一勞永逸）：

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

WordPress的安裝

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

WordPress如何換皮膚：

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

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

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

有可能會遇到的問題：

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

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