콘텐츠 바로가기

> >
    질문하기오픈노트작성하기


나만의 템플렛 만들기 도와주세요
1레벨회원호타루 |
이 지식이 받은추천
1
답변 1  |  조회 691

전 웹디자너이고요, kimsQ같은 CMS은 처음 접해봅니다.

최근에 CMS로 웹사이트를 제작해 달라는 요청을 받아서 공부하고 있는데요,

메뉴얼에 HTML로 사이트를 디자인해서 만든후 kimsQ 템플렛으로 제작설명하는 부분에서 소스부부분 누락된 것 같습니다.

 

밑에

(1) 부터 까지의 소스코드를 다음의 코드로 대체해 줍니다.

 

이부분부터 뭔가 내용이 누락된 느낌이 드는데요.. 알려주세요~!!

제가 하고 싶은 건 HTML 파일을 CMS 템플렛으로 만들때 어떤 소스를 추가해 줘야 하는지입니다.

좀 급해서..그럼 부탁드립니다.

 

추가 매뉴얼

템플릿의 구조 및 제작방법(1)
템플릿의 구조 및 제작방법(2)
템플릿의 구조 및 제작방법(3)
템플릿의 구조 및 제작방법(4)
템플릿의 구조 및 제작방법(5)
템플릿의 구조 및 제작방법(6) - 섹션 프론트란 무엇인가?
템플릿의 구조 및 제작방법(7) - 섹션 프론트의 생성 및 편집

이제부터 본격적으로 나만의템플릿을 만들어보겠습니다.

앞장에서 나만의템플릿 폴더를 다음과 같이 만들어 놓았습니다.

 

 

여기까지 진행을 한 후에 일단 나만의템플릿 폴더는 잠시 잊고 하드코딩으로 원하는 웹페이지를 만들어봅니다.

나모를 사용한다면 나모를 이용해서 만들고 드림위버를 사용한다면 드림위버를 이용해서 만듭니다.

물론 그 전에 디자인시안이 있어야 겠지요.

디자이너분이라면 디자인시안을 크로핑해서 코딩해 줍니다.

이 작업은 홈페이지를 만들때 가장 기초가 되는 작업이므로 프로그래밍 지식이 없더라도 누구나 만들 수 있을 것입니다.

 

작업이 완료되면 아마도 다음과 같은 HTML 소스코드가 만들어져 있을 것입니다.

 

......

......

 

위의 코드를 복사해서 나만의템플릿 폴더안의 main.php 에 붙혀 줍니다.

그리고서 브라우져에서 앞서 만들어준 섹션을 호출해 봅니다.

아마도 작업했던 내용이 그대로 출력될 것입니다.

(물론 이미지경로등이 맞지 않았거나 이미지를 업로드하지 않았다면 이미지가 뜨지 않았을 수도 있습니다.)

 

이 단계의 템플릿은 템플릿으로서의 역할을 하기 어렵습니다.

왜냐하면  섹션이나 메뉴를 클릭했을때 게시판이나 일반페이지등이 본문에 출력되어야 하는데 이 단계에서는 그럴 수 없기 때문입니다.

따라서 섹션이나 메뉴를 클릭했을때 메인화면에 내용물이 뜰 수 있도록 해줘야 하고 큐의 자원을 사용할 수 있도록 필수코드를 추가해 주어야 합니다.

 

작업할 내용은 4가지입니다.

 

(1) 부터 까지의 소스코드를 다음의 코드로 대체해 줍니다.

 

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


" />
" />
" />



 

(2) 태그 바로 앞줄에 다음의 코드를 추가해 줍니다.

 

 

(3) 게시판이나 일반페이지들이 출력될 부분에 다음의 코드를 삽입해 줍니다.

 

 

(4) 이미지경로를 으로 변경해 주고 사용된 모든 이미지파일을 나만의템플릿 폴더안의 image 폴더안에 넣어줍니다.

 

나모나 드림위버와 같은 툴을 사용했다면 아마도 이미지 경로가 로컬PC의 경로로 잡혀 있을 것입니다.

이 경로를 으로 지정해 줍니다.

 

 

이상의 과정을 통해서 하나의 완전한 나만의템플릿이 완성되었습니다.

이를 통해서 알 수 있는 것은 템플릿 작업시 필수코드가 있다는 것인데 항상 다음의 코드를 베이스로 하여 작업해 주시면 됩니다.

 

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


" />
" />
" />
목록
답변이 채택된 경우, 추가 답변 등록이 불가합니다.


RE:나만의 템플렛 만들기
3레벨회원아카젠 |

1
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="content-type" content="text/html; charset=utf-8" /> //변경 X
5. <meta name="generator" content="kimsQ <?=$site['version']?> <?=$site['lang']?>" />
6. <meta name="author" content="<?=$browse['name']?>" />
7. <meta name="keywords" content="<?=$browse['title']?> <?=$R['tag']?>" />
8.

<title><?=$browse['title']?></title>

<!-- 여기까지가 시스템 설정부분 아래는 시스템 스타일시트 불러오기 -->

9.

<link href="<?=$QURL['syscore']?>css/init.css" rel="stylesheet" type="text/css" />

<!-- 사용자 정의 스타일시트 불러오기 -->

10.

<link href="<?=$QURL['tplpath']?>css/_style.css" rel="stylesheet" type="text/css" />

<!-- //사용자 정의 스타일시트 불러오기 -->

11.

<?if($skin[skin]):?><link href="<?=$QURL['root'].str_replace('../','',$skin['skin'])?>/skin.css" rel="stylesheet" type="text/css" /><?endif?>

<!-- 시스템 자바스크립트 불러오기 -->

12. <script type="text/javascript">
13. //<![CDATA[
14. <?include $path['syscore'].'jscript/init.js'?>
15. //]]>
16.

</script>

<!-- 시스템 자바 스크립트 불러오기. -->

17.

<script type="text/javascript" src="<?=$QURL['syscore']?>jscript/q.js"></script>

<!-- 사용자 정의 자바스크립트 불러오기 -->

18.

<script type="text/javascript" src="<?=$QURL['tplpath']?>js/membertotal.js"></script>

<!-- //사용자 정의 자바스크립트 불러오기 -->

19. <?if($isExpand)getPlugin('_system/_expand_check')?>
20.

</head>

<!-- 중요상단 종료 -->

여기 까지가 상단의 짤린부분입니다.

 

그리고 게시판 같은 컨텐츠연동, 도큐먼트 출력은 간단히 한줄로 불러오기가 가능합니다.

1.

<?include $path['global'].'engine/main.open.php'?>

<!-- 메인 컨텐츠 불러오기 소스입니다. -->

이렇게 하셨다면 외부로그인 출력부분이 필요하실겁니다.

 

외부로그인은 아래와같은형식으로 출력하십시오.

<?getPlugin('_global/로그인플러그인명')?> 초기 지원되는 로그인폼은 loginform_img 일겁니다..

(파일매니져로 _sys/_ext/_plugin/_global/에서 확인해보십시오. )

 

마지막으로..

</body>

</html>  윗 부분에

 

<?getPlugin('_system/_q')?> 를 넣어주세요.

즉

<?getPlugin('_system/_q')?>

</body>

</html>

로 하십시오.

 

카피라이트(?) 부분은 예제로 아래와 같이 출력해보십시오.

 

<a href="./">Copyrights © 2008 <?=$site['name']?> All Rights Reserved. Powered by Q Core.<?=$site['version']?></a>

 

P.S

메뉴얼이라는곳으로 데이터 이전하면서 소스가 짤린것같습니다.

제가 자유게시판에도  위같은형식으로 올렸습니다.

그런데 자잘한 부분이 많아서 템플릿 제작시 꼭 필요한 부분만 알려드렸습니다.
나도한마디 3개

3레벨회원아카젠 [내용추가]  제가 자유게시판에 수정해 달라고 요청을 해보았습니다만;; 못보신것같더군요 ㅋ 그래서 님 같이 시간낭비되는 분들이 많네요 ㅎ 조금이라도 도움되셨길...
| 221.140.xxx.90
1레벨회원호타루 [의견]  정말 감사드려요. 한참 헤멨네요^^
| 88.66.xxx.153
3레벨회원아카젠 [의견]  ㅎㅎ 도움되셨다면 저야말로 영광입니다. ^^*
| 221.140.xxx.90



목록 TOP

관련 검색           질문하기오픈노트작성하기
큐노트 디렉토리:  
포인트 적립 팁
  • 큐노트 최초등록 300 점
  • 질문등록 50 점
  • 답변등록 200 점
  • 답변채택 500 점 + @
  • 오픈노트 등록 1,500 점
  • 태그입력 5 점
  • 추천 3 점
  • 나도한마디 3 점
  • 질문삭제 -50 점
  • 답변삭제 -200 점
HOME+%3E+%ED%81%90%EB%85%B8%ED%8A%B8+%3E+%EB%AC%B8%EC%A0%9C%ED%95%B4%EA%B2%B0