[티스토리] 티스토리 인용구 중 '따옴표' 닫는 방법

 

티스토리 인용구 중 '따옴표' 닫는 방법

티스토리는 글 작성 시 기본적으로 인용구 기능을 제공하고 있습니다. 상단 작업 에디터 메뉴에서 따옴표 버튼을 클릭하면 몇 가지 서식이 나오죠. 그중  '큰 따옴표'가 있는데 클릭하면 본문에 삽입됩니다. 

 

하지만!! 아래와 같이 열리는 것만 표기되고 닫는 것은 표기가 되지 않아 많이 당황스러우셨을 겁니다. 저 또한 네이버 블로그와 달리 티스토리에서는 닫는 따옴표가 나타나지 않아 여러 방법을 시도했었습니다. 검색을 해보니 CSS 수정이 필요하더군요. 저처럼 헤매고 있는 분들을 위해 수정하는 방법을 공유해보겠습니다.

인용구 예시

 

---

 

수정하는 방법

따옴표를 닫기 위해서는 아래 코드를 복사하여 "스킨편집 → CSS 편집"에서 붙여 넣어주면 됩니다. 이미지 파일이라 색상을 선택할 수는 없습니다. 그럼 아래와 같은 순서로 모두들 해보시기 바랍니다.

 

1. 티스토리 블로그 '관리' 창에서 '스킨편집'을 눌러줍니다.

 

2. 스킨편집 창에서 'html 편집'을 눌러줍니다.

스킨편집

 

3. HTML 편집 창이 뜰 텐데, CSS 버튼을 클릭해줍니다.

HTML 편집

 

 

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

 

※ 참고로 글 작성 중에는 닫는 따옴표가 보이지 않습니다. 적용된 모습을 확인하기 위해서는 글 작성 시 미리보기를 클릭하거나 글 작성 완료 후 발행된 글을 확인하면 표시가 됩니다.

 

이제 모든 설정을 마쳤습니다. 글 작성 후 따옴표 인용 선택 시 인용문 끝에 따옴표가 나오는지 확인합니다.

따옴표 닫는 방법

 

감사합니다.