AI와 디지털 지식 창고/IT 용어 쉽게 배우기

🎀 티스토리 예쁘게 꾸미기 – 완전 초보자를 위한 사용법 총정리

CurioCrateWitch 2025. 6. 17. 23:52
반응형

🎀 티스토리 예쁘게 꾸미기 – 완전 초보자를 위한 사용법 총정리

다른 분들 블로그를 다녀 보면 가독성 좋고 예쁘게 정리가 되어 있어서 참 부러웠습니다. 어디 학원에라도 가서 배우고 싶었어요. 😭  그래서 저도 글을 좀 더 보기 좋고 예쁘게 꾸미고 싶어서 오늘은 이것저것 눌러보고 검색도 하며 드디어 티스토리 꾸미기 기초 기능들을 익히게 되었답니다! 😄 저같은 티스토리 편집 찐초보자 분들을 위해 제가 이제 막 익힌 기능들을 공유해 드릴게요.  고수님들은 패쑤~~😆

🧶  티스토리 글쓰기로 들어가 보면 편집메뉴에 뭐가 많이 있지요?

T룰 누르고 보면,  본문2, 기본서체, B,  I, U,  T, 그 외에 텍스트로 설명하기 어려운 아래 사진과 같은 아이콘들이 보입니다.



이 글은 바로 이 아이콘들에 대한 설명이예요. 아이콘을 하나 하나 눌러 보시면서 스스로 습득하셔도 돼요. 😀
눌러 보시다가 막히시면 돌아와서 이 글에서 필요한 부분을 찾아서 읽어 주세요~😘
 
 
 

✅ 1. 글자 크기 설정하기 (본문1~3)

여지껏 저는 기본설정이 된 상태로만 포스팅 해 왔는데 글자 크기를 조절할 수 있었습니다! 😅

본문1  큰 글자 (저는 앞으로 이 크기로 작성하려고 합니다. )

본문2  중간 글자
 

본문3  작은 글자 

 

👉 글을 쓸 때 편집 메뉴에서(모바일에서는 T 아이콘을 누른 후) 맨 왼쪽 메뉴를 눌러서 크기를 조절할 수 있어요.

 
✅ 2. 제목 스타일 넣기 (제목1~3)

소제목 등 강조하고 싶은 문구는
제목1 / 제목2 / 제목3 중에서 골라서 설정해 보세요.


제목1: 본문에서 가장 큰 제목 (잘 안 씀)

제목2: 중간 제목 (소제목용)

제목3: 살짝 강조된 느낌

 

✅ 3. 굵게(B), 기울임(I), 밑줄(U)

이건 너무나 기본이지만, 초보 때는 이것도 어색하죠~

• B: 굵은 글씨 → 강조할 때
예) 이건 중요해요!

• I: 기울인 글씨 → 부드럽게 강조할 때
예) 이건 강조해 볼까요?

• U: 밑줄 → 정리나 주의 강조할 때
예) 이건 밑줄 쳐야죠!

 

✅ 4. 글자 색 바꾸기

밋밋한 글도 글자 색만 바꿔줘도 확 달라져요!

👉 방법:

1. 글자를 드래그하고
2. 상단 메뉴에서 ‘T' 하단 우측에 점있는 글자(글자색) 클릭
3. 원하는 색 선택!

예)  빨간색으로 강조, 파란색으로 깔끔하게
 
 

✅ 5. 글자 배경색(하이라이트 색) 넣기

마치 형광펜처럼 글자 바탕에 색을 넣고 싶을 때!

👉 방법:

1. 글자를 드래그한 뒤
2. 네모 상자 안에 있'T'  클릭!
3. 원하는 배경색 선택!

예) 🟨 이 문장은 꼭 기억해 주세요!
 

✅ 6. 문단 전체에 배경색 넣기 (핵심 꿀팁!: 이 기능이 제일 부러웠어요! 😭)
 
문단 전체를 박스처럼 꾸미고 싶을 때는  컴퓨터로 가서 HTML 모드를 잠깐 써야 해요. 

👉 방법:

1. 상단 우측에 있는 '기본모드'  클릭  →  HTML 모드로 전환)
2. 아래 코드 복사해서 붙여넣기만 하면 끝!

<div style="background-color:#fef4ea; padding:15px; border-radius:10px; line-height:1.7;">  
  이 부분에 원하는 문장을 넣으세요.    
  예쁘게 꾸며진 배경 박스가 완성됩니다!    
</div>  
 
아까 전체문장을 드래그해서 HTML  모드로 가서 붙여 넣었더니 오류가 났었어요. 전체문장을 복붙하지 말고  배경색 넣을 부분만 부분 부분 넣어야 한대요. 😥
이 글에는 저한테 안 보이는 코드가 남아 있어서 계속 오류가 나니까 다음 포스팅에서 배경색 넣기 시도해 볼게요~😅
 
💡 색상 코드 샘플
 
색상 코드를 바꾸면 원하는 배경색으로 변경이 가능해요!
 

  • 살구빛 살색: #fef4ea
  • 바닐라 노랑: #fff9db
  • 맑은 하늘: #e7f4ff
  • 몽글한 보라: #f5e9ff
  • 러블리 핑크: #ffe8ec
  • 소프트 민트: #e1f7f5
  • 크림 베이지: #fefae0
  • 깔끔 그레이: #f3f3f3
  • 파스텔 블루: #e0f0ff
  • 라이트 라벤더: #ede9f7

 

 
✅ 7. 정렬 방식 변경

텍스트 정렬도 바꿀 수 있어요!

왼쪽 정렬 (기본)
가운데 정렬
양쪽 맞춤 (깔끔한 느낌)

👉 모바일 편집기에서 가로줄 네 개 아이콘을 누르면 정렬 변경 가능해요.

 
 

8. 링크 삽입 (🔗)

어떤 글자에 외부 링크나 다른 글 주소를 걸고 싶을 땐,

1. 링크를 걸고 싶은 단어를 선택하고
2. 편집메뉴의 체인 모양 아이콘(🔗) 클릭
3. 주소 입력 + ‘새 창에서 열기’ 체크하면 끝!

※ ‘새 창에서 열기’ 꼭 체크해야
블로그를 벗어나지 않고 링크가 열려요!

 
 


9. 리스트 정리 기능 (순서/기호)

📌 글을 정리해서 나열하고 싶을 땐?
숫자 목록이나 기호 목록 버튼을 눌러주세요!

1, 2, 3...

• 항목 나열

▶ 포인트 정리

 
 
10. 인용구 기능 (3종 스타일)

인용구 버튼은 편집기에서
"말풍선 아이콘(따옴표 모양)"이에요.
눌러보면 총 3가지 스타일이 있어요!

1. “ ” 큰 따옴표 스타일 → 감성적인 명언용

지금 옆에 있는 사람이 가장 소중한 사람입니다

 
2, 좌측 회색 세로 라인 스타일
 

지금 옆에 있는 사람이 가장 소중한 사람입니다

 
 
3, 박스 스타일

지금 옆에 있는 사람이 가장 소중한 사람입니다

 


👉 스타일을 한번 누를 때마다 바뀌니, 원하는 느낌 날 때까지 꾹꾹 눌러보세요!

 
 
💡 마무리 요약

티스토리 편집, 하나하나 해보니까 저도 할 수 있겠더라고요.
다만 미적 감각의 차이인데 그건 많이 보고, 많이 시도해 보면 늘어날 것 같아요~ 🙄
예쁘게 정리되면 읽는 분들도 더 좋아해 주실 거예요~😊




728x90
반응형
LIST