티스토리 리스트 스타일 들여쓰기 하는 방법

 

티스토리를 사용하다보면 글쓰기 편집툴에서 리스트를 자주 사용합니다. 하지만 리스트를 사용하게 되면 기본적으로 첫번째 항목만 계속해서 구분이 됩니다. 하지만 리스트를 사용하다보면 들여쓰기를 해야하는 경우가 있습니다. 하지만 간단하지만 방법을 찾기는 어렵습니다.

 

 

      티스토리 리스트 스타일 들여쓰기 방법

1. 티스토리 리스트스타일 종류
2. 티스토리 리스트 들여쓰기 방법 탭 활용
3. 티스토리 리스트 HTML  활용 방법
4. 마무리

 

 

 

티스토리 리스트 스타일 종류

티스토리 글쓰기 작업을 하다보면 리스트를 사용해야 하는 경우가 많습니다. 구글에서도 가독성을 위해서 리스트 사용을 권장한다고 듣었습니다. 글을 간략히 구분해서 작성하는것이 보기도 좋고 질 높은 글로 인식하는 듯 합니다. 

 

그래서 티스토리에서 글을 작성할때도 리스트 기능을 잘 활용하여 문서를 작성하면 좋을거 같습니다. 그럼 글쓰기 메뉴를 클릭을 합니다. 글을 작성하는 편집 툴이 있는대 기본적인 기능들을 제공하고 있습니다.

 

상단에 보시면 [ 리스트 ] 모양의 아이콘이 있는데 검은점, 점, 그리고 숫자 구분, 보통 회귀 4가지 리스트가 있습니다. 간단히 사용하기에는 충분합니다. 하지만 하위로 리스트 구분이 이루어진다면 방법을 알아야 합니다. 간단히 리스트를 작성한다고 된는게 아닙니다.

 

• 티스토리 리스트 스타일
• 티스토리 리스트 종류
• 티스토리 리스트 하위 설정

 

• 티스토리 리스트 스타일
• 티스토리 리스트 종류
• 티스토리 리스트 하위 설정

 

1. 티스토리 리스트 스타일
2. 티스토리 리스트 종류
3. 티스토리 리스트 하위 설정

 

<ul style="list-style-type: disc;" data-ke-list-type="disc">
<li>티스토리 리스트 스타일</li>
<li>티스토리 리스트 종류</li>
<li>티스토리 리스트 하위 설정</li> </ul>
<p data-ke-size="size16">&nbsp;</p>

<ul style="list-style-type: circle;" data-ke-list-type="circle">
<li>티스토리 리스트 스타일</li>
<li>티스토리 리스트 종류</li>
<li>티스토리 리스트 하위 설정</li>

</ul> <p data-ke-size="size16">&nbsp;</p> <ol style="list-style-type: decimal;" data-ke-list-type="decimal">
<li>티스토리 리스트 스타일</li>
<li>티스토리 리스트 종류</li>
<li>티스토리 리스트 하위 설정</li> </ol>

 

반응형

 

 

 

티스토리 리스트 들여쓰는 방법 [ TAB ]  활용

이젠 기본적인 리스트 사용방법이 아닌 하위 구분으로 들여쓰는 방법에 대해 알아보고자 합니다. 저도 한참 구글링을 해서 알아낸 방법인데 생각보다 간단해서 기술하고자 합니다. 

 

 

 

1. 티스토리 리스트를 작성 내용을 입력합니다.

티스토리 리스트 스타일

티스토리 리스트 스타일 종류

티스토리 리스트 하위 설정

티스토리 하위 설정 방법

 

 

2. 티스토리 리스트 모양을 선택하고 지정합니다.

• 티스토리 리스트 스타일
• 티스토리 리스트 스타일 종류
• 티스토리 리스트 하위 설정
• 티스토리 하위 설정 방법

 

3. 티스토리 리스트 하위 구분을 설정할 문단에 블록을 지정하고 [ TAB ]  클릭합니다.

• 티스토리 리스트 스타일
  • 티스토리 리스트 스타일 종류
• 티스토리 리스트 하위 설정
  • 티스토리 하위 설정 방법

 

4. 티스토리 리스트 원상태로 돌리기 위해서 [ shift + tab ] 클릭하면 하위 메뉴가 기본으로 설정됩니다.

• 티스토리 리스트 스타일
• 티스토리 리스트 스타일 종류
• 티스토리 리스트 하위 설정
• 티스토리 하위 설정 방법

 

 

 

티스토리 리스트 들여쓰는 HTML  수정 방법

티스토리에서는 문서 편집툴을 이용할 수 있지만 HTML 소스를 통해서 수정 편집이 가능합니다.

 

기본적으로 아래 코드를 이용하여 코드를 수정해 주면 하위 리스트 들여쓰기도 가능합니다. 참고하세요.

• <ol> 해당 코드는 부모와 자식 모든 부분을 덮은 코드
• <ul> 해당 코드는 자식 태그의 리스트를 지정하는 스타일 코드
• <li> 해당 코드는 부모와 자식 태그 아래에 사용하는 목록 코드

 

 

▶ 리스트 들여쓰기 HTML 수정 방법

<p data-ke-size="size18"><b>1. 티스토리 리스트를 작성 내용을 입력합니다.</b></p>
<p data-ke-size="size16">티스토리 리스트 스타일</p>
<p data-ke-size="size16">티스토리 리스트 스타일 종류</p>
<p data-ke-size="size16">티스토리 리스트 하위 설정</p>
<p data-ke-size="size16">티스토리 하위 설정 방법</p>
<p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p>


<p data-ke-size="size18"><b>2. 티스토리 리스트 모양을 선택하고 지정합니다.</b></p>
<ul style="list-style-type: circle;" data-ke-list-type="circle">
<li>티스토리 리스트 스타일</li>
<li>티스토리 리스트 스타일 종류</li>
<li>티스토리 리스트 하위 설정</li>
<li>티스토리 하위 설정 방법</li> </ul>


<p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size18"><b>3. 티스토리 리스트 하위 구분을 설정할 문단에 블록을 지정하고 [ TAB ]&nbsp; 클릭합니다.</b></p>
<ul style="list-style-type: circle;" data-ke-list-type="circle">
<li>티스토리 리스트 스타일 <ul style="list-style-type: circle;" data-ke-list-type="disc">
<li><span style="background-color: #dddddd;">티스토리 리스트 스타일 종류</span></li> </ul> </li>
<li>티스토리 리스트 하위 설정 <ul style="list-style-type: circle;" data-ke-list-type="disc">
<li><span style="background-color: #dddddd;">티스토리 하위 설정 방법</span></li> </ul> </li> </ul>


<p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size18"><b>4. 티스토리 리스트 원상태로 돌리기 위해서 [ shift + tab ] 클릭하면 하위 메뉴가 기본으로 설정됩니다.</b></p> <ul style="list-style-type: circle;" data-ke-list-type="circle">
<li>티스토리 리스트 스타일</li>
<li>티스토리 리스트 스타일 종류</li> <li>티스토리 리스트 하위 설정</li>
<li>티스토리 하위 설정 방법</li> </ul>

 

 

마무리

이렇게 티스토리 리스트 들여쓰는 방법에 대해 알아봤습니다. 간단한 방법일지 모르지만 그래도 한번 따라해 보시면 간단히 처리가 가능할겁니다. 해당 기능은 간단합니다. 하지만 방법을 모르면 정말 많이 헤매가 됩니다.

 

 

 

 

 

티스토리 북클럽 스킨 본문 너비 조정하기 (tistory.com)

티스토리 북클럽 스킨 본문 너비 조정하기