Tag funktioniert nicht in WordPress

Ich versuche, Trademark & ​​Registered/Copyright-Symbole kleiner in einer WordPress-Site zu verwenden, aber einige der Standardmethoden für CSS funktionierten nicht, und mit dem, was ich unten habe, hat vielleicht jemand eine Idee, wie ich es erweitern könnte.

Auf traditionelle/normale Weise hätte ich das gemacht:

Awesomesauce <sup>&reg;</sup> würde aussehen wie Awesomesauce® (das R ist kleiner als anderer Text).

In dem Thema, das ich verwende, war dies mit diesem Tag nicht der Fall

Ich habe es dann versucht <span style="font-size:6px;"> schau mal ob es anders geht. Kein Glück.

Also habe ich es dann von einer JavaScript-Seite aus angegangen. Ich begann mit meinem H1-Tag

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

Da das funktioniert, wie würde ich die gleiche Arbeit für Textkörper machen, weil ich es mit dem folgenden Code nicht zum Laufen bringen kann

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

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

So sieht der HTML-Abschnitt aus:

Das ist ganz normal WP themes Standard-Browser-Stil überschreiben.
Versuchen Sie, dies zu Ihrer hinzuzufügen Benutzerdefinierte CSS Datei:

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

Wenn Sie keinen benutzerdefinierten Stil oder untergeordnetes Design verwenden ^{(Warum ein Child-Theme verwenden?)}

Fügen Sie dann diesen Code ganz unten in Ihrer hinzu Theme-Stil CSS-Datei.

Ich glaube nicht, dass Ihr Problem darin besteht, dass WordPress das “sup” -Element nicht erkennt. Ich unterstütze ein paar WordPress-Sites und “sup” funktioniert immer gut, wenn ich es verwende. In Ihrem Fall scheinen Sie zu versuchen, Javascript (insbesondere jQuery) auf Ihrer WordPress-Site zu verwenden. WordPress verarbeitet Javascript nicht zuverlässig, wenn es auf einer Seite gefunden wird. Die Dokumentation, die ich gelesen habe, besagt, dass die Verwendung Ihres eigenen Javascripts nicht unterstützt wird auf WordPress-Seiten. Es ist mir jedoch gelungen, Javascript auf einigen Seiten meiner WordPress-Site zu verwenden, jedoch mit insgesamt eher uneinheitlichen Ergebnissen. Ich empfehle, dass Sie Ihren Text direkt im WordPress-WYSIWYG-Editor wie folgt formatieren:

FANTASTISCHE SACHE^®