A 단일 페이지 웹사이트 단일 페이지에 모든 것을 표시합니다. 이러한 웹사이트는 일단 로드되면 전체 페이지(웹사이트)를 표시하고 웹사이트 방문자가 헤더에 있는 각 메뉴 항목을 클릭하면 페이지의 다른 섹션이 당겨져 표시됩니다.
이러한 유형의 웹사이트는 간단하고 쉬운 탐색, 모바일 친화적, 웹사이트 방문자 참여 향상, 높은 전환율, 생성 및 유지 관리 용이성과 같은 많은 이점이 있습니다. 이들은 적합합니다 방문 페이지, 이벤트 기반 웹사이트 및 쇼케이스 포트폴리오 짧고 간결하게.
이것은 다음과 같은 중요한 요소를 사용하여 달성할 수 있습니다. 섹션 ID 에서 지정할 수 있는 설정 섹션.
이 도움말에서는 섹션 ID 및 섹션 ID를 사용하여 단일 페이지 웹사이트를 만드는 방법을 안내합니다. 링크 메뉴 항목.
이 기사는 다음 주제들로 구성되어 있습니다 :
페이지 생성 및 섹션 추가
섹션 ID 지정
- 페이지에 섹션을 추가했으면 추가된 모든 섹션의 섹션 설정을 방문하고 섹션 ID 지정 그들 각각에게.
페이지를 홈페이지로 설정
다음으로 웹 사이트 섹션, 페이지를 홈 페이지로 설정 (1) 및 웹사이트 메뉴/탐색에서 숨기기 (2).
섹션 ID를 사용하여 링크 메뉴 항목 만들기
지금, 링크 메뉴 항목 만들기 집, 정보, 직장, 연락처 등과 같은
새 링크 메뉴 항목을 추가하려면 다음을 입력하십시오. 링크 추가 (1) 검색창에서 다음을 클릭합니다. 링크 추가하기 조치 (2).
링크 메뉴 항목을 페이지 섹션에 연결하려면 다음 단계를 따르십시오.
- 에서 웹 사이트 섹션에서 링크 메뉴 항목 위로 마우스를 이동하고 세 개의 수직 점 아이콘 (1) 옆에.
- 선택 설정 드롭다운에서 옵션 (2).
- 다음으로 아래로 스크롤하여 링크 대상 섹션 (3)에서 페이지 섹션 탭(4)을 클릭하고 다음을 지정합니다. 섹션 ID (5) 연결하려는 섹션.
- 섹션 ID는 공백 없이 페이지 섹션에 지정된 것과 동일해야 합니다.
- 마지막으로 찜하기 버튼 (6).
위로 가기 버튼 활성화
브라우저 하단을 따라 아래로 스크롤하고 플로팅할 때 시야에 사라지는 버튼이 있으면 유용합니다. 클릭하면 쉽게 맨 위로 스크롤할 수 있습니다.
- 다음으로 아래로 스크롤하여 맨 위로 가기 버튼 섹션을 클릭하고 버튼을 활성화합니다.
고정 탐색 사용
헤더에 대한 고정 탐색을 활성화하여 웹 사이트 모양을 향상시킬 수도 있습니다. 더 많이 알아라..
짜잔! 이제 단일 페이지 웹사이트가 준비되었습니다. 당신은 단순히 클릭 할 수 있습니다 사이트보기 웹 사이트를 보려면 상단에 있는 버튼.
확인 Pixpa에서 웹사이트 구축 – 완벽한 가이드 웹 사이트에 적용할 수 있는 다른 사용자 정의에 대해 알아보십시오.
참고 :
- 섹션 ID는 대소문자를 구분합니다.
- 섹션 ID 내에 공백을 사용하지 마십시오.
- 대시를 사용하여 섹션 ID 내에서 단어를 구분하십시오.
다음은 몇 가지 데모 단일 페이지 웹사이트입니다.