• Content Aware Sidebars 플러그인으로 멀티 사이드바 설정하기

    Content Aware Sidebars 플러그인으로 각 메뉴별로 다르게 사이드바를 출력시킬 수 있습니다. 1. 플러그인 설치 [관리자] > [플러그인] > [플러그인 추가하기]에 접속해 ‘Content Aware Sidebars’를 검색해 플러그인을 설치합니다. 2. 사이드바 만들기 [관리자] > [Sidebars] 에 접속해 [Add New]를 클릭하여 새로운 사이드바를 생성합니다. 사이드바 제목을 ‘PAGES’라고 작성하고, 아래의 ‘Condition Groups’에서 [Add New Group]을 클릭하여 새로운 사이드바 그룹을 생성합니다. ‘PAGES’사이드바가 출력될 페이지나 카테고리를 선택하여 그룹에 세팅하고 [Save]를 클릭하여 저장합니다. 오른쪽의 ‘Option’ 창에서 해당 사이드바의 세부 설정을 합니다. Exposure : 사이드바 출력 옵션 (싱글포스트 또는 페이지와 카테고리에서 선택) Handle : 이 사이드바를 대체할 지 기존 사이드바에 추가할 지 등을 설정 Merge position : 이 사이드바를 추가할 때 어디에 추가할 지 위치 설정 3. 사이드바 세팅하기 [관리자] > [외모] > [위젯]에 접속합니다. […]

  • 사이드바에 이미지배너 배치하기

    Simple Image Widget으로 사이드바에 이미지 배너를 배치하고 링크를 걸 수 있습니다. 1. 배너 이미지 준비 make BCT 데모사이트의 테마 BCT0009의 서브페이지 사이드바에 이미지배너를 만들겠습니다. PC화면에서의 사이드바 가로폭은 285px입니다. 하지만 모바일에서 사이드바의 가로폭은 550px 정도가 됩니다. 원래 만드려던 285*80px 사이즈의 배너이미지를 다음과 같이 550*154px로 만들었습니다. 2. Simple Image Widget으로 사이드바에 배치하기 [관리자] > [외모] > [위젯]에 접속합니다. 왼쪽의 ‘사용할 수 있는 위젯’에서 [Image]라는 위젯을 ‘Sidebar’ 영역의 위젯 상자에 배치합니다. 배치된 ‘Image’ 위젯에서 [choose an image]를 클릭하여 ‘미디어 라이브러리’가 열립니다. 새로운 이미지를 업로드하거나 기존에 업로드 해 놓은 이미지를 세팅할 수 있습니다. 아래의 ‘Link’옵션란에 배너를 클락했을때 이동할 url을 적고, 새 창에서 띄우기 위해 ‘Open in new window?’ 에 체크했습니다. 홈페이지에 나가보면 사이드바에 이미지 배너가 배치되었습니다. 배너 위치를 이동하려면 관리자의 [위젯] 설정으로 돌아가 배치된 위젯을 끌어다 다른 위치에 배치하면 됩니다. zman블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 사이드바 꾸미기

    BC TOWN™ 전용테마들이 지원하는 위젯과 BC TOWN™ 에서 반드시 필요하다고 고려되어 사전 설치된 워드프레스 필수 위젯들을 이용하여 사이드바를 채워보겠습니다. (1) 위젯 설정 화면 [외모] – [위젯] 메뉴를 선택합니다. 왼쪽에 현재 설치되어 있는 위젯들이 보이고 오른쪽에 사이드바 설정 영역이 보입니다. ‘Front page sidebar’는 웹사이트 첫화면에 보여지는 사이드바이고 ‘Sidebar’는 Sub 페이지들에 보여지는 사이드바입니다. ※ 대부분의 BC TOWN™ 테마는 첫 화면에 사이드바를 배치하지 않고 있어 설정하지 않아도 됩니다. 현재는 아무것도 배치되지 않은 상태입니다. 오른쪽 사용할 수 있는 위젯에 보면 ‘BCT0009’처럼 앞에 테마코드명이 붙은 위젯들이 있습니다. 이 위젯들이 BC TOWN™ 전용테마에서 기본 제공하는 위젯들입니다. 테마코드가 붙어 있지 않은 위젯은 사용할 수는 있지만 BC TOWN™ 전용테마에는 스타일이 적용되어 있지 않아 정상적으로 출력되지 않으니 사용하지 마세요. 이것들은 워드프레스에서 지원하는 기본 기능의 위젯들이지만 BC TOWN™테마는 웹사이트를 꾸미는데 더욱 유용하도록 개발된 전용 위젯들을 지원하고 있습니다. (2) 위젯 배치하기 현재는 기본으로 상자가 닫혀 있는 상태입니다. 상자의 오른쪽 화살표 버튼을 클릭하여 상자를 엽니다. 왼쪽의 위젯 목록에서 배치할 위젯을 끌어다 […]

위로이동