如果你使用正确的工具，得到一个一致的，坚实的网格布局到WordPress是一个轻松的过程。在本教程中，你将学习到怎样一步一步在WordPress里迅速建立一个非常轻便和易于修改的的网格系统。我们将保持设计简单，使我们可以将目光放在使用合适的工具来建立你的网格上，但请记住，如果需要的话，你可以设计属于你自己的风格网格。
本教程中我将在WordPress中使用一个默认的Pool主题，为了告诉你“从头开始”的目标到正好获得一个网格的全过程。
步骤1：确定您的网格宽度
在开始之前，你需要确定你的网格将需要有多宽。对于我的WordPress网站，我可以看到，通过使用谷歌浏览器的“检查元素”功能，当你右键点击对象是，我的主列的宽度是450px。这是我找到的最快的方式，可以快速确定网页上对象的宽度和高度。
步骤2：网格设计
代替手工建立一个网格，如果你想，你可以做，我建议使用许多可用的网格生成工具之一。在本教程中，我将通过MindPlay来使用网格生成器。这是一个非常简单和轻便的网格生成器。
我希望有一个三列显示，并需要确保我的像素是450。这样作出相应的调整，并跳过“导出”选项卡。虽然这肯定是值得自己去探索的。但是在本教程中，我们不将去留意*typography功能.
在“导出”选项卡里，使用最顶端的“样式表”的框架并向下滚动，直到你看到“网格”的评论。您将复制评论里的所有到这个框架的底部。它应该只有约30行的<PRE>。
步骤3：更新你的WordPress的样式表
.......................................................
.........................................................阅读全文，请点击整合简单的CSS网格布局到WordPress
此文由Sunny of K.N.J来翻译的。
翻译来源：K.N.J的博客
相关阅读
PyQt QtWebKit设置javascript开关 2012/08/15
QtWebKit自定义HttpHeader 2012/08/15
使用float:left来实现横排的列表框 2012/08/08