WordPress主题开发,wordpress主题开发工具

这篇将介绍如何设置每个位置 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。

在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。

第1步：设置页面总体宽度

现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。需要避免的是使用过大宽度的 的主题，如果博客的读者都大多数使用 800px × 600px 屏幕，这样的话，如果是使用 900px 款的主题将会有 100多个像素超出他们的屏幕，显然这是对用户很不友好的。

不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？

我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。

在 之后增加：