绿茶软件园
资讯首页 > 软件教程 > 办公应用 > WordPress主题制作教程:零基础制作wordpress主题

WordPress主题制作教程:零基础制作wordpress主题

作者:佚名 来源:绿茶软件园 2013-06-21 09:19:21 0

  wordpress主题制作步骤是什么样的?很多朋友因为喜欢主题,所以想自己制作WordPress主题,但是都不会怎么办?下面绿茶小编为大家分享零基础制作WordPress主题教程。

 

WordPress主题制作教程:

  1、确定您的网格宽度

  在开始之前,您需要确定您的网格,将需要有多宽。对于我的WordPress网站,我可以看到,通过使用谷歌浏览器的“检查元素”功能,当你右键点击对象,我的主页的宽度是450px。这是绿茶小编发现最快的方式,可以快速确定网页上的对象的宽度和高度
 

WordPress主题制作教程:零基础制作wordpress主题1


  2、网格设计

  而不是hand-building网格,您可以做的,如果你想要的,我建议要与许多可用网格生成器工具。在本文中,我将使用网格MindPlay生成器。这是一个非常简单的和轻型网格生成器。

WordPress主题制作教程:零基础制作wordpress主题2

  这里想要一个三列的显示和我需要确保我的像素是450。所以做相应的调整和跳到“Export”选项卡。

WordPress主题制作教程:零基础制作wordpress主题3

  在导出选项卡,使用top-most的“Style Sheet”的框架并向下滚动,直到你看到“Grid”的评论。你要拷贝一切从评论底下的框架。它应该只会在大约30行

  。

WordPress主题制作教程:零基础制作wordpress主题4

1 2 3 >
返回顶部