그누보드에 부트스트랩 적용 - (1)
난 그누보드도 사랑하고 부트스트랩도 사랑한다.
그누보드 5.0.30을 서버에 설치를 해 봤다.
그저 그 그누보드의 코어를 사용하되 모습을 부트스트랩의 모습으로 바꾸어보고 싶어졌다.
그래서, 하나씩 살펴보려고 한다.
그누보드를 홈디렉토리에 바로 설치를 했을 경우, 서버에 접속하면 index.php 가 브라우저에 보여지게 된다.
index.php 소스를 열어서 들여다보면, 몇가지 파일들을 include 시키고 있으며, 브라우저 화면에 보여지게 될 '최신글'을 보여주기 위한 코드가 보인다.
브라우저에 보여지는 html 문서는 보통 아래의 모습을 띄게 된다.
<!DOCTYPE html>
<head>
....
</head>
<body>
여기에 메뉴가 들어간다고 가정하자..
....
페이지마다 다른 내용들이 이곳에 들어간다고 가정하자.
...
웹 페이지 하단에 항상 나타나는 내용들이 이곳에 들어간다고 가정하자.
</body>
</html>
<head></head> 안에 css, js 등을 포함시키기 위한 것들이 들어갈테고... 하나의 웹 페이지가 가지는 구성이 대략 이런 수준일거라는 거다.
그럼, index.php 에 저런 구성이 다 보이는가??? 그렇지 않다.
그누보드가 설치된, index.php 가 있는 루트디렉토리에 head.php, head.sub.php, tail.php, tail.sub.php 가 있는데, 이 파일들이 모두 모여서 index 가 보여주려고 하는 한 화면을 구성하게 된다.
직접 열어서 확인하는 것이 좋다.
<!DOCTYPE html> 에서부터 <body> 태크가 시작되는 정도까지 head.sub.php 에 들어가 있고,
메뉴처럼, 항상 화면 상단에 보여지는 것들은 head.php 에 들어가 있고,
index.php 가 보여주려고 하는 내용(예를 들어, 최신글...)은 index.php 에 들어있고,
항상 화면 하단에 보여질 내용은 tail.php 에 들어있으며,
마지막으로 html 문서의 마지막 </body></html> 태그들은 tail.sub.php 에 들어가 있다.
나중에 index.php 가 아닌 새로 페이지를 작성해 줄 때, index.php 를 참고해서 만들면 head, head.sub, tail, tail.sub 파일들은 재사용이 가능한 것이다.
일단...다시 부트스트랩으로 만들어 볼 것이기 때문에, 그누보드가 가진 화면 출력내용을 모두 삭제를 해버렸다.
그럼, 파일들이 어떻게 바뀌어야하나...???
index.php 파일은 최신글 어쩌구 하는 관련 내용들을 모두 지웠다.
<?php
define('_INDEX_', true);
include_once('./_common.php');
// 초기화면 파일 경로 지정 : 이 코드는 가능한 삭제하지 마십시오.
if ($config['cf_include_index'] && is_file(G5_PATH.'/'.$config['cf_include_index'])) {
include_once(G5_PATH.'/'.$config['cf_include_index']);
return; // 이 코드의 아래는 실행을 하지 않습니다.
}
if (G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/index.php');
return;
}
include_once('./_head.php');
?>
<?php
include_once('./_tail.php');
?>
head.sub.php 에는...흠...그다지 지워버릴 것이 없다. <body> 태그가 열리고 나서, 이상한 코드가 있는데,일단을 그냥 두고 가보겠다.
head.php 에는...<!-- 상단 시작 { --> 이라는 주석부터 끝까지 모두 지웠다.
tail.php 에는 아래처럼 보이게 많이 지웠다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// 하단 파일 경로 지정 : 이 코드는 가능한 삭제하지 마십시오.
if ($config['cf_include_tail'] && is_file(G5_PATH.'/'.$config['cf_include_tail'])) {
include_once(G5_PATH.'/'.$config['cf_include_tail']);
return; // 이 코드의 아래는 실행을 하지 않습니다.
}
if (G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/tail.php');
return;
}
?>
<?php
include_once(G5_PATH."/tail.sub.php");
?>
tail.sub.php 는 손대지 않아도 될 거 같다.
이렇게 하고 index 에 접속해보면, 깨끗하네..ㅎ
index.php 를 구성할 때, 화면에 뭔가를 보여주 코드들을 모두 제거한 상태로 만들었다.
소스보기 해서 보면, 가장 기본적인 코드들이 보인다.
이제 시작이다...
* 그누보드에 부트스트랩 적용 (1) 과 (2) 글은... 지난해에 작성해뒀다가 오늘 다시 진행하기 시작하면서 몇개 버전이 달라진 것들을 수정했습니다.
포스팅이 작성된 날짜와 그 당시 버전과 다를 수 있습니다..
'그누보드' 카테고리의 다른 글
| 그누보드에 부트스트랩 적용 - (3) (0) | 2015.03.08 |
|---|---|
| 그누보드에 부트스트랩 적용 - 주의!! (0) | 2015.03.05 |
| 그누보드에 부트스트랩 적용 - (2) (0) | 2014.11.08 |
| [그누보드] 페이지 템플릿 (0) | 2013.01.12 |
| CMS가 아닌 게시판만 필요할 경우 대안! (0) | 2013.01.07 |
댓글