Tumblr에서 "자세히 보기" HTML 나누기를 추가하는 방법

Tumblr에 "더 읽기" 휴식 시간을 추가하면 블로그 콘텐츠를 분할하고 여러 게시물을 쉽게 스크롤할 수 있습니다. Tumblr에서 사용하는 표준 서식 있는 텍스트 편집기를 사용하면 쉽게 할 수 있지만, HTML에 Tumblr "자세히 보기" 나누기를 추가하려면 약간의 코드를 추가해야 합니다. 표준 HTML 코드가 아니며 게시물을 미리 볼 때는 작동하지 않는 것처럼 보이지만 게시한 후에는 원하는 대로 표시됩니다. 그러나 표준 방법이 훨씬 더 간단하기 때문에 두 가지 접근 방식을 모두 아는 것이 좋습니다.

Tumblr의 표준 서식 있는 텍스트 편집기를 사용하면 "더 읽기" 나누기를 쉽게 추가할 수 있습니다. 먼저 게시물의 시작 부분, 즉 "자세히 보기" 휴식 시간 전에 가고 싶은 부분을 작성합니다. 그런 다음 "Enter"를 선택하여 새 줄을 시작하고 새 줄 옆에 편집기 창 오른쪽에 나타나는 "+" 기호를 확인합니다. 이 기호를 클릭하면 회색 배경에 대해 가장 오른쪽에 있는 세 개의 점 행인 옵션이 나타납니다.

간단한 방법을 사용하여 "자세히 알아보기" 나누기를 삽입하려면 점 3개 기호를 클릭합니다. PC에서 단축키 "Ctrl"+"Shift"+"K"를 사용하거나 Mac에서 "Command"+"Shift"+"K"를 사용하여 동일한 작업을 수행할 수도 있습니다. 그러면 필요한 HTML 코드가 자동으로 생성됩니다. 원하지 않는 경우 HTML 편집기로 이동할 필요가 없습니다.

Tumblr의 HTML 편집기를 통해 Tumblr "자세히 알아보기" 나누기를 만들 수도 있습니다. 편집기에 액세스하려면 새 게시물을 작성하거나 기존 게시물을 편집할 때 화면 오른쪽 상단의 톱니바퀴 아이콘을 클릭하세요. 하나를 선택한 다음 "텍스트 편집기" 옆에 있는 드롭다운 메뉴를 클릭합니다. 표시된 옵션에서 "HTML"을 선택하면 편집기가 HTML로 전환됩니다. 방법.

이 때부터의 과정은 간단합니다. 이미 텍스트가 있는 경우 "

" 그리고 "

그러나 이 코드는 HTML 표준이 아니며 "미리보기"를 클릭하면 작성한 그대로 표시됩니다. 하지만 걱정하지 마십시오. 게시물을 게시하면 이전 방법을 사용할 때와 마찬가지로 중단으로 표시됩니다.

Tumblr에서 편집기의 마지막 형식은 Markdown 편집기이며 이 편집기를 사용하여 "자세히 보기" 링크를 만들 수도 있습니다. 프로세스는 HTML과 완전히 동일합니다. "자세히 보기" 나누기 전에 가고자 하는 텍스트를 입력한 다음 텍스트를 계속 입력하기 전에 "[[MORE]]"를 입력합니다. HTML 모드와 같이 미리보기에는 표시되지 않지만 게시물을 게시할 때 작동합니다.

"자세히 알아보기" 링크가 콘텐츠를 분리하는 가장 유용한 방법이지만 HTML에 줄 바꿈을 삽입하는 방법을 아는 것도 도움이 될 수 있습니다. 이것은 하기 쉽습니다: 코드 삽입 "