makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

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

make BCT 데모사이트(http://makebct.cafe24.com)의 홈과 서브페이지는 다음과 같습니다.

첫화면에 슬라이드가 배치되어 배경이미지가 보이지 않습니다.

서브페이지 배경은 그대로 두고, 첫 화면에만 배경이미지를 다르게 설정하겠습니다.

zpost_11img01

 

1. 이미지 업로드

[관리자] > [미디어]에 접속하여 홈 배경에 쓰일 이미지를 업로드합니다.

업로드한 이미지의 url은 ’http://makebct.cafe24.com/wp-content/uploads/2015/01/home_bgi.gif’입니다.

zpost_11img02

 

 

2. 커버에디터에 배경이미지를 불러오는 스타일 작성

zpost_11img03[관리자] > [BCT Covers]에 접속하여 현재 세팅되어 있는 커버 편집화면에 접속합니다.

오른쪽 ’Containers’에서 1단 상자를 추가하고, ’Shortcode Widget’을 1단 상자에 끌어다 놓습니다.

다음 그림과 같이 홈에서만 출력할 배경이미지의 스타일을 작성해 줍니다.

 

 

/* 첫 화면 배경이미지 */
<style type="text/css"><!--
body.custom-background {
background-image: url('http://makebct.cafe24.com/wp-content/uploads/2015/01/home_bgi.gif');
}
--></style>

 

 

커버에디터에 작성한 스타일 구문은 홈에서만 불러옵니다. ’관리자’에서 설정한 배경이미지 대신 여기에 작성한 배경이미지를 출력하게 됩니다.

홈페이지에 나가보면 첫화면의 배경과 서브페이지의 배경이 다르게 출력됩니다.

데모사이트 보기 : http://makebct.cafe24.com

zpost_11img05

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함1. Start with the system updatesudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다.1. apt update사용자...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우원인파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...

BCT Ai Chatbot

답변을 준비중입니다 . . .