상세 컨텐츠

본문 제목

[티스토리 초보의 글 작성 | 꾸미기] 인용 / 서식 등등

카테고리 없음

by 지유:D 2023. 3. 19. 19:52

본문

728x90
반응형

제목을 뭐라고 해야 할지 모르겠지만...

구독자 중 한분이 글 쓸 때 들어가는 인용서식을 어디서 쓰는지 물어봐주셔서 쓰게 되는 글!

저도 티스토리를 시작한 지 얼마 안 됐지만 누군가에게 도움이 되었으면 해서 작성해 봅니다!

 

제 블로그에 혹시 궁금한 게 있으시면 공개, 비밀글이던 언제든 편히 물어봐주세요!!

 

티스토리에서 기본 제공되는 스타일바가 있는데요

메뉴바

이미지첨부 / 제목 1~3, 본문 1~3 / 서체 / 글씨 스타일 / 정렬 / 인용 / 이모티콘 / 표 / 리스트 / 구분선 / 더보기란(지도, 서식, 플러그인 등)등

다양하게 글을 꾸밀 수 있는 요소들이 있습니다.

 

목차

1. 인용서식
2. 이모티콘
3. 테이블
4. 링크삽입
5. 리스트
6. 구분선
7.  더 보기

일단 인용서식을 먼저 물어봐주셔서 인용서식부터 알려드릴게요!

인용서식

인용서식은 스타일이 4가지가 있는데 저는 제목, 부제 글을 좀 더 깔끔하게 정리하기 위해 사용합니다!

메뉴바에서 큰따옴표 모양의 인용을 클릭해 주면 스타일들이 이렇게 뜹니다!!

제목/부제에 활용하기 좋음

이런 식으로 제목/부제를 달 수 있는 인용글(좀 더 강조를 할 수 있겠죠..?)

세번째에 있는 박스

참고사항이나 따로 정리해서 보여주고 싶은 글에 사용하면 좋아요!

네 번째는 인용글을 해제하고 싶을 때 사용하시면 됩니다.

참고로 스킨편집에서 CSS를 수정해서 인용색 컬러도 바꿀 수 있습니다!

 

이모티콘

(인용글 옆에 있는 웃는 모양 클릭!)

이모티콘을 누르면 귀여운 카카오 친구들의 이모티콘이 있어 상황에 적절하게 사용하시면 됩니다!

첫 번째는 라이언을 포함한 귀연 카카오친구들의 움직이는 이모티콘

두 번째는 스카피, 죠르디, 팬다? 등의 움직이는 이모티콘

세 번째, 네 번째는 움직이지 않는 이모티콘이 있습니다!

왜 춘식이는 없는 거죠...?

 

테이블(표)

이거는 저도 아직 안 써봤지만 나중에 여행 가서 여행경비나 이런 거  올릴 때 사용하기 좋을 거 같아요!

표테마도 바꿀 수 있고 사이즈 조절도 엄청 쉬워요! 계산하기나 이런 기능은 없네요..ㅠ

번호 내용 가격
1 배추 3,000
2 당근 1,500

 

링크 삽입/수정

혹시 링크도 그냥 주소만 적어놓으시나요?

링크메뉴를 클릭하면 링크를 여기서 삽입하고 대체 텍스트도 입력이 가능합니다

대체 텍스트는 링크 위에 마우스를 올렸을 때 보이는 글입니다!

그리고 글을 작성한 위에 링크를 입히기도 가능합니다!

'지유의 하루'라는 글을 쓰고 드래그하여 링크 메뉴를 클릭해서 링크에 주소를 삽입하면 아래와 같이 글씨 위에 링크가 걸리게 됩니다!!

지유의 하루

 

지유의 하루

안녕하세요 :D 맛집/카페/여행/간식/패션/뷰티/생활정보 등등 코딩, 디자인 공부도 하며 저의 일상을 올리며 정보를 공유하는 블로그 입니닷!

jiyou-haru.tistory.com

 

리스트

그리고 인용글이랑 함께 많이 사용되는 리스트!!

  • 안녕하세요
  • 반가워요
  • 잘 부탁드립니다
  • 자주 놀러 오세요~
  1. 공감❤
  2. 구독👍

이렇게 3가지의 스타일이 있고 마지막은 리스트 해제하는 버튼입니다

리스트를 입력하고 작성하면 보기에도 깔끔할 뿐 아니라 알아서 줄 바꿈을 할 때마다 자동으로 리스트가 따라오니 편리하기도 해요!

 

구분선

구분선도 아직까지 쓰지는 않았지만 블로그를 좀 더 하다 보면 쓸 일이 오겠죠?

구분선은 생각보다 더 다양한 게 많았어요

무려 9개 종류

 

구분선의 종류를 보니까 지금까지 왜 안 썼을까란 생각이 들 정도로 사용하기 좋은 게 많았어요!

말을 잇기 어려울 때 사용해도 좋을 것 같고 꾸미기 용으로도 너무 좋네요!(왜 이걸 이제야 발견했을까?)


 

더 보기
  •  지도
  • 서식
  • 접은 글
  • 특수문자
  • 코드블록
  • HTML블록
  • 플러그인
  • 광고
  • 단축키 

다양하게 있는데 너무 많다 보니 한 번에 간략하게만 설명하겠습니다.

더보기
 지도 : 지도 API를 불러와서 첨부 합니다.(맛집,여행 등에 사용하기 좋음)
더보기
서식  :서식을 만들어 사용가능 합니다.
더보기
접은글 : 현재 박스 처럼 대시라인 박스가 생성됩니다.
더보기
특수문자 : 특수문자를 골라 쓸 수 있습니다. 
더보기
코드블럭 :  코딩하시는 분들이 HTML,CSS,Javascript등 코드를 입력해서 쓸 수있습니다.
더보기
HTML블럭 : 코드블럭으로 보여지게 쓰셨다면 출력화면이라고 생각하시면 됩니다.
더보기
플러그인 : 내 블로그에 이전 발행글들을 불러오실 수 있습니다.
더보기
광고  : 광고를 설정하여 첨부 가능
더보기
단축키 : 글을 작성하며 사용할 수 있는 기본 단축키를 보여줍니다.

 


너무 날 것에서 글재주도 없이 설명한 거라 도움이 되었을지 모르겠지만

다들 티스토리 잘 꾸며 보아요!

728x90
반응형

댓글 영역