패브릭테마의 메인페이지를 엘리멘터 편집화면에서 열면 위와같은 모습으로 표시됩니다. 그중 중간 코드부분을 클릭하면 “HTML편집”화면이 왼쪽에 표시가 됩니다. 엘리멘터에서 풀페이지 구현을 직접 하기는 어렵기 때문에 html 코드를 일부 삽입하여 적용하게 됩니다. 각 섹션에 대한 설명은 다음과 같습니다.
fullpage.js 코드를 CDN을 통해서 불러옵니다.
fullpage 기본구동 목업을 해주게 됩니다. 상세한 html 구조에 대한 부분은 https://github.com/alvarotrigo/fullPage.js#usage 링크를 참조하시기 바랍니다.
메인페이지의 오른쪽에 표시되는 네이게이션에 대한 html 구조입니다. 관련 옵션은 https://github.com/alvarotrigo/fullPage.js#options 페이지에서 참조하시기 바랍니다.
각 섹션별로 들어가는 쇼트코드를 삽입하는 부분입니다. 뉴패브릭에서는 전체 7섹션이 표시되고 있으며 각 섹션은 이렇게 쇼트코드로 제작되어 있습니다. 따라서 메인페이지의 수정은 쇼트코드에 해당되는 템플릿 수정이 되겠습니다.
각 섹션별 수정방법은 다음 글에서 확인하시기 바랍니다.
케이테마는 엘리멘터를 기반으로 다양한 서브페이지를 제공하고 있습니다. 회사소개, 서비스소개, 오시는길, 제품안내 등 홈페이지 제작에 필수적인 페이지를 제공하고 있습니다. 제공되는 디자인은 모두 아래 링크에서 확인할 수 있습니다. 페이지 디자인 전체보기 케이테마를 구매하시는 고객에게는 전부 무료로 제공되고 있으며 지속적으로 페이지가 업데이트 될 예정입니다. 페이지는 엘리멘터 에디터로 제작이 되어 있으며 케이테마와 함께 사용할 수 있도록 구성되어 있습니다. 케이테마와 함께 멋진 홈페이지 제작하시기 바랍니다. 감사합니다.