티스토리 본문 글자 색 변경하는 팁

현재 티스토리 에디터로는 선택할 수 있는 글자색에 한계가 있을 뿐더러

여러 문장을 수정해야할 경우 불편함이 이만저만이 아닌데요

나름대로의 팁을 공유해보고자 합니다.

 

1. 원하는 글자 색 넣는 법 Color Picker

 

 

구글에 color picker라고 검색하면 위와 같은 화면이 나옵니다.

여기서 원하는 색을 고른 후 HEX라는 글자 아래에 6자리 숫자를 # 기호까지 포함해서 복사합니다.

 

이제 티스토리 에디터로 돌아와서 글자색을 적용해줍니다.

잘 보면 글자색 팔레트 하단에 코드를 직접 입력하는 창이 있습니다.

그곳에 복사해온 컬러 코드를 입력합니다.

 

 

이렇게 적용 됐죠?

 

 

2. HTML 코드에서 컬러 색 수정하기

 

수정할 게 적은 경우엔 1번 방법으로도 충분하지만

반복작업을 해야하는 경우엔 이 방법을 추천합니다.

 

 

 

 

에디터에서 모드 전환이 된다는 걸 알고 계시나요?

HTML로 전환해주면

 

이렇게 코드가 적힌 화면이 나타납니다.

중요한 건 style="color: #a77aff;" 이 부분입니다.

HTML 태그에 옵션을 주는 거라고 생각하면 되는데

style은 내가 원하는 스타일을 적용하겠단 의미이고,

color:#a77aff;는 해당 색으로 글자 색을 변경하겠단 뜻입니다.

 

일일이 이해할 필요는 없고 저게 그냥 글자색을 바꾸는 거구나 하면 됩니다.

저 형식을 지켜서 적절히 수정하시면 됩니다. 

 

글씨체나 다른 기능을 적용한 경우 style에 이미 다른 속성이 존재할 수 있는데 (font-family 같은..)

그럴때는 따옴표"" 안에 들어가게 옆자리에 color를 적어주면됩니다.

 

이렇게 변경이 되죠?11

이렇게 변경이 되죠?22

 

여러줄에 색을 적용할때는 저 style부분만 복사해서 붙여넣기 해주면 편집이 훨 수월해집니다.

언젠가 티스토리에서도 글자색 단축키를 지원해줬으면 하는 바람입니다.