그누보드5 SE 레이아웃 수정 매뉴얼

색상·폰트를 넘어 헤더·푸터·메인 화면의 구조까지 바꾸고 싶다면, 내 테마의 레이아웃 조각 파일을 수정합니다. 모두 app/theme/mytheme/ 안에 있습니다.

레이아웃 파일은 HTML/PHP가 섞여 있습니다. 수정 전 원본을 한 번 더 백업해두면 안전합니다.

어떤 파일을 고치나

메인 화면 구성 바꾸기

index.php가 홈 화면입니다. "환영합니다" 히어로와 게시판 위젯이 여기서 조립됩니다. 최신글 위젯은 latest() 함수로 출력합니다.

// latest(스킨, 게시판아이디, 출력수, 글자수)
echo latest('m_board', 'free', 5, 36);     // 자유게시판 최신 5건
echo latest('m_gallery', 'gallery', 4, 36); // 갤러리 최신 4건

• 위젯을 추가하려면 latest() 한 줄을 더 넣고 게시판 아이디만 바꾸면 됩니다.
• 히어로 문구·섹션 순서 등은 index.php의 HTML을 직접 편집합니다.

헤더·푸터 바꾸기

• 로고, 상단 메뉴, 검색창은 modern/_nav.inc.php에서 수정합니다.
• 회사 정보·하단 링크는 modern/_footer.inc.php에서 수정합니다.
• 디자인 토큰(색·간격)은 색상·폰트 변경 문서의 변수로 통제되므로, 레이아웃 파일에서는 구조(마크업) 위주로 손대는 것을 권장합니다.

정적 자원 추가

직접 만든 CSS/JS/이미지는 테마 폴더 안에 두고 경로 상수로 불러옵니다.

<link rel="stylesheet" href="<?php echo G5_THEME_URL ?>/css/custom.css">
<script src="<?php echo G5_THEME_URL ?>/js/custom.js"></script>
<img src="<?php echo G5_THEME_URL ?>/img/logo.png" alt="로고">

G5_THEME_URL은 현재 적용된 테마(app/theme/mytheme)의 URL을 가리키므로, 테마를 바꿔도 경로가 자동으로 맞춰집니다.

마무리

작업 중에는 ?theme=mytheme로 미리보며 다듬고, 완성되면 관리자에서 적용하세요. 이로써 복사 → 색상·폰트 → 레이아웃까지, 원본을 건드리지 않고 나만의 디자인을 완성할 수 있습니다.

테마를 GitHub 저장소로 따로 관리하면 버전 이력·협업·배포가 쉬워집니다.