wordpress企業網站主題仿製01-企業仿站目標網站分析

這節課，我們來學習企業主題的仿製：

首先我們來看下要仿製的目標網站：http://www.qxmesh.com/

對於這個企業網站，我們要分析它的頁面結構是不是符合wordpress的要求，首先，一個企業模板所必須的頁面有：

首頁

You must be logged in to view the hidden contents.

通過首頁可以看到它的4個組成部分：header/sidebar/footer/內容/。

這樣的首頁是比較符合wordpress的要求。

產品圖片頁面

開啟“產品中心”，他是以產品的圖片展示為主，這裡列出了非常多的產品圖片，通過這些圖片，是可以點選進入到具體的內容頁面，這樣的具體內容頁面對應的就是wordpress中的文章內容頁面-single.php。

You must be logged in to view the hidden contents.

企業介紹頁面

企業介紹頁面只是單純的一張頁面，並沒有其他的文章列表或者圖片。所以它對應的是wordpress中的page頁面。

新聞動態

新聞動態中式一系列文章標題的列表。

這也是不同於wordpress部落格主題的地方。在這個欄目下面，主要以新聞列表展示為主。通過點選標題可以進入到文章的內容頁面。也就是single.php。

那以上所講的幾個頁面就是：首頁/產品圖片頁/新聞列表頁/文章內容頁/page頁/。

這5個頁面的素材是我們做wordpress模板所必備的。所以，如果我們要仿製一個企業網站的話，就必須把這5個頁面對應的靜態頁面全部仿製下來。

判斷網站是否符合標準

頁面的模板結構分析好後，我們還需要判斷頁面是否符合div+css標準：

那怎麼看一個網站是否是div+css技術的呢？

開啟首頁：

在空白處，點選檢視網頁原始碼：

通過原始碼，看到很多div的標籤，所以這個網站是符合我們的要求的。

判斷網站是否瀏覽器相容

怎麼判斷瀏覽器是否都相容呢？很簡單，複製這個網站的網址，在不同的瀏覽器下訪問。那這個網站在不同的瀏覽器下，沒有出現錯位的情況。

那以上就是判斷網站是否符合仿製的標準的內容。後面的課程中，我們會對這個網站進行仿造。