Transcript WordPress-Modernize-Theme

[ WordPress Modernize Theme Layout ]
1. 레이아웃 도식
logo-wrapper
(480px)
eight
(960px)
social-wrapper
social-wrapper
(480px)
container
(960px)
body-wrapper
header-wrapper
social-icon-wrapper
sixteen
( 940px)
top-navigation-wrapper
(100%)
navigator-wrapper
(980px)
Top-navigation-left
top-navigation
Top-navigation-right
content-wrapper
gdl-page-item
(960px)
footer-wrappergimmick
body-wrapper
sixteen columns
(940px)
sixteen columns
(940px)
container
(960px)
container mt0
footer-widgetwrapper
footer-wrapper
copyright-left
(float:left)
copyrightwrapper
copyright-right
(float:right)
2. 페이지도식
top-navigation-wrapper
(100%)
Top-navigation
[ Top-navigation-left ]
[ Top-navigation-rigth ]
[logo-wrapper]
headerwrapper
`
[socialwrapper]
[social-iconwrapper]
[navigation-wrapper]
container
(960px)
sixteen
(940px)
gdl-pageitem
Contents
`
sixteencolumns
contentwrapper
[sixteen-columns (940px)]
footerwrapper
eight
`
[ footer-widget-wrapper ]
[ copyright-left ]
[ copyright-right ]
footer-wrapper-gimmick
container mt0
copyright-wrapper
3. Cubicle 페이지 레이아웃 참고도
[ 사이즈 : 100%가능 ]
top-navigation-wrapper(100%)를 이용해 사이트를 100%사용할 수 있는 영역입니다.
컨텐츠 : 사이트 로고나 간단한 퀵메뉴를 구성해 주시면 됩니다.
[ 사이즈 : 980px ]
메인페이지에서는 메인페이지 슬라이트가 서브페이지에서 페이지 타이틀 이미지가 출력되는 영역입니다.
[ 사이즈 : 980px ]
[ 사이즈 : 180px ]
본문페이지를 구성하시면 됩니다.
왼쪽 사이트 메뉴를 구성하시면
됩니다.
[ 사이즈 : 980px ]
풋터 페이지를 구성하시면 됩니다.