텀블러 블로그, 점프-브레이크(jump-break, 글 줄임) 넣기와 'Read More'를 다른 글자나 이미지로 바꾸기
블로그 글이 길 때 등과 같이 경우에 따라서는 목록에서는 글의 일부분만을 보여주고, 해당 글 페이지에서는 전부를 보여주는 것이 좋을 때가 있다. 이러한 "글 줄임" 또는 "일부만 보이기" 기능을 점프-브레이크(Jump-Break)라고들 부른다.
목록에서 보여줄 부분과 숨길부분 사이에 점프-브레이크를 넣으면, 목록에서는 점프-브레이크 윗쪽 부분만 보여지고, 대신에 "Read More"라는 링크가 생긴다. 이 링크를 클릭하면 해당 글 페이지로 이동하여 글을 모두 보여주게 된다.
점프-브레이크 넣는 방법과 Read More를 다른 낱말이나 그림으로 바꾸는 방법을 차례로 살펴보자.
1. 점프-브레이크 넣는 방법
1) 텍스트 글 쓰기
아래 그림에서 주황색으로 표시된 [텍스트 글 쓰기 Aa Text]를 누르면 두 번째 그림과 같은 글쓰기 상자가 열린다.
2) 점프-브레이크 넣기
==> 목록에서 보여줄 부분과 보여주지 않을 부분의 경계선에 마우스 포인트를 놓는다
==> 아래 그림에서 보는 것처럼 [점프-브레이크] 버튼을 누른다
그러면 그림에서와 같이 가로선과 함께 READ MORE라는 글자가 표시되고, READ MORE에는 해당 글로 이동하는 링크가 걸린다.
목록에서는 그 가로선 윗쪽만 보여지고, 해당 글의 제목이나 READ MORE에 걸린 링크를 누르면 해당 글로 이동하게 된다. 해당 글로 이동하면 가로선과 READ MORE라는 글자는 보이지 않고 글 전부가 보인다.
점프-브레이크 위치를 바꾸고 싶으면 삭제하면 된다. 잘 지워지지 않으면, 점프-브레이크 단추 옆에 있는 <html> 버튼을 눌러 HTML 편집상태에서 지우면 된다.
이전에 쓴 글에도 위와 같은 방법으로 점프-브레이크를 넣거나 지우면 된다.
2. "READ MORE"를 다른 글자나 그림으로 바꾸기
==> 아래 그림과 같이 HTML편집창을 연다
==> html 코드가 있는 편집창 안쪽의 아무곳에나 마우스를 놓고 왼쪽 버튼을 한 번 눌러 편집창을 활성화 한다
==> 키보드에서 [컨트롤 Ctrl + F]키를 쳐서, "찾기/바꾸기"창을 연다. 아래 그림에서 노란색 테두리 친 부분과 같이 찾기 창이 열린다.
==> 찾기창에 {block:More} 를 복사해서 붙여 넣고 [엔터]키를 누른다. 그러면 아래 그림에서와 같이 {block:More}가 있는 위치로 이동하게 된다.
{block:Text}
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
<p>{Body}
{block:More}
<a href="{Permalink}">Read More</a>
{/block:More}
</p>
{/block:Text}
==> 편집창 맨 위에 있는 저장(Save)를 눌러 저장한다.
저장버튼이 안보이면 [변경내용 미리보기 Update Preview]버튼을 누른다. 그러면 편집창 오른쪽에 있는 미리보기 창에 변경된 내용이 적용되어 보여지고 동시에 [변경내용 미리보기 Update Preview]버튼 옆에[저장 Save]버튼이 나타난다.
이제 다 되었으니 블로그로 가서 확인해 보면 된다.
==> 글자 대신에 그림(이미지)을 넣고 싶으면 아래와 같이 그림(이미지) 주소를 넣어 주면 된다.
{block:Text}
{block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
<p>{Body}
{block:More}
<a href="{Permalink}"><img src="그림이미지 주소"></a>
{/block:More}
</p>
{/block:Text}
※ 점프-브레이크를 넣어도, 검색엔진은 점프-브레이크로 숨겨진 부분까지 모든 글을 읽으므로, 검색에는 영향을 미치지 않는다.
도움이 되었기를 바랍니다.