섹션 ID를 사용해 특정 섹션으로 이동시키기 II

  아임웹 연구소 소장 해준  |  2017 . 09 . 10

시작에 앞서
지난 꿀팁에서는 섹션 ID를 활용해 버튼을 클릭하면, 같은 페이지의 특정 섹션으로 이동시키는 방법을 알아보았습니다. 이번에는 같은 페이지가 아닌 '다른 페이지'의 특정 섹션으로 이동시키는 방법에 대해 알아보겠습니다.

기본적인 방법은 같습니다. 이동할 섹션의 섹션 ID를 복사한 다음, 클릭할 버튼 또는 상단메뉴 [링크] 란에 섹션 ID를 붙여 넣어주시면 됩니다.


기능 미리보기
1) https://pageshow.imweb.me 에 접속하여, 페이지 중간쯤 위치한 [1:1 문의하기] 버튼을 눌러보세요.
2) 그럼 홈 메뉴가 아닌 Contact 메뉴에 위치한 [1:1 문의] 섹션으로 이동하는 걸 확인하실 수 있습니다.





제작방법

1단계, 이동하고자 하는 섹션의 설정 창 켜기
1) 버튼을 클릭하면, 이동하고자 하는 메뉴(여기서는 Contact 메뉴)의 섹션에 마우스 커서를 놓고, 마우스 오른쪽 버튼을 클릭해주세요.
2) 보조 메뉴가 나타나면, [섹션 설정]을 클릭합니다.




2단계, 섹션 ID 복사하기
설정 창 우측 중간쯤 위치한, 섹션 ID를 #을 포함해, 마우스로 드래그합니다.
다음으로 키보드에서 CTRL + C를 눌러 섹션 ID를 복사합니다.




3단계, 링크 걸 위젯의 설정 메뉴 열고, 링크 걸기
1) 링크를 걸 [위젯]의 설정 창을 엽니다. 아래 그림은 [하단으로 이동] 버튼 위젯의 [설정] 창을 켠 화면입니다.
2) 작동 방법을 [링크]로 선택하고, 주소란에 먼저 mypage 라고 입력합니다. 다음으로 복사했던 [섹션 ID]를 붙여 넣습니다. #을 포함해, 띄어쓰기 없이 붙여넣기 해주세요.

예시 : mypage#s201704285902c9827e1a6



해준
배우고 익히고 나누는 | 해준씨 | 유용한 콘텐츠 마케팅 | 네이버 카페 '아임웹 연구소' 소장
jin@haejoon.com

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버페이, KCP 공식파트너입니다.