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

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

  • META SLIDER로 홈페이지 첫 화면에 이미지 슬라이더 만들기

    META SLIDER 플러그인을 이용하여 첫 화면에 이미지 슬라이더를 배치해 보겠습니다. BC TOWN™ 테마에서는 이미지 슬라이더를 웹브라우저의 가로폭에 꽉 차게 하거나 홈페이지 가로폭에 맞도록 배치할 수 있습니다. 참조: 메인 커버에 슬라이드 추가하는 방법 http://makebct.net/467?cat=2 1. META SLIDER에 이미지 등록하기 [워드프레스 관리자] > [Meta Slider]에 접속합니다. 아직 아무것도 설정하지 않아 비어있는 상태로 보여집니다. ’Create your firsr slideshow’라는 문구의 왼쪽의 [+] 버튼을 클릭하여 새로운 슬라이드를 생성합니다. 가로사이즈가 1920px인 이미지를 미리 만들어 두었습니다. 슬라이드의 이름을 이미지의 가로사이즈 1920px를 뜻하는 ’1920’으로 지정했습니다. 미리 준비해 놓은 세 개의 이미지를 등록합니다. 슬라이드에 쓰일 이미지 사이즈는 일반적으로 많이 쓰이는 24~27인치 모니터의 해상도 1920*1080px을 기준으로 웹브라우저를 전체화면으로 띄울 경우 슬라이드 이미지가 가로에 꽉 차게 보여지고 상하 길이가 어울리도록 배치하기 위해 1920*650px 사이즈의 이미지로 만들었습니다. 절대적인 사이즈가 아니기 때문에 여러분이 원하는 다른 사이즈로 이미지를 제작하셔도 무방합니다. 슬라이더가 제대로 출력되도록 다음 그림과 같이 슬라이드 설정을 하고 [저장] […]

위로이동