WordPress如何在编辑器中添加标题样式答案

【问题标题】：WordPress how do I add caption styles in the editorWordPress如何在编辑器中添加标题样式
【发布时间】：2016-11-02 19:58:31
【问题描述】：

在当前版本的 WordPress (4.6.1) 中，使用代码检查器显示图像标题的内联样式为：

<dd class="wp-caption-dd">Photo Caption Text</dd>

但是，在 editor-style.css 中使用“.wp-caption-dd”没有任何影响 - 即使使用 !important。如何影响编辑器中的类以在编辑器中创建与实时相同的外观？

请注意：我只是在谈论编辑器“.wp-caption-text”是字幕实时编码的正确类。

查尔斯

【问题讨论】：

当您查看代码检查器时，您应该看到当前样式写入哪个文件。它很可能有一个重要的！已经。如果是这样，您可以在原始文件中进行编辑，或者通过添加父级来使您的新 css 更加具体。例如：“body .wp-caption-dd”将比“.wp-caption-dd”更具体。

标签： css wordpress editor

【解决方案1】：

使用 Chrome 和 Inspector，我看到了 .wp-caption-dd，只需将其放入您的样式中即可。

它可能应该更具限制性（特别是在 dd 内），但这应该可以帮助您入门。

/* photo caption inside the Visual Editor */
.wp-caption-dd
{
    font-size: 70%;
    text-align: right;
    font-family: Trebuchet,"Trebuchet MS",Helvetica,Geneva,Helv;
}

【讨论】：