<sup> 标签在 WordPress 中不起作用

Question

我正在尝试在 WordPress 网站中使用更小的商标和 Registered/Copyright 符号，但是为 CSS 执行一些标准方法无效，并且使用我下面的内容也许有人已经关于如何扩展的想法。

Traditional/Normal 我会这样做的方式：

Awesomesauce <sup>®</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

我认为您的问题不是 WordPress 无法识别 "sup" 元素。我支持一些 WordPress 网站，并且 "sup" 在我使用它时工作得很好。在您的情况下，您似乎正在尝试使用 javascript（jQuery，特别是在您的 WordPress 站点中。当在页面中找到时，WordPress 不会可靠地处理 javascript。我的文档已阅读声明不支持在 WordPress 页面上使用您自己的 javascript。但是，我在我的 WordPress 网站的某些页面中成功使用了 Javascript，但总体结果相当不一致。我建议您直接在 WordPress 所见即所得编辑器中格式化您的文本，如下所示：

很棒的酱汁^®

Answer 2

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

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

如果您不使用自定义样式或子主题 ^{(Why use a Child Theme)}
然后，将该代码添加到 主题样式 css 文件 .

的最底部

<sup> 标签在 WordPress 中不起作用

<sup> tag not working in WordPress

html

javascript

css

wordpress

superscript