如何在WordPress主题开发中创建一个健壮且逻辑合理的类命名系统?

时间:2021-09-16 作者:PhpDoe

我想要实现的是使用最好的WordPress CSS标准开发一个主题。如何创建a robust and logic class naming system 基于二十年代已经使用的主题?看起来类名正在从一个主题更改为另一个主题。

我已经找到了这两种资源:

  1. CSS Coding Standards : 如何正确编写CSS并遵循WordPress规则
  2. CSS Native Classes : 基本上,WordPress中已经使用的类名列表
我现在需要的是一个添加新类名的系统。是否存在一种CSS命名库?或者一个教程,展示如何以每个主题WordPress开发人员都能立即理解的方式正确命名我的新类?

我读得越多,对全球逻辑的理解就越少。

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

我读得越多,对全球逻辑的理解就越少。

That\'s because there is no global logic. 您试图理解的系统根本不存在。

CSS类只是CSS类,命名方案本身并不赋予特殊功能,WordPress使用的大多数HTML类都是出于历史原因或很久以前由贡献者选择的。我认为你对CSS类名的理解比你应该读的要多。

有些HTML类用于内容以表示对齐,有些块的类可以与样式相匹配,body和post类也是如此,但是否使用它们取决于作为前端开发人员的您。没有需要遵循的结构化系统。

您可能会在默认主题中找到其中一个主题的提示,但这是特定于这些单独主题的。这通常是因为写它们的人喜欢一种特定的风格,而不是因为WordPress提供或需要一种。

最接近系统命名系统的有两个地方:

core最近添加的CSS变量名Gutenberg block editor组件在这些情况下,只有当您打算修改core本身或覆盖其中一个变量时,了解所使用的模式才有用。Gutenberg在内部使用BEM风格的类命名方案,但您没有义务遵循它,core的其余部分也没有义务遵循它。

在前端,设置WP提供的类的样式,否则使用您喜欢的任何类命名系统。

如果您是因为编写了一个公开前端项目的插件而提出这个问题,那么这无关紧要。无论你选择什么,都要在内部保持一致,但要记住这是你的选择。

相关推荐

WordPress-HTTPS:css和js文件不工作(加载到http而不是HTTPS)

我已将我的网站移动到另一台服务器并更改了域名,然后安装了SSL证书,当我在wp options和wp config中将我的网站从http更改为https,并在中设置重定向到https时。htaccess只有在使用http://mywebsite.com当我将http更改为https://mywebsite.com 通过chrome选项卡,JS和CSS文件只加载http,网站看起来不像必须加载的那样