tip) 쿠키 때문에 매번 새로고침 힘들때 (작업완료 후 삭제하길 권함)
?ver<?php echo time(); ?>(1) head.sub.php에 CSS 파일들 바글바글 있다 (js는 tail.php에)
(2) 그중, 주력 CSS 하나에만 다세요!
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/common/headStyle.css?ver<?php echo time(); ?>">(3) 제작노트에 센스있게 말해주기 : "반드시 쿠키 관련 명령은 확인하고 오픈전 처리해주세요"
1. php - if문
ex) if( G5_IS_MOBILE 만약 모바일이면 ){
G5 폴더 안의 > THEME 폴더 MOBILE 폴더 안의 > 'head.php' 파일을 열어라
return; // 모바일 열고, 이 아래부터는 실행시키지 마! (PC용 php)}
2. php - if else문
Q. 메인/서브페이지 상단 헤더를 공유하지만, 팝업창은 메인페이지에서만 뜨는 이유가 뭘까?
A. 메인/서브 페이지 둘 다 상단인데
- 메인 페이지에서만 팝업창 뜨고 -> if( defined('INDEX') ){ }
- 서브 페이지에서는 팝업창 안 뜨게 -> if( !defined('INDEX') ){ }
2-1. 메인 페이지 - if( defined('INDEX') ){ }
2-1-1) head.php 안에 있는 서버식
- index.php에 최상단에 선언해둠 -> define('INDEX', true);
- 첫페이지(index.php) INDEX=true;'--> 팝업 레이어(newwin.inc.php)' 실행!
<?php
if(defined('_INDEX_')) { // 팝업레이어, 첫페이지 index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
2-1-2) div에 class 지정 < ?php echo $subpage; ? >
<div id="hd" class="<?php echo $subpage; ?>">메인-서브페이지 구분하는 변수 'subpage'
<?php
$subpage = 'subpage'; //메인-서브페이지 구분하는 변수
if(){
}
?>
방법1
방법2
방법3
2-1-3) CSS 수정해주기
2-2. 서브 페이지 - if( !defined('INDEX') ){ }
2-2-1) php 클래스 추가
<?php
$subClass = 'subpage active'; //메인-서브페이지 구분하는 변수
?>2-2-2) div에 class 지정 < ?php echo $subClass; ? >
<div id="hd" class="<?php echo $subClass; ?>">
2-2-3) if(! defined('INDEX')){ } 정의돼있지 않다면
not ! defined 'INDEX'
INDEX가 정의돼있지 않다면(=첫페이지 아니라면) -> 서브페이지에서만 나오겠다
2-2-4) headStyle.css
head.php의 메인스타일.css에
서브페이지에만 적용할 스타일 지정
"#hd가 .subpage를 가졌을 때, 배경색 red"
3. < head >에 있는 php를 < body >로 옮겨라!
< head >< /head >에 있는 php를 -> head.sub.php의 < body >< /body >로 옮겨라.
그러면 body를 주물러서 가운데 정렬 등 설정할 수 있다!
(1) 이어짐
(2) 메인 페이지가 아니면 나타나는 .subpage의 #container에 { 스타일 지정 }
(3) 예시, 가상선택자(:before) 로 -> 서브페이지의 배경 삽입하기
오늘의 실습
- head.php 말고 head.sub.php의 body에 메인페이지와 서브페이지 구분하는 스타일변수 선언하고
- 서브페이지의 컨텐츠너비와 상단색상넣기
- 서브페이지에서 상단(배경 넣어보기)
- 가능하다면.... 게시판의 노출되자 않는 파비콘 대신 글자라도 나오게 처리한다
