圖文教程 WordPress 的環境配置(WordPress文章內容部分加密的方法)

圖文教程 WordPress 的環境配置

在本地的 Mac 電腦上配置開發環境

安裝 homeBrew

安裝 PHP 7 和 Composer

安裝 Valet

配置 Valet

安裝 MySQL

安裝 WordPress

在 Windows 電腦上配置開發環境

安裝 PHPstudy

安裝 WordPress

在 cPanel 上安裝 WordPress

在 cPanel 上快速安裝 WordPress

在 cPanel 中使用常規方法安裝 WordPress

下載 WordPress 安裝包

上傳 WordPress 的安裝包

創建資料庫

安裝 WordPress

總結

課程實踐目標：在自己的電腦上完成基礎環境的配置。

在本地的 Mac 電腦上配置開發環境

MacOS 相比於 Windows 有很好的命令行支持，在開發環境上也更友好，系統自帶運行 WordPress 需要的 PHP 和 Apache。

不過，為了能夠更簡單的進行 WordPress 開發，建議讀者使用 Laravel 的 Valet 組件來進行 WordPress 開發。

安裝 homeBrew

Valet 需要 PHP 7 環境和 composer 來運行，同時還需要 homebrew 來安裝依賴環境（Nginx、Ngrok、Dnsmasq）。而 PHP 7 和 composer 環境也可以通過 homeBrew 來安裝，所以在開始先來安裝 homeBrew。

打開 LaunchPad，找到 終端 應用，在終端應用中粘貼如下命令，並回車。

/usr/bin/ruby -e \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)\"

homeBrew 的安裝需要 XCode Command Line 的支持，可以通過執行 xcode-select --install 來安裝。

待命令執行完畢後，HomeBrew 就安裝完成了。可以執行brew命令，查看系統返回，如果顯示如下所示，則說明安裝完成了。

安裝 PHP 7 和 Composer

在終端內執行如下命令，來安裝 PHP 7 執行環境：

brew tap homebrew/php # 添加 php 庫brew update # 更新brew install php71 # 安裝 php71

當 PHP 7 安裝完成後，我們開始安裝 Composer，在命令行中執行如下命令：

php -r \"copy(\'https://install.phpcomposer.com/installer\', \'composer-setup.php\');\"php composer-setup.php
php -r \"unlink(\'composer-setup.php\');\"mv composer.phar /usr/local/bin/composer

通過上述的命令，把 Composer 安裝到本地目錄了。

將其移動到 /usr/local/bin/composer 主要是為了方便全局運行，這樣我們就不用總是使用相對路徑來調用 Composer 了。

安裝完成後，我們要為 Composer 來配置國內鏡像（受不可抗力因素影響，官方鏡像下載速度緩慢）。

Composer 支持項目加速和全局加速，我們這裡沒有 Composer 項目，所以選擇全局加速。在命令行中執行如下命令：

composer config -g repo.packagist composer https://packagist.phpcomposer.com

安裝 Valet

在命令行中執行如下命令來安裝 Valet：

composer global require laravel/valet
valet install

命令執行完成後，系統就成功幫助我們安裝了 Valet 開發環境。

這時執行 ping gitchat.dev，可以看到返回的 IP 地址是 127.0.0.1，則說明環境配置成功。

配置 Valet

安裝完 Valet，我們還要進行簡單的配置，來更好的使用。

首先，來創建網站文件的目錄：

mkdir -p ~/Developer/php #創建目錄

然後，將這個目錄設置為 Valet 的主目錄：

cd ~/Developer/php # 進入目錄valet park #配置 Valet

這樣，在 PHP 目錄下創建的任何一個文件夾，都可以通過 [文件夾名].dev 的域名進行訪問。

安裝 MySQL

WordPress 需要 MySQL 作為資料庫，接下來我們來安裝資料庫。

brew install mysql

安裝完成後，可以執行 brew services start mysql設置資料庫的開機自啟動。

可以執行cat ~/.mysql_secret來獲取 mysql 默認的 root 用戶的密碼。這個密碼稍後要用到，要記下來。

如果提示為No such file or directory，則說明 root 密碼為空。

安裝 WordPress

接下來，我們來安裝 WordPress。

首先，創建目錄，並下載 WordPress 的文件。

cd ~/Developer/php # 進入目標目錄mkdir wordpress # 創建新的文件夾cd wordpress # 進入新的文件夾wget https://wordpress.org/latest.zip
unzip latest.zip
mv wordpress/* ./

然後創建資料庫：

mysql -uroot -p -e \"create database wordpress\"

執行命令後，輸入密碼並回車，就成功創建了資料庫了。

在瀏覽器中打開 http://wordpress.dev/，就可以一步一步按部就班的安裝了。

在輸入資料庫信息時，設置資料庫名為 wordpress，用戶名為root ，密碼為上方我們獲取到的密碼。其他兩項不同，單擊「提交」按鈕。

單擊「進行安裝」按鈕，在新的頁面中設置基本信息，並單擊「安裝 WordPress」按鈕。

這樣，我們的本地開發環境就部署完成了。

在 Windows 電腦上配置開發環境

相比於 Mac、Windows 的配置要簡單很多，只需要安裝一個軟體即可 PHPStudy。

安裝 PHPstudy

訪問 http://phpstudy.net/download.html 下載頁面，下載 PHPstudy。

我們使用 33MB 的解壓版：

下載後，將得到的壓縮包解壓，執行其中的 exe 安裝文件。

彈出的「確認」對話框，不做更改，直接單擊「確認」按鈕。

並在彈出初始化的對話框中單擊 是 按鈕。

可能會提示讀者安裝 VC9 運行庫：

單擊「確定」按鈕，會引導我們到下載頁面，下載對應的支持庫，安裝即可。

如果防火牆提示攔截 Apache 和 MySQL 時，允許即可。

安裝 WordPress

配置完 WordPress 後，我們開始安裝 WordPress。

右擊托盤中的 phpstudy 圖標，選擇其中的網站根目錄，就會進入到根目錄，刪除其中的 l.php 和 phpinfo.php。

打開瀏覽器，訪問 https://wordpress.org/latest.zip ，可以下載到最新的安裝包。下載完成後，將其解壓，將解壓出來的 WordPress 目錄中的所有文件都複製，粘貼到我們剛剛打開的網站根目錄。

打開 http://localhost/phpMyAdmin 使用用戶名 root ，密碼 root 登錄。

登錄後，單擊上方的 tab 中的 SQL，輸入如下代碼，並單擊「執行」按鈕：

create database wordpress;

這樣，我們就成功的創建了一個新的 WordPress 資料庫。

接下來，在瀏覽器中打開 http://localhost 就可以安裝了，安裝資料庫時用到的用戶名和密碼都是 root，資料庫名為 wordpress 。其他安裝步驟可以參考 Mac 開發環境配置的相關部分。

注意：請使用全新的虛擬主機來測試和部署。在生產環境中使用如下操作可能會導致數據丟失。

在 cPanel 上安裝 WordPress

cPanel 是我們經常使用的一款虛擬主機面板，功能強大。如果購買了一些國外的主機商的虛擬主機，一般提供的都是 cPanel 。

在 cPanel 上快速安裝 WordPress

有的主機的 cPanel 集成了 Softaculous 的安裝工具，這樣我們可以通過簡單的配置來安裝 WordPress。

可以登錄你的 cPanel， 在其中尋找 Softaculous App Installer。

單擊其中的 WordPress 會進入到安裝界面。

填寫其中的安裝信息，點擊最下方的安裝：

稍等片刻，就安裝成功了。

可以單擊上面的管理員後台的鏈接，登錄 WordPress 後台。

在 cPanel 中使用常規方法安裝 WordPress

雖然快捷安裝方便，但並不是每個主機商都會集成，所以我們再補充一個常規的安裝方法。

下載 WordPress 安裝包

訪問 http://wordpress.org/latest.zip 即可下載到最新的 WordPress 安裝包。

上傳 WordPress 的安裝包

打開 cPanel ，找到文件管理器：

在文件管理器中找到 public_html 目錄，單擊進入該目錄。

進入該目錄後，單擊「上傳」按鈕：

在新的頁面中選擇我們剛剛下載的 latest.zip 文件，進行上傳。

等待其上傳成功後，就關掉這個頁面。

刪除成功後，會變成綠色的進度條。

回到文件管理器頁面，單擊「重新載入」按鈕，就可以看到剛剛上傳的文件了。

選中它，單擊上方的「提取」按鈕：

並在彈出的窗口中選擇Extract File，稍等片刻，就解壓成功了。

單擊解壓出來的 wordpress 文件夾，進入該文件夾。

勾選菜單欄中的「全選」複選框，再單擊上方的「移動」按鈕。

在彈出窗口中，將移動路徑改為 /public_html，並單擊Move File按鈕。

這樣我們就完成了 WordPress 文件上傳了。

創建資料庫

接下來回到 cPanel 管理界面，找到其中的 MySQL 資料庫嚮導。點擊進入嚮導。

分別輸入資料庫名、用戶名和密碼：

在選擇許可權時，勾選「所有許可權」複選框：

然後單擊「下一步」按鈕，就可以看到添加成功的界面。

稍後安裝 WordPress 時，就可以使用剛剛創建的資料庫去安裝 WordPress 了。

安裝 WordPress

接下來，就可以訪問你的虛擬主機綁定的域名去安裝 WordPress 了。具體的安裝部分，可以參考上方的 Mac 開發環境配置部分的相關內容。

總結

在上面的內容中，我們完成了本地開發環境的配置和以 cPanel 為例的虛擬主機的配置。如果有什麼問題不清楚，可以在下方評論。如果後續覺得需要補充其他環境的配置說明，也可以在下方評論提問。

WordPress文章內容部分加密的方法

在WordPress網站中我們都知道可以對文章進行加密，讓訪客輸入密碼才能閱讀全文。

但是如何讓用戶瀏覽部分內容，輸入密碼顯示下載地址呢？

可以通過以下方法來實現這個功能：

第一步：在WordPress主題的functions.php中加入以下代碼：

第二步：在發布文章的時候對需要隱藏的內容輸入如下代碼：

輸入密碼查看加密內容：