안녕하세요. 린치핀소프트 한광희입니다.

“워드프레스 사이드바”

워드프레스에서 “사이드바(sidebar)”는 주요한 역할을 합니다. 워드프레스에서의 많은 플러그인등이 위젯을 통하여 다양한 기능을 제공하기 때문입니다.

보통 “사이드바”라 함은 아래 그림처럼 콘텐츠 “좌” 혹은 “우”측에 개별적인 콘텐츠가 붙는 영역을 의미합니다.

네이버 블로그나 티스토리같은 경우도 사이드바를 통해서 블로그 관리자 소개, 방문통계,카테고리 등을 보여주는 역할을 합니다.

traditional-layout

<일반적인 사이드바 레이아웃>

일반적인 블로그에서 의미하는 사이드바의 역할은 워드프레스에서도 동일합니다. 대신 워드프레스에서는 프로그래밍을 통해 사이드바를 정의하고 해당 사이드바를 원하는 위치에 부착시킬수 있습니다.

이때 사이드바를 정의하는 함수가 register_sidebar() 이며, 등록된 사이드바를 템플릿에서 호출하는 함수가 dynamic_sidebar() 입니다.

일단은, 워드프레스에서 사이드바는 테마/플러그인 개발자가 자유롭게 생성하며 어느 위치든 해당 사이드바를 추가시킬수 있습니다.

그렇기에 사실 워드프레스에서는 콘텐츠를 제외한 좌/우 헤더/푸터 영역에도 사이드바를 추가 할 수있습니다.

아래 화면처럼 사이드바는 다양한 영역에 추가될수 있습니다.

그림1<워드프레스에서 사이드바>

그래서 사실 워드프레스에서는 “사이드바”라고 지칭하지만 정형화된 스타일로 콘텐츠 좌/우 영역에만 한정하여 사이드바를 이용하지는 않습니다.

사실 워드프레스에서는 더 정확히 말하자면 “사이드바”는 “위젯”을 추가할 수 있는 공간입니다.

그래서 해외의 워드프레스 개발자사이에서는 워드프레스에서 해당 기능을 “사이드바”라고 이름짓는 것은 실수 였다고 하는 개발자도 있습니다^^

그리고 보통 워드프레스 테마에서는 “푸터”영역과 코텐츠 좌/우 영역에 기본적으로 사이드바를 지원하게끔 개발되고 있습니다.

screenshot-www.linchpinsoft.com 2015-08-27 19-59-58

<린치핀소프트 홈페이지 푸터의 사이드바 활용예시>

위의 화면은 제가 운영하는 린치핀소프트 기업 홈페이지 하단의 푸터영역을 화면캡춰하였습니다. 여기서도 4개의 사이드바가 사용되어 각 사이드바 영역마다 “위젯”이 추가되어 위의 화면을 구성하였습니다.

다양한 영역(헤더/푸터/콘텐츠 주위)에 사이드바를 자유롭게 추가할수 있다는 것은 어떤 이점이 있을까요?

  1.   콘텐츠, 페이지 내용과 별개로 다른 콘텐츠를 이용자에게 노출시킬 수 있다.
  2.   플러그인/테마 등에서 지원하는 위젯을 자유롭게 홈페이지 영역에 추가시킬수 있다.

이 중 가장 큰 이점이 두번째 항목인 플러그인 또는 테마로 제공되고 있는 위젯을 홈페이지에 추가할수 있다는 점입니다. 보통 워드프레스 생태계에서 다른 사람이 개발한 모듈/기능을 추가하는 방법은 몇가지가 있습니다. 자주 사용되는 것이 플러그인/숏트코드(Shortcode)/테마 등을 이용하는 것인데, 여기에 한가지더 지금 소개하는 “위젯”도 큰 역할을 담당하고 있습니다.

보통  여러가지 플러그인을 추가하여 “위젯”들을 추가할수 있는데, “관련 포스트”,”연관 카테고리”,”글쓴이 소개”,”인스타그램/페이스북 Like 박스”,”이미지 갤러리”,”반응형 동영상” 등 정말 수많은 다양한 기능을 추가할수 있습니다.

screenshot-www.linchpinsoft.com 2015-08-27 19-57-20

<린치핀소프트 블로그 사이드바 예시>

위의 화면은 제가 사용하는 위젯들인데 보통 “블로그 카테고리”,”태그 클라우드”,”블로그 구독”,”최근 포스트”,”글쓴이 소개” 등의 위젯을 통해 블로그 레이아웃을 강화해주고 있습니다.

screenshot-www.linchpinsoft.com 2015-08-27 19-53-11

<“외모”-> “위젯” 메뉴>

사이드바의 위젯은 “외모” 메뉴의 서브 메뉴중 “위젯” 메뉴에 추가 가능합니다. 보통 하나의 사이드바에 여러개의 위젯을 추가할수 있으며, 이때 좌측은 사이드바에 추가할수 있는 위젯 리스트, 우측은 사이드바들이 정렬되어 보여집니다.

위젯등과 사이드바는 테마와 플러그인마다 지원되는 형태에 따라 상이합니다. 보통 다양한 레이아웃과 확장성을 가지고 유저의 편의성을 고려한 잘 설계된 테마라면 다양한 사이드바를 지원합니다.