首页 > 主题开发 > wordpress仿站 > wordpress企业网站主题仿制02-wordpress企业网站首页的仿制
2018
06-30

wordpress企业网站主题仿制02-wordpress企业网站首页的仿制

这节课,我们来学习企业主题首页的仿制。

上节课,我们已经分析了目标网站。现在,我们开始仿制它的首页,仿制的方法非常简单:

“右键”-“另存为”

在桌电脑面上,新建一个名为“company”文件夹,用于存放所有仿制的页面。

保存的文件名改为index,因为我们需要用它作为首页。

选择“网页,全部”:

You must be logged in to view the hidden contents.

保存后,来到桌面上,打开它:

发现它和原始网站有一些区别,我们来对比下:

下载过来之后,很多的背景图片都丢失了。所以首先,我们需要把背景图片补充完整。

怎么找到你想要的背景图片呢?

“右键”-“检查” 在右边的style样式里找到“background”的属性,里面有链接,“右键”-“新标签页”打开就是了:

wordpress保存背景图片 - wordpress企业网站主题仿制02-wordpress企业网站首页的仿制

把新标签页下的图片,另存为到刚刚下载的网页文件夹中:

wordpress另存为背景图片 - wordpress企业网站主题仿制02-wordpress企业网站首页的仿制

这时,再回到静态首页刷新,你会看到背景图片就出现了。

同样,这里的菜单背景图片也需要按照上面的方式保存起来:

You must be logged in to view the hidden contents.

那原理就是这个,你可以按照这个对比,找到所有的不同的地方对应的不同的背景图片,然后下载,

这里,我们来学习更快的方法:

wordpress批量保存背景图片 - wordpress企业网站主题仿制02-wordpress企业网站首页的仿制

所有其它的图片都按这种方式下载:

当我们本地的静态页面打开之后和目标网站一模一样,就说明我们放置成功了。

修改图片文件夹的名称

接着,我们还需要把图片文件夹的名称改为:images

因为wordpress的所有的图片都是存放在images文件夹里面的。这样方便管理。

替换所有的文件路径

修改之后,所有图片的路径也需要跟着修改:

用notepad++打开,全部替换即可。

再次来到网站前台刷新,这样企业网站首页的仿照就成功了,应该来说还是比较简单的。

最后编辑:
作者:MrBang
WordPress迷

留下一个回复