WordPress에서 작동하지 않는 태그

^{WordPress에서 작동하지 않는 태그}

WordPress 사이트에서 더 작은 상표 및 등록/저작권 기호를 사용하려고 하지만 CSS를 위한 표준 방법 중 일부를 수행하는 것이 작동하지 않았습니다. 아래에 있는 것을 사용하면 누군가가 확장할 수 있는 방법에 대해 아이디어를 가지고 있을 수 있습니다.

전통적인/일반적인 방식이라면 이렇게 했을 것입니다.

Awesomesauce <sup>&reg;</sup>…처럼 보일 것입니다Awesomesauce®(R은 다른 텍스트보다 작음).

제가 사용하는 테마에서는 태그를 사용하지 않았습니다.

그 다음에 시도했습니다.<span style="font-size:6px;">뭔가 다른 효과가 있는지 확인해 보세요운이 없습니다.

그래서 저는 자바스크립트 측면에서 접근했습니다.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 섹션의 모양:

는 것은 아주 정상적인 일입니다.WP themes기본 브라우저 스타일을 덮어씁니다.
custom.css 파일에 추가해 보십시오.

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

사용자 지정 스타일 또는 하위 테마를 사용하지 않는 경우
그런 다음 테마 스타일 CSS 파일 맨 아래에 해당 코드를 추가합니다.

저는 워드프레스가 "sup" 요소를 인식하지 못하는 것이 당신의 문제라고 생각하지 않습니다.저는 몇몇 워드프레스 사이트를 지원하며, 사용할 때마다 "sup"은 잘 작동합니다.당신의 경우, 당신이 javascript(특히 당신의 워드프레스 사이트 내에서 jQuery)를 사용하려고 하는 것으로 보입니다.WordPress는 페이지 내에서 자바스크립트를 안정적으로 처리하지 않습니다.제가 읽은 문서에는 워드프레스 페이지에서 당신의 자바스크립트를 사용하는 것은 지원되지 않는다고 나와 있습니다.그러나 저는 워드프레스 사이트 내의 일부 페이지에서 자바스크립트를 사용하는 데는 성공했지만 전체적으로 결과가 다소 일관되지 않았습니다.다음과 같이 WordPress WYSIWYG 편집기 내에서 텍스트를 직접 포맷하는 것이 좋습니다.

어썸소스<sup>&reg;/sup>

언급URL : https://stackoverflow.com/questions/39882134/sup-tag-not-working-in-wordpress