그누보드 기본 테마 우측 aside 영역 제거 및 메인 영역 확장 방법

• 목록
• 스크랩

그누보드 기본 테마 우측 aside 영역 제거 및 메인 영역 확장 방법

그누보드 기본 테마에서 우측 사이드바(aside) 영역을 완전히 제거하거나 페이지별로 제어하여 메인 콘텐츠 영역을 확장하는 구체적인 방법을 안내합니다.

작업 전 준비사항

파일 수정 전 반드시 tail.php와 css/default.css 파일을 별도의 장소에 백업하십시오. 문제가 발생할 경우 백업 파일을 복구하여 원상태로 되돌릴 수 있습니다.

모든 페이지에서 aside 영역 삭제 및 메인 영역 확장 방법

그누보드 기본 테마에서 우측 aside 영역을 제거하고 메인 영역을 확장하려면 테마 폴더 내의 tail.php 파일과 css/default.css 파일을 수정해야 합니다. 이 작업은 기본 테마 구조를 기준으로 하며, 사용 중인 테마의 커스텀 정도에 따라 파일 경로가 다를 수 있습니다.

1. 사용 중인 테마 폴더 내의 tail.php 파일을 열어 <div id="aside">부터 </div>까지의 내용을 삭제합니다.
2. css/default.css 파일에서 #container 선택자를 찾습니다. 기존에 설정된 width 값을 100%로 변경합니다.

메인 페이지와 서브 페이지 레이아웃 다르게 설정하기

메인 페이지(index)와 서브 페이지의 레이아웃을 다르게 설정하려면 defined('_INDEX_') 조건을 사용합니다.

1. tail.php 수정

tail.php 파일에서 aside 영역을 아래와 같은 조건문으로 감쌉니다.

<?php if(!defined('_INDEX_')) { ?>
<div id="aside">
    ...
</div>
<?php } ?>

2. head.php 수정

head.php 파일 내 <div id="container"> 부분을 찾아 조건에 따라 스타일을 적용합니다.

<div id="container"<?php if(!defined('_INDEX_')) { ?> style="width:100%"<?php } ?>>

그누보드 레이아웃 수정 중 문제 발생 시 복구 방법

그누보드 테마 레이아웃 수정 중 의도치 않게 레이아웃이 깨질 경우, 작업 전에 미리 백업해둔 파일을 활용하여 원상태로 되돌릴 수 있습니다.

복구 절차

1. 미리 백업해둔 tail.php와 css/default.css 파일을 원위치에 덮어씁니다.
2. 서버 캐시를 새로고침하여 복구 상태를 확인합니다.

함께 보면 좋은 글

• 영카트 테마 메인 배너 영역 레이아웃 깨짐 및 로딩 지연 해결 방법

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 기본 테마 레이아웃에서 우측 aside 영역 제거 및 메인 영역 확장 방법