글보기
망보드
망보드 에디터에서 목차 만들기 ( 앵커 )
2023-12-01조회수8

목차 :: 

1. 목차 형태 만들기 ( 리스트 작성 )

2. 목차의 각 항목마다 링크 설정

3. 원하는 지점에 앵커 설정

 

글을 작성할 때 목차를 만들어 놓으면 여러가지로 유리한 점이 많습니다.

구글에서도 목차가 있는 글을 좋아해서 좀 더 높은 점수를 주는 것은 말할 것도 없고,

실제로 방문자가 페이지를 보고 한눈에 필요한 정보를 찾아가는 것도 좋은 점이죠.

워드프레스 자체의 글쓰기 에디터를 사용하여 페이지나 블로그 포스트를 작성한다면 내부 기능만으로도 쉽게 목차를 만들고 앵커를 만들 수 있지만, 망보드에서는 조금 다릅니다.

( Ps. 점프하는 것을 쉽게 보여주기 위해 사이사이에 필요없는 이미지를 좀 넣겠습니다 )

office-4613038_640.png


(1) 목차 형태 만들기 ( 리스트 작성 )

사실 이건 일반 링크 거는 것과 똑같습니다.

그냥 적당한 공간에 박스 하나 치고 그 안에 목차를 그냥 글로 적으면 됩니다.

지금 이 글의 제일 앞머리에서도 목차를 그런 식으로 만들었습니다.

office-4613038_640.png

한번더...

office-4613038_640.png

(2) 목차의 각 항목마다 링크 설정

그렇게 만든 목차의 한줄씩을 붙잡고 링크를 걸어줍니다.

단, 여기서 링크는 웹페이지의 주소가 아니라 #특정이름 뭐 이런식으로 들어갑니다.

스크린샷 2023-12-01 211505.png

이런 식으로 말이지요.

office-4613038_640.png

(3) 원하는 지점에 앵커 설정

그러면 이제 목차를 성공적으로 만들었으니 거기에 맞춰서 바로가기할 위치만 정해주면 됩니다.

이 장치를 앵커 ( Anchor ) 라고 하는데 이는 제가 쓰고 있는 TinyMCE에서는 메뉴에 포함되어 있기 때문에, 쉽게 이용할 수 있습니다.

스크린샷 2023-12-01 211111.jpg

원하는 위치에서 저렇게 메뉴에서 앵커를 선택해 주면

스크린샷 2023-12-01 212215.jpg

이렇게 앵커 ( 점프 위치 )를 설정할 수 있게 됩니다.

주의할 점은 아까 링크로 잡아주었던 이름과 당연히 동일하게 설정해야 합니다.

그러면 이제 망보드 게시글 내에서 목차를 만들 수 있게 되었습니다.

#망보드#목차#앵커#바로가기
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)