当前位置:首页 » WordPress » WordPress主题教程(2):主题样式style.css » 正文


WordPress主题教程(2):主题样式style.css

发布日期:2014-02-13 00:29   来源:谭海波   本文永久链接
摘要:今天跟大家讲解WordPress主题教程的第二讲,主题样式style.css的使用与修改。我觉得只有熟练使用了一样东西,然后可以在创新的基础上修改一样东西,这样才能创造一种新的东西。所以呢,接下来的主题教程都是以修改为基础的,然后以谭海波博客4.1版的主题为……

今天跟大家讲解WordPress主题教程的第二讲,主题样式style.css的使用与修改。我觉得只有熟练使用了一样东西,然后可以在创新的基础上修改一样东西,这样才能创造一种新的东西。所以呢,接下来的主题教程都是以修改为基础的,然后以谭海波博客4.1版的主题为例子,目的就是就是怎么实现自己想要的主题。

style.css文件是一个主题的核心文件之一,它控制着整个网站页面的外观。谭海波博客主题是以twentyten为基础的。我对这个style.css文件进行了修改,就成为了适用于谭海波博客主题的样式文件。所以第一步就是修改主题信息,见下面一段代码:

然后根据实际需要,对某些DIV层进行修改,以谭海波博客主题为例,我打开style.css文件以后除了上面的主题信息进行了修改以外,还对一些DIV层进行了修改。见下面的代码:

需要说明的是,在这个主题中wrapper是最大的DIV,然后依次是container、main、content(secondary同级),暂时只要修改这么多就可以了,大家可以按照我上面的两个步骤进行修改。

为了更好的压缩style样式,大家还可以对格式进行优化一下,该减行的尽量减行;然后就是因为自定义主题,主题之前默认定义的一些DIV是可以去掉的,这个后面会讲到。好了,今天就讲到这里吧。大家如果有疑问的话,可以通过QQ在线咨询我(在有空的前提下)。



关注谭海波博客官方微信公众平台
文章分类WordPress
文章标签:
本文永久链接:http://tanhaibo.net/2014/02/wpthemes-course-style.html
转载提示:除非注明,谭海波博客的文章均为原创,转载请以链接形式注明作者和出处。谢谢合作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注