티스토리에서 따옴표 닫기를 만들어보자!

티스토리에서 글을 작성할 때 필요한 따옴표 만드는 방법에 대해서 설명하겠습니다. 내가 하고 싶은 말을 강조하거나, 다른 사람의 좋은 말을 인용할 때 따옴표를 활용하고 있습니다. 현재 티스토리에서는 따옴표가 하나밖에 생성되지 않아 완전체로 만들어 줄 필요성이 있습니다.

 

인용구 따옴표 만들기

 

목차
1. 따옴표 닫기 만들기

 

 

 

1. 따옴표 닫기 만들기

글을 작성 시 강조하고 싶은 내용이 있거나 좋은 말을 표현하고 싶을 때 인용구를 사용합니다. 인용구 중에서 따옴표를 활용을 합니다. 티스토리에서도 사용이 가능하지만 단점이 있습니다. 따옴표 닫기가 없다는 것입니다. 글이 마무리되지 않아 보인다는 느낌을 가지게 됩니다. 만드는 순서는 다음과 같습니다.

 

• 1. 관리 화면 → 스킨 편집 → html 편집 → CSS로 이동
• 2. 따옴표 닫기 Code를 CSS 가장 하단에 입력하기

 

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

 

입력 이후에는 html 편집 부분에서 "적용"을 블로그 부분에서는 "새로고침"을 실행합니다. 파일을 첨부해 드리겠습니다.

 

인용구(따옴표_CSS).txt

0.00MB

 

 

1-2. 따옴표 닫기 적용하기

CSS에 코드를 입력한 후에 실제 적용이 잘 되었는지 확인을 해야 합니다.

 

• 1. 글쓰기 → 인용 → 따옴표 선택 → 글 입력 
• 2. 적용여부 확인 : 미리 보기 

 

따옴표 닫기 적용 여부 확인

 

 

첨부된 그림처럼 따옴표 닫기가 잘 첨부된 것을 확인할 수 있습니다.

 

---

지금까지 따옴표 닫기 만들기에 대해서 알아보았습니다. 중요치 않다고 생각하시는 분들도 계실 수도 있습니다. 그렇지만, 따옴표 닫기 같은 작은 것도 고쳐나감으로써, 글을 읽는 사람들에게 조금 더 편안한 환경을 제공하는 것이라 생각합니다. 어렵지 않은 내용이니 한번 적용해 보시기를 바라겠습니다.

 

[SEO 최적화] 하나 이상의 H1 태그 중복, 문제없는가?!

[SEO 최적화] 하나 이상의 H1 태그 중복, 문제 없는가?!