it-swarm.cn

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

您对学习CSS和WordPress主题开发的建议是什么?

我已经使用WordPress超过4年了,但我从来没有真正熟悉CSS或主题设计(我可以在这里和那里调整它,但这并没有真正做多少)。我希望能够做到这些,但不知道从哪里开始。我遇到的大多数指南都不是WP具体的,我担心我会经历多余的材料。

谢谢

1
Tal Galili

首先,这些东西之间存在差异。 WP不是CSS而CSS不是WP。但WP主题使用CSS。因此,如果你了解CSS,你基本上没有做错(CSS的好处是,所有网站之间很常见。另一部分是HTML。然后你有PHP。

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

  • 编程语言:PHP
  • 结构语言:HTML
  • 域特定语言:CSS

然后你有一个多层网络架构:PHP在服务器上执行,HTML和CSS由服务器提供,但由客户端计算机上的浏览器读取/处理。

因此,即使主题看起来很简单,使用WP这一切都可以互换,你必须自己把这些东西分开。

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

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

根据您的问题,我只建议您学习CSS。在您完全理解Cascade后,它非常强大。你需要知道HTML正手(不是PHP,只是HTML)。最后,CSS对于网站的可视化表示非常重要,它是装饰任何网站的强大工具。所以你可以用它来做所有事情,甚至是wordpress主题;)

去吧。如果你在4年后直到现在还没有理解,那么就花一些时间来接受教育。我建议像 http://oreilly.com/catalog/9780596101978 这样的书,非常适合自我教育(练习旁边)。

CSS本身非常适合W3C以及HTML。这里的定义不是非常用户友好,但它是正确的,所以有一些你也可以在那里学到很多东西。 w3schools也是尼斯制作的(这个网站多年来以某种方式制作它,看起来至少有一些大脑支持它)。 HTML/CSS,即WWW,抓住你的来源:D

对于PHP有php.net。对于wordpress来说,它总是在变化并消耗你个人事业的资源,所以不要过分关注它。它保持良好的发展,所以,只是寻找什么对你有好处,不要太专注于wordpress。

5
hakre

就CSS来说,这个领域没有很多WordPress特定的东西。转到 w3schools 并阅读他们的教程。至于学习如何构建主题,我可以推荐的两个最好的资源是codex 主题开发人员部分 和默认主题(截至目前,二十个)。阅读 主题开发 页面和 模板 页面以获得好处基本了解。然后,只需阅读默认主题的源代码,使用开发人员文档(特别是 模板标签函数参考 页面)作为参考。

我希望这有帮助!

3
John P Bloch

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

最快的学习方法是修改现有主题并为各种 框架创建子主题 。其中,我个人最喜欢的是 专题 。从头开始是非常困难的,因此这些资源可以帮助您实现目标。

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

2
kylan

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

第2步:编辑styles.css,并使用CSS进行实验。答:例如,添加:

#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步:使用/ wp-content/themes/thematic目录中的原始style.css作为指南。真的研究那个style.css。使用诸如 http://reference.sitepoint.com/css 之类的引用来帮助理解每条规则。

使用儿童主题,您可以根据自己的喜好进行更改。例如,有些人只会更改#brand徽标,如上所示。你尝试的越多,你学到的就越多。

2
Marjorie Roswell

这些家伙已经帮了我很多(现在仍然这样) http://digwp.com/ 他们的书籍真的很容易理解,所以是他们的博客!

0
user3401

Kylan为firefox提到了Firebug。

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

下载一些很酷的主题,然后使用Firebug来探索它们。当我开始时,这帮助了我很多。

0
Nohl