블로그스팟 리스트 번호 끊김 해결: 이미지 삽입 후 번호 잇기

블로그스팟 기본 테마인 에센셜에서 글을 쓰다 보면 번호 리스트 사이에 이미지를 넣거나 들여쓰기를 할 때, 리스트 번호가 1부터 다시 시작하는 문제가 발생한다. 이럴 때는 HTML 모드에서 아주 간단한 코드 한 줄만 추가하면 된다.

블로그스팟 숫자 목록 오류, value 속성으로 해결하기

1. 문제 상황 (번호 재시작)

일반적인 에디터 모드에서 이미지를 삽입하면 리스트 태그(<ol>)가 분리되면서 다음과 같이 번호가 초기화된다.

이미지

2. 해결 방법: value 속성 사용하기

해당 항목 하나의 번호를 강제로 지정하는 효과가 있는 <li value="번호"> 속성을 사용하면 문제는 간단히 해결된다.

HTML 편집 모드로 들어가서 번호가 어긋난 <li> 태그에 직접 시작 번호를 지정해줄 수 있다.

이렇게 수정하면 에디터는 해당 항목을 강제로 3번으로 인식하여 리스트를 이어간다.

3. 적용 예시

- 수정 전.

(사진 1)처럼 번호 매기기를 적용하면, 3번이 아닌 1번부터 번호가 다시 시작한다.

(사진 1) <li value="번호"> 수정 전 화면

- 수정 후.

(사진 2)와 같이 글쓰기 HTML 모드로 가서, <li>를 <li value="3">으로 바꿔주면 끝!

(사진 2) HTML 모드에서 <li value="번호"> 수정 후 화면

위의 방법을 적용하면 아래와 같이 이미지가 중간에 있어도 번호를 매끄럽게 이어갈 수 있다. 만약 4번, 5번도 이어서 쓰고 싶다면 3번만 value="3"을 지정해주면 그 뒤의 번호들은 자동으로 4, 5로 이어진다.

KRU

블로그스팟 에디터의 불친절함에 당황하지 말고, HTML 코드 한 줄(value)로 해결하자.