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

wordpress.stackexchange https://wordpress.stackexchange.com/questions/288

  •  16-10-2019
  •  | 
  •  

题

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

我已经使用WordPress已有4年了，但是我从来没有真正对CSS或主题设计感到满意（我可以在这里和那里进行调整，但这并没有做太多）。我很想能够做到这一点，但不知道从哪里开始。我遇到的大多数指南都不是特定于WP的，我担心会经历冗余材料。

谢谢

有帮助吗？

解决方案

首先，这些东西之间有所不同。 WP不是CSS，CSS不是WP。但是WP主题利用CSS。因此，如果您了解CSS，您基本上没有做错事（CSS的好事是，这是很常见的 全部 网站）。另一部分是HTML。然后您有PHP。

因此，这是彼此使用的三种计算机语言：

  • 编程语言：PHP
  • 结构语言：html
  • 特定域的语言：CSS

因此，即使主题看起来很简单，WP都可以互换混合，您必须再次将这些内容分开。

PHP在“主题”（PHP）文件中，HTML是在这些主题文件中生成（以及也是），CSS在CSS文件中。

去吧。 If you haven't understood until now after 4 years, spend yourself some education. I suggest some book like http://oreilly.com/catalog/9780596101978

其他提示

就CSS而言，该领域没有很多特定于WordPress的东西。去 W3Schools 并通过他们的教程。至于学习如何构建主题，我可以推荐的两个最佳资源是法典的 主题开发人员部分 和默认主题（到目前为止，二十个）。通读 主题开发 页面和 模板 模板标签 和 功能参考 页面）作为参考。

我希望这有所帮助！

步骤1：创建一个良好父母主题的子主题。答：安装主题主题。 B.按照他们的指示制作孩子主题。 （在wp-content/主题下，将主题样本 - 儿童 - 主题文件夹在主题文件夹外面。 Child-Theme。C。将后者目录重命名为您的新主题名称。D。进行外观屏幕，并激活您的新主题。

步骤2：编辑样式。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;
}

步骤3：使用/wp-content/主题/主题目录中的原始样式.css作为指南。真正研究该样式。使用参考 http://reference.sitepoint.com/css

有了孩子主题，您可以随意更改或尽可能多地更改。例如，有些人只会更改#Brand徽标，如上所示。您尝试的越多，就会学到的越多。

您可以做的最重要的事情是创建一个本地WordPress安装，您可以随身携带。 （说明： 苹果电脑 | 视窗 | Linux

构架. 。其中，我个人最喜欢的是 主题. 。从头开始非常困难，因此这些资源可以帮助您跑步。

学习CSS， w3schools.com 是 这 资源。对于许多设计师， 火焰 是必不可少的工具。不要离开家！

凯兰（Kylan）提到了firebug firefox。

这是一个非常好的工具，可以看到其他人如何建立自己的主题。

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

这些家伙为我提供了很多帮助（仍然如此） http://digwp.com/他们的书籍实际上很容易理解，他们的博客也是如此！

许可以下： CC-BY-SA 和 归因
scroll top