본문 바로가기
티스토리 운영

티스토리 따옴표 닫기 만들기

by *&*^%$ 2023. 6. 23.
반응형

티스토리 따옴표 닫기 만들기는 티스토리 블로그를 쓰면서 누구나 한 번씩 쓰게 되는 코드입니다.

티스토리의 기능이 초창기보다 상당히 발전하였지만 아직까지 미진한 부분이 더러 있죠.

블로그를 쓰다 보면 인용구를 쓰는 경우가 상당히 많이 있습니다.

그중 하나가 따옴표인데 아쉽게도 티스토리는 열린 따옴표는 있지만 닫힘 따옴표가 없습니다.

이럴 땐 코드를 만들어 넣어야 하는데 오늘은 따옴표 닫기 방법을 알려드리겠습니다.

 

목차

     

    티스토리 따옴표 닫기 만들기

     

     

    따옴표 닫기가 없는 티스토리

    티스토리에는 따옴표 닫기가 없습니다.

    그래서 따옴표를 인용하여 글을 쓰다 보면 본의 아니게 이빨 빠진듯한 글을 쓰게 되지요.

    아래는 실제로 티스토리 따옴표를 쓰는 경우 발행됐을 때의 모습입니다. 

    이대로 써도 무방하지만 어딘지 모를 아쉬움이 남습니다.

     

     

    반응형

     

    티스토리에 따옴표 닫기 코드 

    따옴표가 있다면 왠지 모를 아쉬움을 막을 수 있겠지요.

    따옴표 닫기 코드 넣기는 아래의 코드를 CSS하단에 넣어주기만 하면 됩니다.

     

    #tt-body-page blockquote[data-ke-style='style1']::after {

    content: '';

    display: block;

    background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0; 

    padding-top: 34px;

    transform: rotate(180deg);

    }

     

    아래와 같이 CSS 맨 하단에 위의 코드를 넣어주고 적용버튼을 눌러주면 간단히 따옴표 인용구를 사용할 수 있습니다.

     

     

    가장 빠른 성공의 지름길은 꾸준함이다.

     

    위와 같이 따옴표 닫힘 코드를 확인할 수 있습니다.


    따옴표 닫기 인용구가 없어도 의미전달에는 큰 차이는 없겠지만 따옴표 인용구가 없는 것보단 있는 것이 보기도 좋고 가독성도 좋아집니다.

     

    코드만으로 따옴표 인용구 실현이 가능하니 티스토리 운영에 도움이 되기 바랍니다.

     

    반응형