• BC TOWN™ 커버에디터로 첫 화면에 이미지 베너 배치하기

    BC TOWN™의 커버에디터를 이용해 홈페이지 첫 화면에 이미지배너를 삽입하고 링크를 걸도록 하겠습니다. 1. 베너 이미지 준비 make BCT 데모사이트의 테마 BCT0009의 첫 화면에 가로로 세개의 이미지베너를 삽입하겠습니다. BCT0009 테마의 가로 3단으로 나누어진 상자의 가로 크기는 339px입니다. 하지만 반응형을 감안하면 모바일 화면에서 보여지는 가로크기는 550px정도가 됩니다. 339*100px 사이즈의 베너를 만들려고 했으나, 모바일에서도 잘 보이도록 하기위해 같은 비율의 큰 이미지 500*148px의 이미지로 만들었습니다. 2. 커버에디터에 이미지 삽입하기 [관리자] > [BCT Covers]에서 현재 만들어져 있는 커버세트의 편집 화면에 접속합니다. ‘Containers’에서 ‘3단’ 상자를 삽입합니다. 만들어진 ‘3단 상자’에 [이미지] 위젯을 드레그하여 끌어다 놓습니다. ‘이미지’ 위젯의 [이미지를 선택하세요]를 클릭하면 ‘미디어 라이브러리’가 열립니다. 새로운 이미지를 업로드하거나 기존에 업로드 해 놓은 이미지를 세팅할 수 있습니다. 이미지 베너의 링크를 거는 등의 옵션을 설정하고 저장합니다. (옵션은 그대로 두어도 됩니다.) 다른 두 개의 이미지도 같은 방법으로 세팅하고 저장합니다. 홈페이지에 나가보면 가로로 세 개의 베너 […]

  • 첫 화면 꾸미기

    BC TOWN™ Cover Editor BC TOWN™에서만 지원하는 커버에디터는 기존의 워드프레스 테마와는 달리 웹사이트의 첫 화면(Homepage)의 콘텐츠를 자유롭게 배치할 수 있도록 제작된 전용 플러그인으로 BC TOWN™ 전용 테마에서만 구동됩니다. 몇 가지의 출력 스타일이 준비되어 있으며, 테마마다 가지고 있는 스타일을 따라 자동으로 디자인되며, 테마가 지원하는 레이아웃에 따라 다른 스타일의 출력 요소들을 지원하고 여러개의 커버스타일을 저장해 두었다가 바꾸어 놓을 수도 있습니다. (1) 커버 생성하기 [워드프레스 관리자] – [BCT Covers] 메뉴를 클릭합니다. 상단의 [Add New BCT Cover]를 클릭하여 새 커버세트를 생성합니다. 커버 이름과 커버가 출력될 위치를 설정합니다. 커버가 나오는 위치가 첫화면 밖에 없기 때문에 [front-page] 옵션만 존재합니다. 커버 ‘home’이 생성되었으나 아직 비활성 상태입니다. 커버세트를 활성화하기 위해 저장합니다. 다시 [워드프레스 관리자] – [BCT Covers] 메뉴를 클릭합니다. 커버 위치 [front-page]를 클릭하면 왼쪽에 ‘front-page’ 설정창과 오른쪽에 만들어 놓은 커버세트 목록이 보입니다. 왼쪽 ‘Location : front-page’ 설정창에서 ‘Cover’를 ‘home’을로 선택하고 저장합니다. 이 설정을 하지 않으면 첫화면에 커버가 […]

위로이동