[티스토리 스킨 버그] 흰색 프로필 박스 해결 방법

안녕하세요 펭귄 교수입니다.

버그 발생

최근에 티스토리에서 스킨 설계에 있어 업데이트가 된 것으로 보입니다.

그 업데이트 중 하나로 보이는 것이 있었습니다.

그것은 글 하단 프로필과 댓글 사이에 흰색 배경의 프로필 박스가 생긴 것 입니다.

중간에 흰색 프로필 같은 게 생겨버렸다.

문제 분석

html 코드를 뜯어서 분석한 결과

티스토리 자체적인 치환자 중 댓글 치환자인 "s_rp"에서 자체적으로 생성중인 것으로 확인되었습니다.

그리고 검색해본 결과 공식적으로 이에 대해 공개된 것은 없는 것으로 보였습니다.

문제 해결

이를 강제적으로 제거하기 위한 방법으로 제이쿼리를 사용해 해당 블럭 display 요소를 none 시켜버리기로 했습니다.

방법은 다음과 같습니다.

1. html 편집기로 이동한다.

블로그 설정 페이지 좌측 사이드 바 중 꾸미기 > 스킨 편집에 들어갑니다.

그 후 열리는 페이지에서 우측 html 편집에 들어갑니다.

2. Head 블록 안에 아래 코드를 삽입한다.

    <!-- 아래는 JQuery 라이브러리 호출 코드 블럭 -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" 
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 
        crossorigin="anonymous"></script>
    
    <!-- 아래는 JQuery를 사용하여 해당하는 프로필 박스의 display 상태를 none으로 변경 -->
    <script>
    $(function() {
      const nameCard = $("div[data-tistory-react-app='Namecard']");
      nameCard.css({
        "display": "none",
      });
    });
    </script>

삽입할 위치는 다음과 같습니다.

그 후 우측 상단의 적용을 꼭 눌러주셔야합니다.

3. 확인

그러면 아까까지 있었던 흰색 박스가 사라진 것을 볼 수 있습니다.

감사합니다.