(視頻) 《快速建立網站》3.4 網站改版3分鐘搞定 － WordPress主題安裝和備份

本文是《快速建立網站》系列的第8篇，若是你尚未看過以前的內容，建議你點擊如下目錄中的章節先閱讀其餘內容再回到本文。

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

1. 網站管理平臺WordPress和雲計算平臺Azure簡介 (6分鐘視頻 ）
2.1 在Azure上建立網站及網站運行機制 （13分鐘視頻）
2.2 域名綁定操做和Azure負載均衡機制 （12分鐘視頻）
2.3 WordPress 初始化和網站管理功能 （11分鐘視頻）
3.1 WordPress 數據導入 （12分鐘視頻）
3.2 WordPress 多站點支持和Azure在線代碼編輯器 （14分鐘視頻）
3.3 WordPress 多語言支持 Multisite Language Switcher （15分鐘視頻）
3.4 WordPress 主題安裝和配置，美化你的網站 （15分鐘視頻）
4.1 爲啥造軟件不一樣於造汽車，爲啥是軟件就必定會有Bug － 構建開發運維一體化（DevOps)（11分鐘視頻）
4.2 完結篇 – 應用運營vs.發射衛星，遙測(Telemetry) 技術 （13分鐘視頻）

上一節（3.3）中咱們完成了WordPress的多語言配置，讓咱們能夠爲同一篇文章提供多種不一樣語言的版本。在這一節（3.4），咱們將對站點進行美化，讓咱們的站點不只僅在功能上高大上，看上去也要高大上。

請配合視頻閱讀本文

WordPress 外觀（主題）插件安裝

外觀（主題）是WordPress上用來對頁面佈局進行美化和調整的方式，這個功能經過插件方式提供，由全世界的開發人員提供，能夠很方便的加載到你本身的站點上，快速完成網站的改版。

WordPress官網主題庫：https://wordpress.org/themes/

並且，不只僅WordPress官網提供各類主題插件，還有不少第三方的網站也提供免費或商用的WordPress主題，這裏列出一些供你們參考

– ThemeForest.net: 當前有超過18,000個各種模版和主題能夠選擇
– New WordPress Themes: https://newwpthemes.com/
– 其餘第三方WordPress主題製做公司：http://thereisathemeforthat.com/the-list-of-wordpress-theme-designers-developers-and-companies/

有這麼多的主題資源意味着你能夠根據本身的喜愛和針對用戶的類型，更加自由的選擇頁面的展示方式。咱們都知道在網站製做過程當中有大量的精力須要花在外觀的製做和設計上，使用WordPress你能夠大大解決這方面的成本，並且有更大的自由度。

響應式佈局 Responsive Design

說到網頁的外觀設計就不得不提到響應式佈局(Responsive Design)，這種佈局方式的好處是能夠適應不一樣的屏幕尺寸和設備類型。這些年手持設備的流行使得用戶在大多數的時間是使用手機／Pad一類的設備來訪問你的網站的，若是讓咱們的網站在不一樣的設備上都已最佳的方式顯示就是響應式佈局要解決的問題。

知乎上的這段解釋頗有意思：

好久好久好久之前，每一個人都只有一件衣服（ Website ），無論你有錢沒錢你們天天都只穿這一件。

後來有人發明了舞會（移動互聯網），你們都爭先恐後地想要參加，因而一個作「開發」的裁縫忽悠人們說進舞會最好訂作一件專門的禮服（ Mobile Site ），你們想一想也對，上班和出去哈皮都穿同一件衣服多無聊啊，舞會就要有舞會的樣子。因而乎只要有點閒錢的人都作了禮服，他和原來那件叫作 Website 的衣服是徹底不同的，面子不同，裏子也不同。

後來舞會的種類愈來愈多了，不少人被迫作了好多好多件禮服，因而又有一個叫作「前端」的裁縫站出來講大家每一年要新作那麼多衣服，多費錢啊，並且一出門鑰匙啊皮夾子啊名片都要在不一樣衣服裏換來換去多麻煩。你看，咱們新發明了一個手藝叫作「Responsive Design」，只要把你原來那件衣服稍微那麼一改，之後去哪一個舞會均可以只穿這一件衣服，衣服的裏子永遠都差很少，但面子能夠按照要求自適應不一樣的舞會。

因而全部人都開始換上這種響應式的衣服了。。。

如下是經過Azure的Application Insight分析功能數據統計

瀏覽器

操做系統

屏幕分辨率

從以上的數據能夠看出，移動設備佔有至關的比例。固然，由於博主的站點主要針對開發人員，而內容又和工做相關，因此pc端在裏面佔有至關大的比例。若是你的目標用戶是普通用戶，那麼移動端的比例已定會更高。

另外，咱們能夠看到各類不一樣分辨率的設備對網站都有訪問，如何保證你的站點能夠在不一樣的分辨率上都有最佳表現時考驗你的網頁設計師和前端開發人員 的一個重要標準。而對使用WordPress的網站來講，你只要確保使用了響應式佈局的主題一切就都Ok了。

PC／Pad 端全屏效果

手機豎屏效果

但願瞭解更多關於響應式佈局的同窗能夠參考如下文��
http://baike.baidu.com/view/8539585.htm
http://www.zhihu.com/question/20976405
http://www.w3cschool.cc/bootstrap/bootstrap-v2-responsive-design.html

添加插件的方法（WordPress多站點模式）

多站點模式的WordPress主題，須要經過Network Admin的管理控制檯來完成。在Network Admin控制檯的菜單中找到 主題 ｜ 添加主題 菜單，點擊進入

在 添加主題 頁面上，點擊 特性篩選，確保你選中 響應式佈局 選項，而後就能夠找到全部知足響應式佈局的頁面主題了。

安裝主題的方式很是簡單，和以前演示過的插件安裝同樣，安裝完成以後須要在整個網絡啓用，以保證多站點模式下的全部子站點均可以使用新安裝的主題。

博主的站點當前使用的是叫作Tempera的主題，你能夠根據本身的喜愛使用本身喜歡的主題。

WordPress外觀小工具使用

網站後臺所提供的功能須要提供給前臺的用戶使用就須要使用頁面元素來提供這些功能，這就是外觀小工具的做用。以下圖，經過小工具，咱們能夠講多語言切換工具顯示在文章的右側供用戶切換語言使用。

WordPress備份

以前在介紹Azure網站機制的時候我曾經介紹過，Azure會給每一個放置在Azure上的網站進行3份備份，那爲啥咱們仍然須要備份呢？首先，備份就是以防不測的，就算Azure提供了這樣的保障，就算東西找不回來你能夠告微軟，可是數據丟了就是丟了，沒有辦法。因此，咱們永遠須要作好數據備份。並且這裏的備份必定要是離線備份（Offsite Backup）。

所謂的離線備份，就是在生產系統之外進行的備份，並且這一備份最好與生產系統處於不一樣的地理位置，確保就算遇到火山碰發，地震，洪水等不可抗力仍然能夠保證數據安裝。對博主這樣的網站好像沒啥必要哈，可是好習慣是須要保持的麼。

在「一個博客」中，我使用的是WordPress的Backup Scheduler這個插件完成的備份，而且配置了自動ftp上傳到另一臺雲虛擬機中。

第三部分結束語

到這裏，《快速建立網站》系列的第三部分就結束了。你們如今所看到的這個博客站點就是按照以上的步驟建立出來的，整個過程當中我沒有使用任何的專業開發工具，全部的操做都經過瀏覽器完成。並且，咱們的網站簡單易用，功能豐富並且性能，擴展性都極強。但願這些內容能夠幫到你。

在第四部分中，我將對以前介紹過的Visual Studio Online進行進一步的介紹。若是你的開發人員，並且正好使用php/mysql進行開發，那麼這段視頻應該能夠幫到你。我將使用Visual Studio Online所提供的在線開發平臺，在線IDE和Azure所提供的集成能力構建一個開發運維一體化的環境。開發運維一體化（DevOps）是近幾年軟件開發行業很是火熱的話題，這裏我不想過多的介紹概念，而但願經過這個簡單的網站實例讓你們對DevOps的基本概念有必定的瞭解。固然，DevOps是個人老本行ALM裏面 的重要內容，我後面會有更加詳細專業的文章來介紹更多的細節。