티스토리 서식 색상 바꾸는 방법 / 서식 공유 및 만드는 방법

티스토리 오래 하신 분이시라면 꼭 활용하셨으면 좋겠는 게 있는데요

바로 서식을 사용하는 것입니다

서식을 이용하시면 조금 더 빠르고 깔끔한 블로그 글쓰기를 하실 수 있는데요

오늘은 서식의 색깔을 바꾸는 방법에 대해서 알아보겠습니다

이것만 알면 서식 뿐만 아니라 HTML에서 사용하는 다양한 색깔을 바꾸실 수 있습니다

티스토리 서식 만드는 방법 - 서식공유 - 글쓰는 속도를 단축시켜보자

안녕하세요 티스토리 블로그를 하시는 분들은 매번 글을 쓰시다 보면 자기만의 패턴이나 스타일이 있으실 거예요 매일 반복되는 문구들이 있고 아니면 자주 쓰는 스타일이나 타이틀 같은 것들

coconuts.tistory.com

먼저 만든 서식을 불러와 주세요

저는 타이틀이라는 서식을 먼저 불러왔습니다

파란색 계열의 "바" 로 감싸고 있는 타이틀이 보이실 거예요

우측 상단에 "기본 모드"를 누르시면 이렇게 "HTML" 코드로 보실 수가 있어요

여기서

BORDER-BOTTPM : #698be2

이 부분이 서식의 색깔을 맡고 있는 부분입니다

여기서 "688be2" 이 부분을 바꾸면 색깔을 바꿀 수 있습니다

이것을 색깔 코드라고 하는데요

HTML 코딩을 위해서는 색상 색깔을 아시는 게 필요합니다

하지만 숙달된 사람이 아니라면 이런 코드를 외우고 있는 것은 힘들어요

RBG 값으로 69 8b e2 이렇게 바뀌는 건데요

컬러 값을 알 수 있는 사이트를 하나 추천해 드릴게요

HTML 컬러 코드

HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입

html-color-codes.info

HTML 컬러 코드 사이트인데 여기서 원하는 색상의 값을 가져가시면 됩니다

저는 초록색으로 바꿔볼게요

#088A4B 가 초록의 색깔 값이네요

아까 색상 값을 바꿔 주세요

그리고 다시 기본 모드로 돌아와 보시면 색깔이 바뀐 것을 볼 수 있습니다

내가 적용한 서식이 많다! 하시는 분들은

아래에 일괄적으로 변경하는 방법을 참조해 주세요

notepad++ 매크로기능, 자동화 , 코드 자동 삭제

notepad++ 을 메모장 대신 사용하시는 분들이 많으신 데요 기본 앱인 메모장 보다 notepad++ 가 플러그인으로도 기능을 추가할 수도 있지만 기본적으로 제공하는 기능들이 많습니다 그 중에 오늘은

coconuts.tistory.com

블로그 하시는 많은 분들이 세상 사람들에게 유익한 정보를 빠르고 쉽게 제공해 주었으면 좋겠습니다

감사합니다 ☺️

Pilo