wordpress发布文章内容时候,也不知道是什么原因,经常会出现下列这段代码 WEBkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;”> 这个应该怎样处理呢
你提到的这段代码是 CSS 样式代码,它通常出现在 WordPress 编辑器(如 Gutenberg 或 Classic Editor)中,用于控制文本的样式。这种样式可能会因为以下几种原因被插入到文章中:
编辑器自动生成的样式:Gutenberg 编辑器有时会在内容中自动插入默认样式,尤其是当你使用某些块(如段落、标题)并进行格式调整时。
复制粘贴内容:如果你从网页或其他来源复制文本并粘贴到 WordPress 编辑器中,可能会带入额外的 CSS 样式。
主题或插件冲突:某些主题或插件可能会在编辑器中注入额外的样式代码。
如何处理这个问题
方法 1:手动删除多余样式
在 WordPress 编辑器中,切换到“文本”模式(而不是可视化模式)。
找到并删除这些多余的 CSS 样式代码。例如:style=”WEBkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;”
保存并发布文章。
方法 2:使用“清理粘贴内容”功能
如果你是从其他地方复制内容,建议使用 WordPress 编辑器中的“清理粘贴内容”功能(在 Gutenberg 中是“粘贴为纯文本”按钮)。
这样可以避免带入不必要的格式和样式。
方法 3:禁用编辑器自动插入样式
使用插件:安装并激活一个插件,如 “Disable Gutenberg” 或 “Classic Editor”,使用经典编辑器来避免 Gutenberg 的自动样式插入。
使用代码禁用样式:如果你熟悉代码,可以在主题的 functions.php 文件中添加以下代码来禁用 Gutenberg 编辑器的默认样式:function disable_gutenberg_styles() {
wp_dequeue_style(‘wp-block-library’);
wp_dequeue_style(‘wp-block-library-theme’);
}
add_action(‘wp_enqueue_scripts’, ‘disable_gutenberg_styles’, 100);
方法 4:检查主题和插件
切换主题:临时切换到默认主题(如 Twenty Twenty-Four)以确认问题是否由当前主题引起。
禁用插件:逐个禁用插件以检查是否有插件在注入这些样式。
方法 5:使用 CSS 覆盖样式
如果你无法完全删除这些样式,可以在主题的 style.css 文件中添加自定义 CSS 来覆盖这些样式:.entry-content p {
-webkit-text-stroke-width: 0px !important;
white-space: normal !important;
background-color: #ffffff !important;
text-decoration-thickness: initial !important;
text-decoration-style: initial !important;
text-decoration-color: initial !important;
}
总结
手动删除是最直接的方法,但可能需要频繁操作。
使用插件或切换编辑器可以从根本上减少自动插入样式的问题。
CSS 覆盖是一种有效的“补救”方法,但需要一定的 CSS 知识。
如果你能提供更多信息(如使用的主题、插件或编辑器类型),我可以给出更具体的建议。