스킨 제작 프로젝트 - Step3. 스킨 제작
많은 분들이 layout 제작시 다소 혼동하시는 것 같아 올려봅니다...
1원도 아니고 5푼팁입니다. 암튼...
layout 제작시 경로를 신경써야 하는 항목은 다음과 같습니다.
- <!--%import("") 시에
- <!--#include("") 시에
- <IMG src="" 시에
- <TABLE background="", <TD background="" 시에
이 정도로 요약할 수 있는데요...
저는 layout이 배포 목적이 아니였고...
기존에 디자인 된 홈페이지를 ZBXE에 맞게 layout 화 한것 뿐이라서...
layout에 사용된 모든 이미지를 images라는 디렉터리에 담고 document_root 디렉터리 밑에 두었습니다.
즉, 경로가 다음과 같았죠...
public_html/zbxe/ // ZBXE 경로
public_html/zbxe/layouts/bit_main/layout.html // 이미지들을 갔다쓰는 layout 파일이 있는곳
layout.html에서 이 이미지를 사용할때는...
3번과 4번같은 경우 경로에 최 상위경로 표시(/)를 붙여 가져다 썼습니다...
./ 가 아니라 / 죠!
이를테면,
src="/images/example.jpg" 였습니다...
물론 images 디렉터리를 layout.html이 존재하는 디렉터리 하위에 두고
layouts 디렉터리를 기준으로 경로를 쓰셔도 무방합니다.
그럼 images 경로는 다음과 같습니다...
public_html/zbxe/layouts/bit_main/images/
src="./{$layout_info->path}images/example.jpg" 이런식이죠...
여기서 {$layout_info->paht} 는 ./bit_main/ 을 출력합니다. (layouts 디렉토리를 기준으로 하는 layout 경로죠)
전 성가셔서 그냥 public_html/images/ 에 몽땅 때려넣었죠...(나만 쓸껏이므로)
문제는 1번과 2번은 그게 안된다는 것입니다...(템플릿 엔진때문)
layout.html이 있는 경로를 기준으로 상대적으로 작성해야합니다...
이를테면...
이 말은 결국 import 하거나 include 할 파일은 layout.html이 존재하는 디렉터리와 같거나 하위에 두워야 한다는 말 이 됩니다.
이 점만 주의하시면 될꺼 같아요...





