Fullpage Scroll ( fullpage.js )
Fullpage Scroll ( fullpage.js )

A. Child 테마에 템플릿 만들어서 해당 템플릿만 fullpage 적용되게

* 제이쿼리로 초기화 하는게 잘 안먹히면 바닐라 자바스크립트로 초기화하는 방식 사용할것

B. 자바스크립트로 id 추가하는 방법

A. Child 테마에 템플릿 만들어서 해당 템플릿만 fullpage 적용되게

 

1. fullpage CDN으로 적용 or 다운로드 받아서 직접 적용

CDN 코드

2. Divi 테마의 page.php 파일을 복사해서 page_template-fullpage.php로 이름 바꾼 후 Child 테마에 복사

3. ( <?php ) 바로 아래 아래 태그 추가
/*
Template Name: FullPage Scroll
*/

4. <div class=”entry-content”> 여기 바로 아래에
<div id=”fullpage” class=”fullpage”> 추가
위치 확인해서 </div>로 막아주고

5. Divi설정 header 에 아래 코드 추가

6. fullpage 템플릿 적용한 후에 섹션마다 class에 section 적용하면 됨

B. 자바스크립트로 아이디 추가하는 방법

 

1. fullpage CDN으로 적용 or 다운로드 받아서 직접 적용

CDN 코드

2. 아래 코드1을 body 에 추가해서 id fullpage 추가

3. 아래 코드2를 body에 추가해서  fullpage 초기화
( 수정 -> body에 추가하면 다른 페이지 스크롤애니메이션이 안먹고 글자가 안나옴.
따라서 해당 페이지에 코드 모듈로 삽입해야 함 )
자바스크립트 코드와 jquery 코드중 선택해서 사용

4. 원하는 섹션에 class로 section 주면 됨

5. 모바일에서 fullpage 사용 안하려면 아래 코드3 적용