网格/报纸/杂志模板在wordpress皮肤和主题社区中变得越来越占主导地位。它们看起来很优雅,但不知道从哪里开始可能会令人畏惧。在本教程中,我们使用jquery的强大功能来创建带有大小降低标题的网格布局!
前言
本教程假设您有一个在服务器上运行的WordPress引擎,您有权上传文件、下载文件和浏览。如果您想在安装了WordPress的计算机上运行本地服务器,这里有关于Windows的教程,这里有关于OSX的教程。
第1步-让我们从必需品开始......
在“wp-content/themes/”文件夹中创建一个新文件夹,并将其命名为您想要为我们即将制作的皮肤命名的名称。在此新文件夹中创建2个新文件,一个名为“index.php”,另一个名为“style.css”。我们将从一些基本的WordPress代码开始。每次我创建完整WordPress皮肤时,都会从这个“基本代码”开始,因为它包含了大部分必要的信息。我把它放在这里是因为你可能想把它开发成完整的皮肤。我还为我的主题使用默认样式表,因此将此代码片段复制到“style.css”中,并分别编辑内容。样式表与以下行相关: