Html块Gutenberg模板

时间：2020-01-31 作者：bckelley

如果可能的话，我怎么能在我的主题中做这样的事情呢？我不希望h3可以编辑，但内容可以编辑。

    array( \'core/html\', array( 
            \'before\'    =>  \'<h3 style="font-size:1.34em;">\',
            \'content\'   =>  \'\',
            \'after\'     =>  \'</h3>\'
    ) ),

1 个回复

SO网友:Tom J Nowell

不可能按您建议的方式添加它，并且添加内联style 属性是不好的做法。

然而，您可以通过添加CSS类来实现所需的功能，例如：。

    array( \'core/heading\', array( 
            \'level\'       =>  3,
            \'className\'   =>  \'biggerh3\',
            \'placeholder\' =>  \'Bigger Heading Placeholder\'
    ) ),

然后此CSS：

.biggerh3 { font-size: 1.34em; }

或者添加一个自然更大的自定义块。

其他解决方案包括：

CSS选择器！您可以使用规则来针对第一个h3, e、 g。

h3:first-of-type {
  font-size: 1.34em;
}

或第三个h3：

h3:nth-child(3) {
  font-size: 1.34em;
}

最常用的古腾堡方法是使用块样式，这甚至可以让您在其他块上重复使用此样式，或者在以后的某个日期改变您的想法，即如何设置样式，而无需返回并更改所有帖子

标签： theme-development block-editor 小码农

小码农CODE

Html块Gutenberg模板

相关推荐