在WordPress管理中更改<p>标记的CSS

时间:2019-04-09 作者:Hejhejhej123

我正在通过一个名为“Admin CSS”的插件用CSS编辑Wordpress后端。我几乎可以编辑任何内容,但不能编辑<p> 标签现在<p> 标签太大(请注意<p> 当点击enter键(这会创建&nbsp; 在WordPress代码中,但<p> 与检查员检查时)。

当我用chrome中的inspector检查代码时,我对<p> 标签不在那里。它仅显示来自用户代理的样式。

如何更改<p> 风格有我可以更改的src代码吗?

以下是我尝试过的所有样式(我也使用!important 并试图改变auto0unset 没有任何运气):

p {
    margin: auto;
}

body#tinymce p {
    margin: auto;
}

#tinymce p {
    margin: auto;
}
有什么想法吗?

1 个回复
最合适的回答,由SO网友:Antti Koskinen 整理而成

如果您试图更改所见即所得编辑器的样式(我假设您是基于代码示例),则需要使用add_editor_style() 作用

根据代码参考中的示例。

Step 1

将以下内容添加到函数中。主题的php文件。

/**
 * Registers an editor stylesheet for the theme.
 */
function wpdocs_theme_add_editor_styles() {
    add_editor_style( \'custom-editor-style.css\' );
}
add_action( \'admin_init\', \'wpdocs_theme_add_editor_styles\' );
NB 样式表相对于主题根。

Step 2

接下来,创建一个名为“自定义编辑器样式”的文件。主题根目录中的css。添加到该文件的任何CSS规则都将反映在TinyMCE可视化编辑器中。文件的内容可能如下所示:

#tinymce p {
    margin: auto;
}
其他p 可以尝试将一些内联样式放置到admin_head. 就像这样,

// Add inline CSS in the admin head with the style tag
// put this in to your theme\'s functions.php
function my_custom_admin_head() {
    echo \'<style>p {margin: auto;}</style>\';
}
add_action( \'admin_head\', \'my_custom_admin_head\' );
NB 还要确保css选择器正确。我没有检查这些示例。

相关推荐