티스토리 인용구 '따옴표' 닫기 추가 방법

티스토리 인용구 '따옴표' 닫기 추가 방법

티스토리 블로그를 시작하며 이것 저것 공부할 것도 참 많다. 모든 기능을 다 사용하긴 어렵지만 그중에서 가장 많이 활용하는 따옴표의 닫는 부분이 없어서 당황스러워 웹 서핑을 통해 적용해보고, 나와 같은 어려움이 있다면 이 포스팅을 통해 해결해보기 바란다.

인용구는 썼지만.. 닫기가 어딧는건지.. 어디까지가 인용구인지 알 수 없어 이 기능에 손이 가지 않는다.

그럼 아래와 같이 셋팅해보기 바란다.

 

티스토리 블로그 인용구 '따옴표' 기능

인용 문구를 쓰기 위해 상단의 인용 문구를 누르면 닫기 버튼이 없는 것을 확인하게 된다.

열기만 있어서 난 내계정에 문제가 있는지 알았다.

 

적용 방법

순서대로 적용하는 법을 따라해보자

1. '관리 > 꾸미기 > 스킨 편집'으로 이동하여 'html 편집'을 클릭한다.

 

2. 아래의 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);
}

 

3. html 편집 상태에서 CSS 클릭 후 복사한 태그를 붙여넣고 적용 버튼을 누른다.

 

적용 완료 

위의 방식이 잘 적용되었다면, 글쓰기 할때 버튼상에는 나오지 않지만, '미리보기'나 포스팅을 '발행'한 이후에는 정상적용된 모습을 볼 수 있다. 

(좌)글쓰기에선 저렇게 표현되지만, 미리보기나 발행 시 (우) 닫기가 적용된 모습을 볼 수 있다.

 

마치며

해당 기능 외에도 더 블로그를 잘 꾸미고 싶다면, 다양한 기능을 적용해보고 마음껏 써보길 바란다.

 

[스터디/블로그] - 티스토리 블로그 본문 각주 달기

티스토리 블로그 본문 각주 달기

[스터디/블로그] - 대표 이미지 본문에서 숨기는 법 (티스토리)

대표 이미지 본문에서 숨기는 법 (티스토리)