第一个完全定制的主题,我应该从哪里开始?

时间:2018-07-24 作者:EDWARD SINGLETON

我一直在使用Genesis框架以及WPBakery Page Builder等可视化生成器工具构建自定义主题。我对文件大小和网站性能了解得越多,就越不想依赖这些工具。他们似乎臃肿而固执己见。

就我个人而言,我想使用某种CSS框架和一个简单的WP主题来构建轻量级、高效的网站。问题是,我真的不知道从哪里开始。为了构建快速、轻量级和高度可定制的网站,您会推荐哪种CSS框架和“基本”主题?

2 个回复
SO网友:Fayaz

初学者主题:

检查UnderscoresSage 对于初学者主题。

下划线是非常基本的,但也是一个很好的起点。另一方面,与下划线相比,Sage有更多的选项,但您可能需要更多的时间来习惯所有开发工具(如果您还不熟悉现代开发工具的话)。

CSS框架:

对于CSS框架,请尝试Twitter Bootstrap.

主题开发指南:

遵循官方WordPress Theme development guide 用于自定义初学者主题或从头创建新主题。您还可以检查Old, but useful Codex document 关于WordPress主题开发。

还有一些q&a gold mines 这里也是WPSE。

Gutenberg: 由于WordPress core team设置为将默认编辑器更改为Gutenberg 在不久的将来,熟悉古腾堡也是一个好主意。这Official Guide 可以作为了解古腾堡的良好起点
(谢谢WebElaine 用于提醒!)

学习曲线:

我建议你learn basic theme development with WordPress first, 然后熟悉CSS框架、Gutenberg等,否则看起来too much information.

SO网友:WebElaine

如果你愿意学习新兴的非生产性技术,你可能还想研究古腾堡。据报道,WP的新内置编辑器将于今年推出,其本身基本上就是一个页面生成器。您可以从WP repo中获取插件并开始试验。您还需要一个主题来使用它-正如Fayaz所建议的那样,下划线非常轻量级,可以让您构建一些东西,或者您可以从头开始构建自己的主题,部分基于Core的Gutenberg样式。

此时,我将远离框架。他们增加了你想要逃避的同样的开销。CSS网格已经在大多数浏览器中得到了很好的支持,并且很容易为那些没有支持的浏览器添加flexbox或float回退。网格让您只需几行CSS就可以完成许多与Bootstrap或Foundation的行和列相同的事情,这需要数百行样式。

结束