wordpress主题学习03-仿站的第一步
时间：2023-04-23 22:03:02 | 来源：网站运营
时间：2023-04-23 22:03:02 来源：网站运营
wordpress主题学习03-仿站的第一步：找到要仿站的目标站点，我们以一个企业站为例：
1.下载素材
打开“仿站小工具”，依次添加网站首页、关于我们页、产品执行页，产品详情页、新闻中心页、工程案例页和联系我们页，点击 下一步，选择合适的保存位置，对添加的资源进行下载。
打开下载好的资源文件夹，依次打开下载好的页面，与原网站页面对比，检查是否缺少内容。
2. 新建主题
在themes文件夹下创建index.php和style.css文件，选择一张1200*900像素的图片作为预览图screenshot.png。
把下载好的资源文件夹内容移动到该文件夹下。
在wp后台-主题处启用已创建的新主题
3. 首页模板处理
1. 更改下载的首页模板名称为home.php
2. 替换静态资源加载路径，使页面显示完整
以vscode编辑器为例，ctrl+h调出替换框，输入替换内容，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/，
我这里静态资源是放在static目录下的，每个人可能放置目录不一样，按照自己的来做即可。
静态资源替换完后，查看页面是否有异常。
在线咨询
