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目录下的,每个人可能放置目录不一样,按照自己的来做即可。
静态资源替换完后,查看页面是否有异常。