메인페이지와 서브페이지 CSS를 다르게 적용하기
그누보드 기본 CSS 파일 외에 추가 파일을 적용할 때
메인 페이지와 서브 페이지용 파일을 각각 분리해서 적용하는 방법입니다.
예를 들어 테마를 사용하고 있고 CSS 파일을 이렇게 추가했다면...
메인 페이지용 CSS
theme/basic/css/mainstyle.css
서브 페이지용 CSS
theme/basic/css/substyle.css
적용 방법
수정 파일 : theme/basic/head.sub.php
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo G5_IS_MOBILE ? 'mobile' : 'default'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">
위 코드 바로 밑에 추가
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo defined('_INDEX_') ? 'mainstyle' : 'substyle'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">
아니면 이렇게 적용해도 됩니다. (위 방법과 똑같은 내용입니다)
<?php if(defined('_INDEX_')) { ?>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/mainstyle.css?ver=<?php echo G5_CSS_VER; ?>">
<?php } else { ?>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/substyle.css?ver=<?php echo G5_CSS_VER; ?>">
<?php } ?>
테마를 사용하지 않는다면..
<?php echo G5_THEME_CSS_URL; ?>
여기를 이렇게 변경
<?php echo G5_CSS_URL; ?>
모바일 페이지는 별도로 적용하는 방법은 모바일용 css 파일도 메인, 서브 각각 새로 생성 후
PC 파일
메인 : mainstyle.css
서브 : substyle.css
모바일 파일
메인 : mainstyle_mobile.css
서브 : substyle_mobile.css
이렇게 적용하면 PC, 모바일 각각 별도로 설정됩니다.
<?php if (G5_IS_MOBILE) { ?>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo defined('_INDEX_') ? 'mainstyle_mobile' : 'substyle_mobile'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">
<?php } else { ?>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo defined('_INDEX_') ? 'mainstyle' : 'substyle'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">
<?php } ?>
## 유의 사항 ##
index.php 파일에 반드시 아래 코드가 있어야 합니다. 작업하면서 삭제한 적이 있다면 다시 추가해 놓으세요.
define('_INDEX_', true);
