[IT관리자]

워드프레스로 홈페이지 제작중입니다. 질문은 두가지 입니다.
(페이지 빌더: 엘리멘터 베이직)

현재 페이지 이동 없는 원페이지 형태로 제작중입니다. 메뉴는 다섯가지 순서대로,
[HOME/ABOUT US/PROCESS/PORTFOLIO/CONTACT US] 입니다.

지금 원하는 구동 방식은
[HOME]에서 메뉴 [CONTACT US] 클릭> 스크롤이 쭉~ 내려가 [CONTACT US] 가 있는 화면에서 멈춤.
[CONTACT US] 화면에서 [PROCESS] 클릭> 스크롤이 쭉~ 올라가 [PROCESS]화면에서 멈춤.

이런 식입니다.

원래 유료 테마를 구입해서 이부분은 자동으로 구동 되었었는데, 테마 초기화를 하니 재설치가 되지 않아 또 난관에 부딪혔습니다..

원페이지가 아닌 형식에선 메뉴에 해당 페이지 링크를 넣으면 되는 것 같은데,
원페이지 형식에선 어떻게 설정 해야하는 것인지, 어려우시겠지만 정말 초보자 눈높이에서 답변 부탁드리겠습니다.

그리고 두번째 질문은 엘리멘터 베이직에서 스티키 헤드 적용 방법 입니다.

해당 영상 22:52를 보면, 바로 스티키 헤더 이펙트를 켜면 된다고 하는데,
제가 보는 메뉴에선 아예 해당 메뉴가 뜨지 않습니다. (첨부 사진)

 

출처: 네이버지식인

게시글

[IT관리자]

1.

원페이지 구성은 그리 어렵지 않습니다.

섹션에 CSS ID(예: about)를 입력하고 메뉴 항목에서 링크 설정에 #about과 같은 형식으로 지정하면 메뉴 클릭 시 해당 섹션으로 이동합니다.

​

기본적인 원리는 다음 글을 참고해보세요.

간단한 원페이지 웹사이트 만들기

 

​

2. Elementor Pro에서만 지원되는 기능 같습니다.

헤더 섹션에서 sticky를 top으로 설정하면 상단에 고정됩니다.

 

Sticky Header를 설정하는 방법은 다음 글을 참고해보세요.

​https://avada.tistory.com/2567

 

 

[글쓴이]

답변