워드프레스 기본 레이아웃 구조

워드프레스 사이트 페이지 구조에 이어 웹사이트의를 구성하고 있는 컨테이너 구조에 대해 이해하고 계시면 테마를 디자인하거나 플러그인을 사용하여 기능을 추가하는데 많은 도움이될 수 있는데요. 이 게시글을 참고하여 웹사이트에 테마나 플러그인을 사용하여 사이트를 구축하기전에 전체적인 사이트의 레이아웃을 생각해두고 필요에 따라 테마 및 플러그인을 설치하시는 것을 추천드립니다.

헤더

헤더는 웹사이트에서 가장 상단에 표시되며 주로 사이트 로고, 사이트 이름, 메뉴, 위젯 등으로 구성할 수 있습니다. 여기서 메뉴는 사이트를 안내하는 네비게이션과 같은 역할을하며 “메뉴 = 카테고리 라고” 생각하시는 분들이 많습니다. 아래 글이 카테고리와 메뉴의 차이점을 모르시는 분들이 명확하게 이해할 수 있도록 도움이 되었으면 좋겠네요.

메뉴 > 카테고리
메뉴: 홈페이지, 연락처 페이지, 다운로드 페이지, 카테고리 분류에 따른 게시글, 개인정보 처리 방침 페이지 등등
카테고리: 사이트 내에 포함된 콘텐츠를 주제로 나누어 분류하는 분류 체계

메인 컨테이너

메인 컨테이너는 웹사이트 혹은 블로그의 주요 콘텐츠가 표시되는 곳입니다. 상품을 소개하는 페이지, 특정 주제를 다룬 게시글 등이 표시되고 제목, 단락, 이미지, 동영상, 링크 등으로 구성할 수 있습니다.

워드프레스 사이트에서는 기본 페이지 빌더 구텐베르크 빌더로 메인 콘텐츠를 작성하게되며 인기있는 Elementor 페이지 빌더, Beaver Builder 등을 사용해 더욱 다채로운 페이지 혹은 포스트 작성이 가능합니다.

사이드바

사이드바는 메인 컨테이너 좌측 또는 우측 또는 양측에 표시되는 바입니다. 주로 사이트를 탐색할 수 있는 메뉴, 검색 위젯, 최근 글 위젯, 댓글 위젯등이 사용됩니다. 워드프레스에서는 위젯을 통해 사이드바에 포함되는 항목을 관리할 수 있습니다.

푸터

푸터는 사이드의 가장 하단에 표시됩니다. 주로 사이트에 대한 정보, 인기 글 위젯, 댓글 위젯 등이 사용되며 가장 하단에 있기 때문에 사이트를 탐색할 수 있는 메뉴 위젯은 잘 사용되지 않습니다.