如何开始学习css和主题开发?

时间:2010-08-13 作者:Tal Galili

你对学习CSS和WordPress主题开发有什么建议?

现在我已经使用WordPress超过4年了,但我从来没有真正习惯于CSS或主题设计(我可以在这里和那里进行调整,但这并没有起到多大作用)。我很想做这些,但不知道从哪里开始。我遇到的大多数指南都不是针对WP的,我担心我会阅读多余的材料。

谢谢

5 个回复
最合适的回答,由SO网友:hakre 整理而成

首先不同的东西。WP不是CSS,CSS不是WP。但是WP主题使用CSS。所以,如果你了解了CSS,你基本上没有做错(CSS的好处是,所有网站都有CSS)。另一部分是HTML。然后是PHP。

这是三种相互使用的计算机语言:

  • 一种编程语言:PHP
  • 一种结构语言:HTML
  • 一种特定于领域的语言:CSS
然后你有一个多层网络架构:PHP在服务器上执行,HTML和CSS由服务器提供,但由客户端计算机上的浏览器读取/处理。

因此,即使主题看起来很简单,但有了WP,这一切都可以互换,混合在一起,你必须自己把东西重新分开。

PHP在“主题”(PHP)文件中,HTML在这些主题文件中生成,CSS在CSS文件中。

所以基本上你需要自己决定你想学什么。PHP和HTML/CSS之间的大多数资源都不同。

基于你的问题,我只能建议你学习CSS。在您完全理解级联之后,它将非常强大。你需要知道HTML正手(不是PHP,只是HTML)。最后,CSS对于网站的视觉表现是绝对重要的,它是装饰任何网站的有力工具。因此,您可以将其用于所有内容,甚至wordpress主题;)

去争取吧如果你四年后直到现在还不明白,那就给自己一些教育吧。我建议买一些像书一样的http://oreilly.com/catalog/9780596101978 这是自我教育的完美选择(仅次于实践)。

W3C和HTML都很好地定义了CSS本身。那里的定义不太方便用户使用,但它是正确的,因此有了一些意愿,你也可以在那里学到很多东西。w3schools也做得很好(该网站多年来不知何故成功了,看起来至少背后有一些大脑)。HTML/CSS,即WWW,获取您的源代码:D

对于PHP,有PHP。网对于wordpress来说,它总是在变化,并且会消耗你个人职业的资源,所以不要过于关注它。不管怎样,它都保持着良好的发展,所以,只要寻找对你有好处的东西,不要过于关注wordpress。

SO网友:John P Bloch

就CSS而言,这方面没有很多WordPress特有的东西。转到w3schools 并阅读他们的教程。至于学习如何建立一个主题,我可以推荐的两个最好的资源是codex的theme developer section 以及默认主题(截至目前,为210)。通读Theme Development 页面和Templates 对页面有一个很好的基本了解。然后,使用开发者文档(尤其是Template TagsFunction Reference 页码)作为参考。

我希望这有帮助!

SO网友:Marjorie Roswell

第一步:创建一个好的实心父主题的子主题。A、 安装主题主题。B.按照他们的指示制作儿童主题。(将主题示例子主题文件夹移到主题文件夹之外的wp content/themes下。现在您将拥有/wp content/themes/themes和/wp content/themes/themes示例子主题。C.将后一个目录重命名为新的首选主题名称。D.进入外观屏幕,激活新主题。

步骤2:编辑样式。css,并尝试使用css。A.例如,添加:

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}
只需更改颜色和字体,就可以很容易地开始,然后就可以进入更高级的领域,如圆角、浮动div等。

步骤3:使用原始样式。css在/wp content/themes/themes目录中作为指南。真正学习那种风格。css。使用诸如http://reference.sitepoint.com/css 帮助理解每个规则。

有了儿童主题,你可以随意改变。例如,有些人只会更改#品牌徽标,如上所示。你尝试得越多,学到的东西就越多。

SO网友:kylan

您可以做的最重要的事情是创建一个本地WordPress安装,您可以使用它进行操作。(说明:Mac | Windows | Linux) 这将允许你在没有世界其他国家观看的情况下进行实验并犯错误。

最快的学习方法是修改现有主题并为各种frameworks. 其中,我个人最喜欢的是Thematic. 很难从头开始,因此这些资源可以帮助您快速起步。

要学习CSS,w3schools.comthe 资源对于许多设计师来说,Firebug 是一个不可或缺的工具。没有它不要离开家!

SO网友:Nohl

Kylan提到firefox的Firebug。

这是一个非常好的工具,可以看到其他人是如何构建他们的主题的。

下载一些看起来很酷的主题,然后使用Firebug来探索它们。这在我刚开始的时候帮了我很大的忙。

结束

相关推荐

如何版本化主css文件?

如何指示wordpress使用“样式”以外的文件名。css“用于我的主样式表-例如,styles-1。css?我想这样做是为了版本控制和缓存。