将自定义样式应用于WordPress中的单个单词

时间：2017-09-27 作者：JohnG

我正在为客户建立WordPress网站。他们需要能够通过所见即所得编辑器（WYSIWYG editor）隐藏单个单词，点击后就会显示出来。

我在函数中设置了新的自定义样式格式。php，在突出显示的单词周围应用span类。

但是，当您在WYSIWYG编辑器中高亮显示一个单词并应用该格式时，跨度会环绕最近块中的整个html：例如，整个段落或列表项。

如何获得应用于单个单词的样式格式（如斜体或粗体按钮）？

1 个回复
SO网友:JohnG

解决了它。。。

在我的功能中。php我应该说：

    array(  
        \'title\' => \'Hidden Element\',  
        \'inline\' => \'span\',  
        \'classes\' => \'hiddenElement\',
        \'wrapper\' => false,
    ),
不是

    array(  
        \'title\' => \'Hidden Element\',  
        \'block\' => \'span\',  
        \'classes\' => \'hiddenElement\',
        \'wrapper\' => false,
    ),
如下所示：http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/

结束
标签： tinymce   wysiwyg   css   小码农  

相关推荐

WordPress子主题无法覆盖父主题CSS

我已经安装了Faxhion 客户的主题successfully 创建了子主题。然而，不知何故，我无法覆盖父主题css。类似的问题，如this one &；this one 有人问我，我已经按照这两方面的说明进行了操作，我已经成功地看到我的孩子主题css正在应用，如下图所示。如果查看开发工具的右下角，可以看到body{background: blue;} 以儿童主题的样式。css。The issue 你能看到吗main.css 正在取消子主题的样式。css。我不知道如何解决这个问题，因为我是WP-De