커스텀배너 수정 안내 > 테마소개 | [PINK BLOSSOM]

테마소개 HOME

커스텀배너 수정 안내

페이지 정보

작성자 웹사이팅 댓글 0건 조회 776회 작성일 19-04-02 09:17

본문

커스텀 배너 안내

본 테마에 적용된 커스텀 배너를 아래의 내용을 참고하시어 수정이 가능합니다.

이미지 제작

현재 적용된 이미지는 [가로: 960px , 세로: 400px] 입니다.
적용시킬 이미지를 짝수로 준비해 주신 셔야 하며 나란히 위치시킬 이미지의 가로세로 사이즈를 동일하게 제작해 주시기 바랍니다.

커스텀배너

for HTML

html 코드 수정

theme/pinkblossom/tail.php 파일을 기준으로 한 설명입니다.
해당 테마의 tail.php 파일을 에디터 프로그램(메모장, 에디트플러스, 노트패드, 울트라 에디트 등)으로 오픈하여 수정해 줍니다.
theme/pinkblossom/tail.php 파일 주석처리

아래 코드의 이미지경로와 링크를 수정해 주시면 됩니다.
배너의 갯수를 늘리고 싶으시다면 2쌍씩 짝을 지어 늘려 주시면 됩니다.

<!-- 하단 커스텀배너 시작 { -->
<section class="customBan">
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg.jpg" alt=""> <span class="customBanTit">커스텀배너 <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg02.jpg" alt=""> <span class="customBanTit">for HTML <u></u></span></a>
</section>
<!-- } 하단 커스텀배너 끝 -->

이미지 4쌍일 경우 예제

아래 코드의 이미지경로와 링크를 수정해 주시면 됩니다.
배너의 갯수를 늘리고 싶으시다면 2쌍씩 짝을 지어 늘려 주시면 됩니다.

커스텀배너

for HTML

for HTML add

커스텀배너 추가

<!-- 하단 커스텀배너 시작 { -->
<section class="customBan">
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg.jpg" alt=""> <span class="customBanTit">커스텀배너 <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg02.jpg" alt=""> <span class="customBanTit">for HTML <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/mainImg01.jpg" alt=""> <span class="customBanTit">for HTML add <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/mainImg03.jpg" alt=""> <span class="customBanTit">커스텀배너 추가 <u></u></span></a>
</section>
<!-- } 하단 커스텀배너 끝 -->