• BC TOWN™ 테마에서 홈과 서브페이지에 다른 배경 이미지 적용하기

    make BCT 데모사이트(http://makebct.cafe24.com)의 홈과 서브페이지는 다음과 같습니다. 첫화면에 슬라이드가 배치되어 배경이미지가 보이지 않습니다. 서브페이지 배경은 그대로 두고, 첫 화면에만 배경이미지를 다르게 설정하겠습니다. 1. 이미지 업로드 [관리자] > [미디어]에 접속하여 홈 배경에 쓰일 이미지를 업로드합니다. 업로드한 이미지의 url은 ’http://makebct.cafe24.com/wp-content/uploads/2015/01/home_bgi.gif’입니다. 2. 커버에디터에 배경이미지를 불러오는 스타일 작성 [관리자] > [BCT Covers]에 접속하여 현재 세팅되어 있는 커버 편집화면에 접속합니다. 오른쪽 ’Containers’에서 1단 상자를 추가하고, ’Shortcode Widget’을 1단 상자에 끌어다 놓습니다. 다음 그림과 같이 홈에서만 출력할 배경이미지의 스타일을 작성해 줍니다.

    커버에디터에 작성한 스타일 구문은 홈에서만 불러옵니다. ’관리자’에서 설정한 배경이미지 대신 여기에 작성한 배경이미지를 출력하게 됩니다. 홈페이지에 나가보면 첫화면의 배경과 서브페이지의 배경이 다르게 출력됩니다. 데모사이트 보기 : http://makebct.cafe24.com zman블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 배경 컬러와 배경 이미지

    (1) 배경색 지정하기 [외모]-[배경]을 클릭하면 아래 그림과 같이 워드프레스의 새로운 ’테마 외모 설정 화면’으로 전환되고, 왼쪽 설정 메뉴의 ’배경 이미지’ 메뉴가 선택되어진 상태로 출력됩니다. 배경색 변경을 위해 [색상] 메뉴를 선택합니다. [색상 선택] 메뉴를 클릭하여 컬러파레트를 열어 배경색을 지정할 수 있습니다. 컬러파레트에서 색을 지정하거나 컬러코드를 직접 입력하여 변경할 수 있습니다. [기본] 버튼을 클릭하면 테마에 기본으로 설정된 배경색으로 되돌릴 수 있습니다. (2) 배경이미지 등록하기 다시 [배경이미지]를 클릭하여 배경 이미지를 등록하겠습니다. 배경이미지로 사용하기 위해 와이드모니터로 가장 많이 쓰이는 해상도의 가로 크기 1920 pixel에 맞추어 제작된 이미지를 미리 준비해 놓았습니다. [이미지를 선택하세요] 버튼을 클릭하여 이미지를 새로 등록하거나 이미 업로드 되어 있는 이미지를 선택할 수 있습니다. 새로 만든 배경 이미지를 등록하도록 합니다. 이제 표시옵션을 설정하여 보기 좋게 만들도록 하겠습니다. 이전 페이지에서 업로드한 배경이미지를 보게좋게 정렬하기 위해 다음과 같이 설정하였습니다. 상단의 [저장 […]

위로이동