wordpress仿站01-企业仿站目标网站分析

文章目录 显示

这节课，我们来学习企业主题的仿制：

首先我们来看下要仿制的目标网站：http://www.qxmesh.com/

对于这个企业网站，我们要分析它的页面结构是不是符合wordpress的要求，首先，一个企业模板所必须的页面有：

首页

通过首页可以看到它的4个组成部分：header/sidebar/footer/内容/。

这样的首页是比较符合wordpress的要求。

打开“产品中心”，他是以产品的图片展示为主，这里列出了非常多的产品图片，通过这些图片，是可以点击进入到具体的内容页面，这样的具体内容页面对应的就是wordpress中的文章内容页面-single.php。

企业介绍页面只是单纯的一张页面，并没有其他的文章列表或者图片。所以它对应的是wordpress中的page页面。

新闻动态中式一系列文章标题的列表。

这也是不同于wordpress博客主题的地方。在这个栏目下面，主要以新闻列表展示为主。通过点击标题可以进入到文章的内容页面。也就是single.php。

那以上所讲的几个页面就是：首页/产品图片页/新闻列表页/文章内容页/page页/。

这5个页面的素材是我们做wordpress模板所必备的。所以，如果我们要仿制一个企业网站的话，就必须把这5个页面对应的静态页面全部仿制下来。

页面的模板结构分析好后，我们还需要判断页面是否符合div+css标准：

那怎么看一个网站是否是div+css技术的呢？

打开首页：

在空白处，点击查看网页源代码：

通过源码，看到很多div的标签，所以这个网站是符合我们的要求的。

怎么判断浏览器是否都兼容呢？很简单，复制这个网站的网址，在不同的浏览器下访问。那这个网站在不同的浏览器下，没有出现错位的情况。

那以上就是判断网站是否符合仿制的标准的内容。后面的课程中，我们会对这个网站进行仿造。