wordpress主題學習03-仿站的第一步
時間:2023-04-23 22:03:02 | 來源:網(wǎng)站運營
時間:2023-04-23 22:03:02 來源:網(wǎng)站運營
wordpress主題學習03-仿站的第一步:找到要仿站的目標站點,我們以一個企業(yè)站為例:
1.下載素材
打開“仿站小工具”,依次添加網(wǎng)站首頁、關(guān)于我們頁、產(chǎn)品執(zhí)行頁,產(chǎn)品詳情頁、新聞中心頁、工程案例頁和聯(lián)系我們頁,點擊 下一步,選擇合適的保存位置,對添加的資源進行下載。
打開下載好的資源文件夾,依次打開下載好的頁面,與原網(wǎng)站頁面對比,檢查是否缺少內(nèi)容。
2. 新建主題
在themes文件夾下創(chuàng)建index.php和style.css文件,選擇一張1200*900像素的圖片作為預覽圖screenshot.png。
把下載好的資源文件夾內(nèi)容移動到該文件夾下。
在wp后臺-主題處啟用已創(chuàng)建的新主題
3. 首頁模板處理
1. 更改下載的首頁模板名稱為home.php
2. 替換靜態(tài)資源加載路徑,使頁面顯示完整
以vscode編輯器為例,ctrl+h調(diào)出替換框,輸入替換內(nèi)容,ctrl+alt+enter全部替換。
css批量替換href="static/css/ 為href="<?php bloginfo('template_url');?>/static/css/ ,
js批量替換 src="static/js/ 為src="<?php bloginfo('template_url');?>/static/js/,
圖片批量替換src="static/picture/ 為src="<?php bloginfo('template_url');?>/static/picture/,
輪播圖片替換style="background-image: url(static/images/ 為style="background-image: url(<?php bloginfo('template_url');?>/static/images/,
我這里靜態(tài)資源是放在static目錄下的,每個人可能放置目錄不一樣,按照自己的來做即可。
靜態(tài)資源替換完后,查看頁面是否有異常。