wordpress企業網站主題仿製02-wordpress企業網站首頁的仿製

huangbangqing12發表於2018-07-08

這節課,我們來學習企業主題首頁的仿製。

上節課,我們已經分析了目標網站。現在,我們開始仿製它的首頁,仿製的方法非常簡單:

“右鍵”-“另存為”

在桌電腦面上,新建一個名為“company”資料夾,用於存放所有仿製的頁面。

儲存的檔名改為index,因為我們需要用它作為首頁。

選擇“網頁,全部”:

You must be logged in to view the hidden contents.

儲存後,來到桌面上,開啟它:

發現它和原始網站有一些區別,我們來對比下:

下載過來之後,很多的背景圖片都丟失了。所以首先,我們需要把背景圖片補充完整。

怎麼找到你想要的背景圖片呢?

“右鍵”-“檢查” 在右邊的style樣式裡找到“background”的屬性,裡面有連結,“右鍵”-“新標籤頁”開啟就是了:

把新標籤頁下的圖片,另存為到剛剛下載的網頁資料夾中:

這時,再回到靜態首頁重新整理,你會看到背景圖片就出現了。

同樣,這裡的選單背景圖片也需要按照上面的方式儲存起來:

You must be logged in to view the hidden contents.

那原理就是這個,你可以按照這個對比,找到所有的不同的地方對應的不同的背景圖片,然後下載,

這裡,我們來學習更快的方法:

所有其它的圖片都按這種方式下載:

當我們本地的靜態頁面開啟之後和目標網站一模一樣,就說明我們放置成功了。

修改圖片資料夾的名稱

接著,我們還需要把圖片資料夾的名稱改為:images

因為wordpress的所有的圖片都是存放在images資料夾裡面的。這樣方便管理。

替換所有的檔案路徑

修改之後,所有圖片的路徑也需要跟著修改:

用notepad++開啟,全部替換即可。

再次來到網站前臺重新整理,這樣企業網站首頁的仿照就成功了,應該來說還是比較簡單的。

相關文章