1. [ WordPress Modernize Theme Layout ]

2. 1. 레이아웃 도식

3. body-wrapper top-navigation-wrapper (100%) Top-navigation-left Top-navigation-right container (960px) header-wrapper logo-wrapper (480px) eight (960px) social-wrapper (480px) social-wrapper navigator-wrapper (980px) sixteen ( 940px) social-icon-wrapper top-navigation

4. body-wrapper container (960px) content-wrapper gdl-page-item (960px) sixteen columns (940px) footer-wrapper footer-wrapper- gimmick sixteen columns (940px) container mt0 footer-widget- wrapper copyright- wrapper copyright-left (float:left) copyright-right (float:right)

5. 2. 페이지도식

6. top-navigation-wrapper (100%) [ Top-navigation-rigth ][ Top-navigation-left ] Top-navigation container (960px) ` header- wrapper eight sixteen (940px) [logo-wrapper] [social- wrapper] [social-icon- wrapper] [navigation-wrapper] ` content- wrapper gdl-page- item sixteen- columns footer- wrapper ` Contents footer-wrapper-gimmick [sixteen-columns (940px)] container mt0 copyright-wrapper [ footer-widget-wrapper ] [ copyright-left ][ copyright-right ]

7. 3. Cubicle 페이지 레이아웃 참고도

8. top-navigation-wrapper(100%) 를 이용해 사이트를 100% 사용할 수 있는 영역입니다. 컨텐츠 : 사이트 로고나 간단한 퀵메뉴를 구성해 주시면 됩니다. 본문페이지를 구성하시면 됩니다. 왼쪽 사이트 메뉴를 구성하시면 됩니다. [ 사이즈 : 980px ] [ 사이즈 : 100% 가능 ] [ 사이즈 : 180px ] 풋터 페이지를 구성하시면 됩니다. [ 사이즈 : 980px ] 메인페이지에서는 메인페이지 슬라이트가 서브페이지에서 페이지 타이틀 이미지가 출력되는 영역입니다.