그누보드 PC와 모바일 기기별 서로 다른 테마 적용하기

• 목록
• 스크랩

그누보드 PC와 모바일 기기별 서로 다른 테마 적용하기

그누보드 운영 시 PC와 모바일에 각각 최적화된 서로 다른 테마를 적용하여 독립적인 UI를 구축하는 방법을 확인합니다.

그누보드 PC와 모바일 기기별 서로 다른 테마 적용하기

그누보드는 기본적으로 하나의 테마를 PC와 모바일에서 통합 사용하도록 설계되어 있습니다. 하지만 모바일 전용 UI를 별도로 구성하거나 기기별로 최적화된 테마를 제공하려면 공통 설정 파일인 common.php를 수정하여 테마를 분기할 수 있습니다.

사전 준비

• 적용하고자 하는 PC 테마 폴더명과 모바일 테마 폴더명의 두 테마 폴더가 /theme 디렉토리에 미리 업로드되어 있어야 합니다.
• 파일을 수정하기 전 반드시 원본 common.php 파일을 백업해야 합니다.

수정 파일 및 추가 코드

1. /common.php 파일을 엽니다.
2. 파일 내에서 // 테마경로 주석이 있는 부분을 찾습니다.
3. 해당 위치 아래에 다음 코드를 추가합니다.

if (!is_mobile()) {
    $config['cf_theme'] = "PC테마폴더명";
} else {
    $config['cf_theme'] = "모바일테마폴더명";
}

1. 코드 내의 PC테마폴더명과 모바일테마폴더명을 실제 /theme 폴더 내에 존재하는 폴더 이름으로 각각 변경합니다.

적용 후 확인

• 코드를 수정한 후에는 PC 브라우저와 모바일 기기에서 각각 접속하여 의도한 테마가 정상적으로 출력되는지 확인하십시오. 자세한 확인 절차는 아래의 관련 질문을 참고하시기 바랍니다.

사전 작업 및 준비 사항

그누보드에서 PC와 모바일 기기별로 서로 다른 테마를 적용하기 위해 공통 설정 파일인 common.php를 수정하기 전, 다음 두 가지 사항을 반드시 확인하고 준비해야 합니다.

• 원본 파일 백업: 코드를 수정하기 전 오류에 대비하여 원본 common.php 파일을 반드시 백업해 두어야 합니다.
• 테마 폴더 위치 점검: 기기별로 적용하고자 하는 두 개의 테마 폴더가 실제 /theme 디렉토리에 정상적으로 업로드되어 있는지 확인하고, 해당 폴더명을 정확히 파악해야 합니다.

모바일 테마 수정 및 관련 경로 참고

모바일 테마 적용 후 개별 레이아웃 파일이나 CSS를 수정해야 할 경우 참고할 수 있는 연관 정보는 원문의 '함께 보면 좋은 글' 항목에 안내되어 있습니다.

• 참고 경로 정보: 그누보드 모바일 테마 tail.php 및 CSS 수정 경로
• 관련 링크: /bbs/board.php?bo_table=solve&wr_id=9

상황별 판단 가이드

내 상황	선택 기준	다음 행동
테마 분기 적용 전	/theme 폴더 내 테마 존재 여부	원본 common.php 백업 후 코드 추가
코드 적용 직후	기기별 접속 확인	PC와 모바일 브라우저에서 각각 테마 출력 확인

실전 FAQ

Q. 모바일 기기에서 접속해도 PC 테마가 나타납니다.

• 원인 및 대안: 브라우저 캐시가 원인일 수 있습니다. 시크릿 모드로 접속하거나 캐시를 삭제 후 확인하십시오. 또한, common.php에 입력한 테마 폴더명이 실제 /theme 디렉토리 내 폴더명과 정확히 일치하는지 다시 확인하십시오.

함께 보면 좋은 글

• 그누보드 PC와 모바일 환경별 DHTML 에디터 분기 처리 방법
• 그누보드 모바일 테마 tail.php 및 CSS 수정 경로

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 PC와 모바일 기기별 서로 다른 테마 적용하기