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 update sudo apt update...
Input error: k: Format of site key was invalid 에러 해결 방법
WP-Members 워드프레스 플러그인을 활용해서 회원가입 기능을 구현 하였는데, 다음과 같은 에러가 발생 하였습니다.         이는 WP-Members의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우 원인 파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다. 그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...