블로그관련

티스토리 포스팅에 쓰이는 주제어 꾸미기... [티스토리 서식만들기, 색상코드표참조]

남아론 2021. 12. 2. 06:00
728x90
반응형

티스토리 포스팅에 쓰이는 주제어 꾸미기... [티스토리 서식 만들기, 색상 코드표 참조]


티스토리 주제어꾸미는 방법 커버

 

여러분 안녕하세요...

티스토리 블로그를 개설하고 포스팅하면서 아쉬웠던 건, 글을 읽을 때 가독성을 높이기 위해서 단락단락을 끊고 중요한 핵심 주제어를 넣고 싶은데 방법을 모르겠다는 것이었어요.

 

아무리 에디터를 뒤져봐도, 구분선, 인용을 활용할 뿐이지, 눈에 확 띄는 주제어를 강조하고 꾸며줄 수 있는 방법이 없을까 늘 고민스러웠습니다. 그러다가 다른 티스토리 블로그를 방문하면서 보게 된 서식이 제 눈에 보였습니다.

 

바로 요 녀석이었어요. 많이들 보셨을 줄 압니다...

 

주제어 꾸미기

 

도대체 이런 서식을 보이게 하려면 뭘 어떻게 해야 하는 걸까?

 

지금 제가 티스토리 블로그를 개설하고 활동한 지 24일째거든요. 좌충우돌 이리 부딪히고 저리 부딪히면서 성장하는 중이라, 샅샅이 자료를 찾고 정보를 찾아다니며 드디어 이런 주제어 서식, 단락과 단락을 나누는 주제어를 꾸밀 수 있는 방법을 찾게 되었습니다.

얼마나 기뻤는지 모릅니다.ㅋㅋ

 

이젠 제 블로그 포스팅에서 한 단계 업그레이드될 수 있겠구나 생각이 듭니다.

 

이제 바로 본론으로 넘어가도록 하겠습니다.

 

 

티스토리 블로그 포스팅에 쓰이는 유용한 주제어 꾸미기

 

 

확실히 이 서식 툴을 사용하게 되면 단락과 단락을 구분 짓는데 유용하며, 구독자 분들이 포스팅 글을 읽는 데 있어서도 시안성과 가독성이 향상될 수 있다고 여겨집니다. 결론부터 말씀드리면 주제어 꾸미기 서식은 바로 HTML 소스를 활용해서 만든다는 것만 먼저 기억해 주세요.

 

잘 따라와 주실 줄 알고 설명을 차근차근해 보도록 할게요^^

 

티스토리 블로그 관리 홈 화면에 들어가시면 아래 화면처럼 [서식관리]를 찾으실 수 있습니다. 이 부분을 클릭해 줍니다.

 

블로그관리 홈

 

그럼 아래와 같은 화면이 나타날 겁니다. 여기에서 [서식 쓰기]를 클릭해 줍니다.

 

서식관리

 

그럼 바로 서식을 작성할 수 있는 화면이 나타납니다. 번호 순서대로 서식의 제목을 입력해주시고 (저는 참고로 주제어라고 적었습니다) 기본 모드> HTML을 차례로 눌러줍니다.

 

서식작성화면

 

아래 화면의 텍스트 파일을 다운로드하여서, 그 안의 HTML 코드를 전체 복사합니다.

 

티스토리주제어 꾸미기.txt
0.00MB

 

아래 화면처럼 HTML 모드에서 복사한 코드를 붙여 넣기 해줍니다.

 

HTML모드

 

다시 역순으로, 아래 화면 화살표대로 [기본 모드]로 돌아갑니다...

 

주제어 정상확인

 

아래와 같은 서식이 정상적으로 나타나는 것을 확인한 후 [완료] 버튼을 누르고 나갑니다.

 

주제어 서식 저장

 

이제 포스팅에 저장된 서식을 활용하기 위해서 [글쓰기] 모드로 들어가서 아래 화면처럼 번호 순서대로 눌러서 서식을 불러옵니다.

 

서식 불러오기

 

방금 전 만들었던 서식이 보이면 클릭해 줍니다.

 

주제어 서식 불러오기

 

그럼 글쓰기 화면에서 불러온 [주제어] 관련 서식을 활용해서 포스팅을 작성할 수 있게 됩니다.

'주제어'라고 적혀있는 부분을 지운 후 원하는 주제어를 입력하시면 됩니다.

 

주제어 포스팅에 활용하기

 

만약 기본적으로 제공되는 서식의 색상이 마음에 안 든다면 다시 HTML 모드로 들어가서 색상 부분을 수정해 주시면 됩니다.

 

HTML 색상변경하기

 

위 화면이 잘 안 보이실 수 있는데요... 색상 번호가 적혀 있는 부분을 다시 한번 적어보도록 하겠습니다.

 

1번 border-bottom: #8080ff

2번 border-left: #8080ff

 

1번이 바닥 경계 부분의 색상, 2번은 왼쪽 바의 색상을 가리킵니다.

 

만약 색상을 변경하고 싶다면 #8080ff 이 부분을 바꾸시면 됩니다.

 

색상 코드는 아래 색상 코드를 참조하시면 되겠습니다.

 

 

Color Hex Color Codes

Color Hex Color Codes Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Color-hex.com also generates a simple css code for the selecte

www.color-hex.com

HTML 색상코드표

 

이와 같이 주제어 서식 틀을 만들어 놓으면 언제든지 포스팅할 때 유용하게 불러와서 활용하실 수 있기 때문에, 반드시 일정 서식을 만들어서 활용해 보시기를 추천드립니다. 저 역시 이 부분에 대한 갈증이 있었기 때문에 앞으로 이 서식을 활용해서 한 단계 업그레이드된 포스팅을 작성할 수 있지 않을까 기대해 봅니다.

 

자신의 입장에서는 포스팅의 만족도가 높아지는 것과 동시에, 다른 구독자들이 포스팅을 읽는 데 있어서 피로감을 느끼지 않고, 글의 가독성이 향상되면 아무래도 방문자의 블로그 체류 가능성과 시간이 높아질 것은 자명합니다. 

 

오늘은 서식을 활용한 주제어 꾸미기를 함께 나누어 보았습니다.

 

다음 시간에 더 유익한 포스팅으로 찾아뵙겠습니다. 읽어주셔서 감사드립니다.^^

 

 

반응형