18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > wordpress主题学习03-仿站的第一步

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目录下的,每个人可能放置目录不一样,按照自己的来做即可。

静态资源替换完后,查看页面是否有异常。

关键词:主题,学习

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭