(Last Updated On: 2017-02-27)

수많은 웹사이트들은 다양한 디자인과 구조들을 가지고 있습니다.  그러나, 실제로 내부를 들여다 보면 대부분 비슷한 구조를 가지고 있음을 알수 있습니다.  좌측에 있는 그림과 같이, 웹사이트의 디자인 관점에서 크게 4가지로 나눌수 있습니다.

wp-design-structure헤더 및 푸터의 경우는 모든 페이지에서 같은 내용이 보여지도록 되있습니다. 즉, 한번 만 헤더 및 푸터를 만들어 놓으면 모든 페이지에서 자동으로 보여지게 되는 것입니다.  내용을 변경하는 경우도 마찬 가지 입니다. 해더나 푸터의 내용을 한번 만 변경하면 모든 페이지에서  자동으로 변경이 됩니다.  이 부분에 착안해서 웹사이트에서 항상 보여질 필요가 있는 컨텐츠들을 헤더나 푸터에 넣으면 좋습니다.

메인 컨텐츠 부부은 웹사이트의 실제 내용이 들어가는 부분 입니다. 만약 ABOUT US 페이지라면 회사 혹은 단체, 개인의 소개가 들어가는 부분 입니다. 메인 컨텐츠는 선택한 테마에 따라서 디자인 요소가 달라질수 있습니다.  잘 만들어진 디자인테마들은 거의 대부분 DRAG & DROP 형태의 페이지 작성 툴(Page Builder)를 가지고 있습니다. 쉽게 여러분이 원하시는 형태로 컨텐츠를 페이지에 입력하시고 다양한 방법으로 표현이 가능합니다.

사이드바는 메인컨텐츠의 왼쪽 혹은 오른쪽에 나타나는 부분으로 일반적으로 전체 화면 넓이의 20~30 % 정도의 넓이를 갖습니다. 사이드바의 경우는 페이지마다 ON/OFF를 할수 있습니다. 또한, 사이드바를 여러게 만들고 페이지마다 다른것을 넣을수도 있습니다. 사이드바에는 주로 최근 게시물 리스트, 배너, 메인메뉴 이외의 특별한 목적의 메뉴등을 보여줄수 있습니다.

해더 (HEADE) 메인컨텐츠(MAIN-CONTENT) 사이드바(SIDEBARS) 푸터(FOOTER)
설명 로고,메인메뉴,전화번호, 이메일등과 같이 웹사이트 상단부분에 항상 나타나는 부분으로 모든 페이지에서 똑같이 보임 각각의 페이지마다 내용이 달라지며 웹사이트 메인 컨텐츠를 보여주는 부분 메인 컨텐츠의 왼쪽 혹은 오른쪽에 우치하며 페이지마다 다르게 혹은 같은 내용을 보여주는 부분 바로가기메뉴, Copyright, Contact 정보등을 보여주며 웹사이트 하단에 위치하며 항상 같은 내용을 보여줌
가시성 모든 페이지 상단 모든 페이지의 중앙의 대부분 메인 컨텐츠 왼쪽 혹은 오른쪽, 페이지에  따라 ON/OFF가능 모든페이지 하단
내용중복여부 모든 페이지에서 동일 페이지 마다 고유한 내용을 갖을수 있음 페이지 마다 ON/OFF 가능, 페이지 마다 고유한 내용 과 같은내용 모두가능 모든 페이지에서 동일
일반적으로 들어가는내용 로고, 메인메뉴 메인 컨텐츠 약식메뉴, 광고, 최근게시물등 간단한 CONTACT 폼, COPYRIGHT, 바로가기메뉴

 

(Last Updated On: 2017-02-27)