티스토리 따옴표(인용구) 닫기 기능 추가하는 방법 (쌍따옴표 만들기)

블로그 포스팅을 하다보면 티스토리에서 제공하는 인용 기능 중 따옴표를 쓸 일이 생깁니다.

 

티스토리 인용(따옴표) 사용

 

하지만 해당 기능을 사용해보면 여는 따옴표만 나타나고, 닫는 따옴표가 안나타나서 왜 반쪽만 있는거지?

닫는 따옴표를 어떻게 만들어야하지? 라는 의문이 생깁니다.

 

티스토리 인용(따옴표) 사용 시

 

 

본 포스팅은 CSS 코드 삽입을 통해 포스팅 시에 닫는 따옴표까지 나타나도록 스킨을 편집하는 방법을 소개해드립니다.

 

---

 

1. 티스토리 관리자에서 스킨 편집 항목 클릭

 

2. HTML 편집 클릭

 

3. CSS 탭 클릭

 

4. CSS 코드 추가

    - 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);
}

 

 

예시

 

---

실제 글을 작성하는 에디터에서는 닫는 따옴표가 표시되지 않지만 미리보기 또는 작성 완료 후 글을 확인해보면,

아래와 같이 닫는 따옴표가 추가된것을 확인할 수 있습니다.

 

* 이전에 작성했던 글에도 일괄적으로 적용이 됩니다.