[ 티스토리 ] 블로그 꾸미기 - 인용구(blackquote) css로 변경하기

 

티스토리로 블로그를 작성하는 와중에 인용구 색을 변경하고 싶어서 찾고 그 방법을 공유하려고 한다. 

인용구s

위 사진에서 동그라미 친 아이들이 인용구이다. 인용구들중에 작대기의 색을 바꾸고 싶었다. 두가지 방법이 있다.

하나, 글쓰기를 HTML 모드로 바꿔서 인용구인 "blockquote" 를 찾아서 직접 수정할 수 있다.

둘, 만약 사용중인 테마의 HTML 에 "blockquote"이 없다면 관리자 메뉴의 꾸미기 > 스킨편집 > html 편집 에서 수정할 수 있다. 

 

해당 글에서는 두번째 방법으로 나의 스킨의 css를 바꾸는 것에 초점을 두겠다.

 

Step 1. 관리자 메뉴 들어간다. 

블로그 주소 뒤에다가 '/manage' 를 치면 관리자 메뉴로 들어갈 수 있다. 예를 들어 내가 티스토리 블로그의 관리자 페이지로 들어가려면 https://joyful-ugentstudent-note.tistory.com/ 뒤에 '/manage'를 추가해  https://joyful-ugentstudent-note.tistory.com/manage 해당 페이지로 들어가면 된다.

 

Step 2. "꾸미기 > 스킨 편집" 탭을 클릭한다.

그러면 내 블로그와 오른쪽에 아래와 같이 스킨 편집 창이 열린다. 

 

Step 3. "html 편집" 을 클릭한다. 

 

Step 4. "CSS" 로 들어가 "blockquote" 부분 설정을 바꿔준다. 

 

css 에서  padding, margin border-left solid, color등을 수정 할 수 있다. 

• padding: 수직선 높이 & 수직선과 텍스트의 간격
• margin: 인용구의 시작위치 (수직선과 왼쪽 공백) 
• border-left: 수직선의 두께 solid: 색상  (solid 외에도 dotted, dashed 설정도 가능) 
• color: 글자 색 

 

나는 바 색을 파스텔 주황색, 수직선 높이를 줄이고 글자의 기울기를 바로했다.

 

 

... + 첫번째 방법으로는 다음과 같이 글쓰기 모드를 "HTML"로 변경후 인용구의 css 설정을 바꿀 수있다.

Step 2. 인용구의 설정을 바꿀수 있다. 

• solid, color, padding, margin, border-left