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

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

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

• 本地apache環境的搭建
• 創建mysql數據庫
• 本機域名及工作目錄的配置方法
• WordPress的安裝
• WordPress如何換皮膚
• 有可能會遇到的問題

本地apache環境的搭建

搭建本機的apache環境可以使用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，看到這樣的頁面，證明我們的安裝成功了：
   

現在我們已經可以在本地使用php和mysql做開發了。

創建mysql數據庫

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

之后記下我們剛才創建成功的數據庫名稱，等到安裝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. 現在再訪問我們之前配置的wp.com得到如下的頁面：
   
   系統提示我們“試試創建一個配置文件”
4. 點擊按鈕后，系統提示我們有2種方式創建配置文件，一種是直接在線操作，另一種是修改文件夾內的wp-config-sample.php，我們用的是本地服務器，不存在權限問題，所以可以直接在線操作，直接點擊“現在就開始”的按鈕就可以了。
   
5. 填入自己剛才配置好的數據庫名稱、賬戶名稱、mysql的密碼，點擊提交：
   
6. 如果沒有問題就可以進行安裝了：
   
7. 在安裝頁面，我們會遇到一些表單需要填寫，分別是自己wordpress站點的標題，以及登陸博客后臺所需要的用戶名及密碼，例如我設置的用戶名admin，密碼654321，設置完成后點擊“安裝wordpress”
   
8. 安裝完成，現在可以用剛才設置好的博客管理帳號登陸進去玩玩了
   

WordPress如何換皮膚：

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

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

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