[위젯‧섹션설정] 특정 섹션으로 이동하도록 링크 연결이 가능한가요? : 반응형홈페이지 관리자 대시보드

쉽고 상세히 알수있는

온라인 사용가이드

위멘토 홈페이지로 쉽고 간편하게 만들 수 있는 온라인사용가이드를 확인하실 수 있습니다.

견적문의 서비스

사이트 편집(디자인모드)[위젯‧섹션설정] 특정 섹션으로 이동하도록 링크 연결이 가능한가요?

가이드

수정 지우기

특정 섹션으로 이동하도록 링크 연결이 가능한가요?

모든 섹션은 고유의 ‘섹션 ID’를 갖고 있으며, 버튼 등에 추가할 수 있는 링크 주소로 활용할 수 있습니다.

예를 들어, 방문자가 ‘섹션 ID’가 링크된 버튼을 클릭하면 아래의 애니메이션과 같이 방문자를 동일한 페이지의 다른 섹션으로 이동시킬 수 있으며, 필요에 따라 다른 페이지의 특정 섹션으로 이동시키는 것도 가능합니다.

이 도움말을 통해 버튼을 클릭하면 특정 섹션으로 이동시키는 앵커 링크를 만드는 방법을 배워보세요.

참고: 아래는 버튼 위젯을 예로 설명하지만, 링크를 설정할 수 있는 위젯(이미지 위젯, 갤러리 위젯 등)이라면 모두 적용할 수 있습니다.

설정방법

동일한 페이지의 특정 섹션에 앵커 링크 걸기

디자인 모드에 접속합니다.
왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
버튼 위젯을 클릭해 페이지에 추가합니다.
버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
링크 타입으로 코드를 선택합니다.
오른쪽 코드 입력 칸에 링크 걸 섹션의 섹션 ID 를 입력합니다. (예: #s201910224dc7406405bc4)
참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.
버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

다른 페이지의 특정 섹션에 앵커 링크 걸기

참고: 다른 페이지에 앵커 링크를 걸 땐 페이지 새로고침이 일어나며 이건 정상적인 현상입니다.

디자인 모드에 접속합니다.
왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
버튼 위젯을 클릭해 페이지에 추가합니다.
버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
링크 타입으로 코드를 선택합니다.
링크 타입 오른쪽에 위치한 코드 입력 칸에 /메뉴URL#섹션ID 형식으로 메뉴 URL과 섹션 ID를 붙여서 입력합니다. (예: /lookbook#s20200623123e797c6dfb8)
참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.
버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

[위젯‧섹션설정] 섹션 반복하기 [위젯‧섹션설정] 컬러피커 활용하기 (색상값, 색상 투명도 조절)

목록 글쓰기

WEMENTO

2012년 3월 자체 개발한 솔루션으로부터 모바일앱 제작을 시작으로, 2014년 6월 부터는 PC홈페이지와 모바일웹, 어플이 연동되는 시스템을 개발 및 제작해 왔습니다.

그동안의 노하우를 바탕으로 2016년 1월 반응형웹앱/쇼핑몰웹앱을 출시하여 다양한 업종의 웹사이트를 구축 하였습니다.

특히, 웹사이트에서의 모든 활동은 스마트폰으로 실시간 알림을 주고 받을 수 있게 연동되어야만 한다는 슬로우건 아래 시장을 선도하고 있습니다.

위멘토 사용가이드

포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

위멘토 사용 가이드

동일한 페이지의 특정 섹션에 앵커 링크 걸기

다른 페이지의 특정 섹션에 앵커 링크 걸기

반응형웹 제작사례

쇼핑몰 제작사례

어플 제작사례

상담신청

관리자 페이지

유지보수요청