<sup>标记在WordPress中无效

Question

我正在尝试使用商标＆amp;在WordPress网站中注册/版权符号较小，但是做一些CSS的标准方法不起作用，并且使用我下面的内容可能有人知道如何扩展。

传统/普通方式我会这样做：

Awesomesauce <sup>&reg;</sup>看起来像Awesomesauce®（R小于其他文字）。

在我正在使用的主题中，它并没有使用该标记

然后我尝试<span style="font-size:6px;">看看它是否会做任何不同的事情。没有运气。

所以，然后我从JavaScript方面接近它。 我从H1标签开始

jQuery(function($){
  var $el = $(".section_header .post_title"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

由于这有效，我如何为正文提供相同的工作，因为我无法使用以下代码使其工作

jQuery(function($){
  var $el = $(".wpb_text_column .wpb_wrapper p"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

jQuery(function($){
  var $el = $(".section_header .post_title"); 
  var t = $el.text(); 
  t = t.replace('®','<sup>®</sup>');
  $el.html(t);
});

HTML部分的外观如下：

Answer 1

WP themes覆盖默认浏览器样式是很正常的 尝试将其添加到 custom.css 文件中：

sup {
    vertical-align: super;
    font-size: smaller;
}

如果您不使用自定义样式或子主题 ^{（Why use a Child Theme）}
然后，在主题样式css文件的最底部添加该代码。

Answer 2

我不认为你的问题是WordPress没有认识到“sup”元素。我支持几个WordPress网站，“sup”只要我使用它就可以正常工作。在你的情况下，似乎你正在尝试使用javascript（特别是在你的WordPress网站中使用jQuery。当在页面中找到时，WordPress不能可靠地处理javascript。我读过的文档指出它不支持使用你自己的javascript在WordPress页面上。但是，我已成功在我的WordPress网站的某些页面中使用Javascript，但整体结果相当不一致。我建议您直接在WordPress WYSIWYG编辑器中格式化文本，如下所示：

AWESOMESAUCE＆LT;坐席＆GT;＆安培; REG;＆LT; / SUP＆GT;