本文是《快速創(chuàng)建網(wǎng)站》系列的第6篇，如果你還沒有看過之前的內(nèi)容，建議你點擊以下目錄中的章節(jié)先閱讀其他內(nèi)容再回到本文。

訪問本系列目錄，請點擊：http://devopshub.cn/tag/wordpress-on-azure/

1. 網(wǎng)站管理平臺WordPress和云計算平臺Azure簡介 (6分鐘視頻 ）
2.1 在Azure上創(chuàng)建網(wǎng)站及網(wǎng)站運行機制 （13分鐘視頻）
2.2 域名綁定操作和Azure負(fù)載均衡機制 （12分鐘視頻）
2.3 WordPress 初始化和網(wǎng)站管理功能 （11分鐘視頻）
3.1 WordPress 數(shù)據(jù)導(dǎo)入 （12分鐘視頻）
3.2 WordPress 多站點支持和Azure在線代碼編輯器 （14分鐘視頻）
3.3 WordPress 多語言支持 Multisite Language Switcher （15分鐘視頻）
3.4 WordPress 主題安裝和配置，美化你的網(wǎng)站 （15分鐘視頻）
4.1 為啥造軟件不同于造汽車，為啥是軟件就一定會有Bug － 構(gòu)建開發(fā)運維一體化（DevOps)（11分鐘視頻）
4.2 完結(jié)篇 – 應(yīng)用運營vs.發(fā)射衛(wèi)星，遙測(Telemetry) 技術(shù) （13分鐘視頻）

在上一節(jié)（3.1）中，我們已經(jīng)完成了數(shù)據(jù)導(dǎo)入。在這一節(jié)（3.2）中，我將對WordPress進(jìn)行多站點升級，讓我的中文內(nèi)容放置在http://anb.io/ 這個主站上，同時在http://anb.io/en/ 上放置英文的內(nèi)容。相當(dāng)于在我們的網(wǎng)站中創(chuàng)建了一個子站點，而且這個子站點具備和主站同樣的功能，后續(xù)我們添加了多語言切換插件后，就可以在主站上啟用中文，在/en的子站上啟用英文，形成一個多語言的站點群。

這部分的內(nèi)容對于不具備開發(fā)經(jīng)驗的用戶可能稍顯復(fù)雜，因為我們需要手動更新WordPress后臺的代碼。但是不必?fù)?dān)心，在整個操作過程中我不會使用任何的開發(fā)工具，所有的操作都在瀏覽器中完成。

請配合視頻閱讀本文

微軟Visual Studio Online在線編輯器

為了能夠完成WordPress多語言模式的升級，我們需要對WordPress后臺的代碼文件進(jìn)行簡單修改。一般來說，對網(wǎng)站后臺文件進(jìn)行修改需要經(jīng)過下載－更新－上傳的過程，但是借助微軟Azure云計算中集成的Visual Studio Online的在線編輯器，我們可以輕松的使用瀏覽器完成所有操作。

啟用Visual Studio Online在線編輯器：在Azure門戶的網(wǎng)站儀表板上點擊 配置

在配置頁面中找到 EDIT IN VISUAL STUDIO ONLINE 這個選項，點擊打開，并保存配置

回到 儀表板 頁面，在右側(cè)的 速覽 中找到 在Visual Studio Online中編輯 鏈接，點擊進(jìn)入編輯器

進(jìn)入編輯器后，可以看到WordPress網(wǎng)站的文件列表會在左側(cè)顯示。

這里，我們看到的是一個全功能的在線IDE（集成開發(fā)環(huán)境），不僅僅支持對文件的簡單編輯，也支持代碼的智能分析和開發(fā)輔助。Visual Studio Online 在線編輯器的CodeName是”Monaco”，當(dāng)前對Web開發(fā)所使用的語言環(huán)境支持很好，具體請參考以下視頻和鏈接。

我在MVP ComCamp2015上的主題演講中關(guān)于Monaco的演示視頻：

注：這段視頻中使用的一個Node.JS應(yīng)用程序。視頻的前半部分是對Visual Studio Online的開發(fā)平臺部分進(jìn)行介紹，后半部分才是對在線編輯器的介紹，同時也有和GitHub集成的演示。

預(yù)告：在本系列的最后部分（4.1）中，我還會介紹如何使用Visual Studio Online和Azure集成進(jìn)行WordPress的代碼管理及本地開發(fā)環(huán)境的構(gòu)建。

MSDN Channel 9上的Monaco視頻匯總
http://channel9.msdn.com/Series/Visual-Studio-Online-Monaco

Monaco開發(fā)團(tuán)隊的博客
http://blogs.msdn.com/b/monaco/

WordPress多站點模式升級操作

WordPress多站點模式屬于WordPress的高級功能，在界面上沒有直接配置的選項，必須通過修改后臺代碼激活。對于運營網(wǎng)站的同學(xué)來說，這是一個非常有價值的功能。

在我們常用的各種網(wǎng)站上，我們會經(jīng)?？吹蕉嗾军c模式的應(yīng)用，比如：新浪的多站點

http://www.sina.com.cn/?：這是主站，作為整個網(wǎng)站的第一入口
http://news.sina.com.cn/?：這是新聞子站
http://tech.sina.com.cn/?：這是科技子站

以上的多站點模式叫做：子域名方式，對于內(nèi)容比較多的站點，我們可以使用子域名（也就是域名中的第一部分）來區(qū)分不同的功能／內(nèi)容區(qū)域。

再看下面新浪對于科技子站內(nèi)的分類：

http://tech.sina.com.cn/internet/?：科技子站中的互聯(lián)網(wǎng)內(nèi)容
http://tech.sina.com.cn/tele/?： 科技子站中的電信類內(nèi)容
http://tech.sina.com.cn/discovery/?：科技子站中的科普內(nèi)容

以上這種多站點模式叫做：子目錄模式，對于同一個大分類下面的小分類，就可以使用子目錄的方式來進(jìn)一步劃分。

當(dāng)然，以上兩種模式我們既可以只使用其中一種，也可以混合使用。根據(jù)你的站點規(guī)模和工作模式自己選擇。多站點模式不僅僅影響你的用戶如何消費內(nèi)容，對于網(wǎng)站后臺的工作模式也同樣有影響，不同類別的內(nèi)容一般由不同部門／專業(yè)的人員進(jìn)行管理，對這些用戶我們需要進(jìn)行權(quán)限的控制。使用多站點模式，我們就可以很容易根據(jù)不同部門／專業(yè)對不同的用戶進(jìn)行管理，并進(jìn)行逐級授權(quán)。所以，WordPress完全可以作為企業(yè)門戶的解決方案來使用。

多站點規(guī)劃

從上面的例子可以看出，多站點是需要一定規(guī)劃的，而且一旦啟用多站點，其結(jié)構(gòu)就難以調(diào)整，需要預(yù)先進(jìn)行的計劃才可以。

按照我的規(guī)劃，用戶將以http://anb.io?作為統(tǒng)一入口，按照客戶端所使用的不同語言分別進(jìn)入中文或英文的子站，中間使用多語言切換插件進(jìn)行連接，形成以下的訪問體驗。

上圖可以看到，同一片文章的兩個不同語言版本使用頁面右側(cè)的多語言切換工具進(jìn)行鏈接，用戶可以通過點擊其中的語言選項跳轉(zhuǎn)到相應(yīng)的語言版本，WordPress也會根據(jù)用戶所使用的瀏覽器的語言設(shè)置自動將第一次進(jìn)入站點的用戶直接定位到不同語言的首頁上。

注意兩篇文章的url雖然不同，但是可以很輕易的分別他們是屬于不同語言的，這樣的格式也將對搜索引擎優(yōu)化有所幫助。
http://anb.io/blog/opensource-freetools-crossplatform-mvp-comcamp2015-keynote/
http://anb.io/en/opensource-freetools-crossplatform-mvp-comcamp2015-keynote/

由于沒有必要對所有的內(nèi)容都提供2種語言的版本，相應(yīng)語言的博客首頁只會顯示那些已經(jīng)提供了當(dāng)前語言的文章鏈接，如下圖：

WordPress多站點升級操作

首先，你可以通過WordPress的官方文檔了解一下WordPress的多站點功能，里面列出了各種前提條件和主要操作步驟。但是因為WordPress的文章主要是針對Linux/Apache/Mysql環(huán)境寫的，在Azure所使用的WordPress上進(jìn)行操作的時候略有差異，對于本系列的所涉及的操作請看下文。

WordPress多站點模式文檔：http://codex.wordpress.org/Create_A_Network

操作步驟

編輯wp-config.php文件，激活多站點升級模式使用之前打開的在線編輯器，在wp-config.php這個文件中找到以下代碼/* That's all, stop editing! Happy blogging. */

并在這行代碼下面添加以下代碼define( 'WP_ALLOW_MULTISITE', true );?

?

意思就是告訴WordPress：請激活多站點升級模式。如下圖

注意：Monaco中進(jìn)行編輯時不需要保存的，它會自動完成保存操作。

修改完成后，切換回到你的WordPress的控制臺首頁，在Tools菜單下會出現(xiàn)Network Setup這個選項

選中這個選項即可進(jìn)入多站點升級引導(dǎo)頁面，引導(dǎo)程序首先會提示你需要將站點中的插件暫時關(guān)閉，才能完成升級。點擊 deactivate your plugin鏈接，并將所有的插件deactivate，再回到這個引導(dǎo)頁面。

這時，WordPress就可以進(jìn)行多站點升級了，再以下頁面中直接點擊 install即可。

然后WordPress會提示你再次修改配置文件，這次需要修改的分別是wp-config.php和web.config文件。wp-config.php的修改如下：將之前我們添加的那行代碼替換成以下代碼
注：一定要替換，而不是保留原來的代碼，之前那行代碼只是激活升級模式，現(xiàn)在已經(jīng)完成了升級，我們需要對多站點模式進(jìn)行配置。

?

define('MULTISITE', true);
define('SUBDOMAIN_INSTALL', false);
define('DOMAIN_CURRENT_SITE', 'www.anblogs.net');
define('PATH_CURRENT_SITE', '/');
define('SITE_ID_CURRENT_SITE', 1);
define('BLOG_ID_CURRENT_SITE', 1);

注意以上define(‘SUBDOMAIN_INSTALL’, false)，這里要使用false。因為我們是使用子目錄模式的多站點，而不是子域名方式的多站點。

Web.config的修改如下：
注：WordPress直接給出的配置文件是有錯的，請使用以下配置完成修改。

<rewrite>
<rules>
<rule name="WordPress Rule 1" stopProcessing="true">
<match url="^index\.php$" ignoreCase="false" />
<action type="None" />
</rule>
<rule name="WordPress Rule 2" stopProcessing="true">
<match url="^([_0-9a-zA-Z-]+/)?files/(.+)" ignoreCase="false" />
<action type="Rewrite" url="wp-includes/ms-files.php?file={R:2}" appendQueryString="false" />
</rule>
<rule name="WordPress Rule 3" stopProcessing="true">
<match url="^([_0-9a-zA-Z-]+/)?wp-admin$" ignoreCase="false" />
<action type="Redirect" url="{R:1}wp-admin/" redirectType="Permanent" />
</rule>
<rule name="WordPress Rule 4" stopProcessing="true">
<match url="^" ignoreCase="false" />
<conditions logicalGrouping="MatchAny">
<add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" />
</conditions>
<action type="None" />
</rule>
<rule name="WordPress Rule 5" stopProcessing="true">
<match url="(^[_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*)" ignoreCase="false" />
<action type="Rewrite" url="{R:2}" />
</rule>
<rule name="WordPress Rule 6" stopProcessing="true">
<match url="^([_0-9a-zA-Z-]+/)?(.*\.php)$" ignoreCase="false" />
<action type="Rewrite" url="{R:2}" />
</rule>
<rule name="WordPress Rule 7" stopProcessing="true">
<match url="." ignoreCase="false" />
<action type="Rewrite" url="index.php" />
</rule>
</rules>
</rewrite>

對web.config的修改是針對托管WordPress的Azure網(wǎng)站服務(wù)器進(jìn)行的，以上的內(nèi)容都是一些url重寫規(guī)則，WordPress給出的配置在使用目錄模式的時候無法正常工作，所以請一定使用本文給出的代碼。

注意：你需要修改的僅僅是配置節(jié)的內(nèi)容，請保留其他內(nèi)容，如下圖

進(jìn)行多站點配置，完成以上配置后，并從新登錄。你會注意到頂部的菜單發(fā)生了變化，請點擊?My Sites | Network Admin | Dashboard進(jìn)入到多站點管理控制臺。
多站點管理控制臺從邏輯上看，是位于你所有子站點之上的根控制臺，今后所有的插件／外觀（主題）安裝都需要使用這個控制臺完成，而文章／內(nèi)容的管理則要使用相應(yīng)站點的控制臺完成?，F(xiàn)在讓我們添加我們的英文站點，點擊Sites | All Sites菜單，并在Sites頁面中點擊 Add New按鈕


在Add New Site頁面中填寫新站點的信息，Site Address就是你的新站點所處于的目錄位置，后面就是站點名稱和管理員郵箱。點擊 Add Site 按鈕，完成操作。

完成后再回到?Sites | All Sites?頁面，你會看到現(xiàn)在有兩個站點了。

前臺分別打開這兩個站點的地址，你會看到主站上因為之前導(dǎo)入了數(shù)據(jù)，所以文章會多一些，而新建的子站上只有Hello World這一篇文章

到這里，我們就完成了多站點升級的操作。在下一節(jié)（3.2）中，我們將對2個站點進(jìn)行不同的語言配置，并安裝多語言切換插件將兩個站點鏈接到一起。

請關(guān)注微信公眾號anb-io，每周推送內(nèi)容，有技術(shù)也有生活，一起做個有情懷的程序猿。

轉(zhuǎn)載于:https://www.cnblogs.com/ups216/p/4315222.html

總結(jié)

以上是生活随笔為你收集整理的(视频) 《快速创建网站》 3.2 WordPress多站点及Azure在线代码编辑器 － 扔掉你的ftp工具吧，修改代码全部云端搞定...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。