wordpress企業網站主題仿製02-wordpress企業網站首頁的仿製
這節課,我們來學習企業主題首頁的仿製。
上節課,我們已經分析了目標網站。現在,我們開始仿製它的首頁,仿製的方法非常簡單:
“右鍵”-“另存為”
在桌電腦面上,新建一個名為“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++開啟,全部替換即可。
再次來到網站前臺重新整理,這樣企業網站首頁的仿照就成功了,應該來說還是比較簡單的。
相關文章
- wordpress企業網站主題仿製03-wordpress企業網站page頁面的仿製網站
- wordpress企業網站主題仿製04-wordpress企業網站產品頁面新聞頁面仿製網站
- wordpress企業網站主題仿製01-企業仿站目標網站分析網站
- 製作IOS企業版APP網頁下載iOSAPP網頁
- 零基礎創作專業wordpress網站06-製作主頁(elementor)網站
- jQuery Mobile仿360首頁,jQuery Mobile網格佈局,jQuery Mobile網址大全,HTML5仿360首頁jQueryHTML
- 零基礎創作專業wordpress網站11-製作頁尾(Footer)網站
- 企業網站建設的技巧網站
- TP仿製a5任務外包系統,全國專業的技術外包網,威客網站系統模板網站
- 零基礎創作專業wordpress網站10-製作聯絡頁面網站
- 零基礎創作專業wordpress網站09-製作服務頁面網站
- 零基礎創作專業wordpress網站08-製作關於頁面網站
- 企業如何保障網站安全?網站
- 【工業網際網路】說了很久的工業網際網路,製造企業買不買單?
- 如何製作企業宣傳片:企業宣傳片製作之道
- 【企業建站】讓企業零成本擁有自己獨立的企業網站不再是問題網站
- 個人和企業搭建網站主要流程和步驟詳解網站
- 數商雲:傳統工業製造業,如何透過工業品B2B網站轉型高階製造業企業網站
- WordpressCMS主題開發01-首頁製作
- phpcms 企業網站模板檔案PHP網站
- 外貿企業如何搭建網站網站
- 工業網際網路下製造業中小企業數字化轉型如何破局
- 公司網站修改?網站主頁修改方案模板?網站
- 零基礎創作專業wordpress網站07-製作主頁(適配手機端)網站
- 資訊化需要“私人醫生” 大企業首選IT “量身定製”
- 企業網站專業性診斷評價網站
- WordPress能夠製作出什麼樣的網站?網站
- 企業辦公的新工具-企業網盤
- 網站建設之企業為什麼要做網站?網站
- 如何用“網際網路思維”做製造業-張瑞敏先生《沒有成功的企業,只有時代的企業》演講記錄
- 企業網站後期如何維護?網站
- 企業網站SEO如何最佳化?網站
- 做好企業網站有哪些幫助?網站
- 企業實戰LNMP高效能伺服器_wordpress、discuz雙網站部署LNMP伺服器網站
- 企業網盤如何高效的解決企業檔案管理問題
- 讓企業零成本擁有自己獨立的企業網站不再是問題網站
- 網站安全問題頻出,企業該怎麼辦?網站
- 物聯網時代製造企業對大資料的運用分析大資料