그누보드 FAQ 스킨 토글 기능 해제 및 항상 열림 설정 방법

• 목록
• 스크랩

그누보드 FAQ 스킨 토글 기능 해제 및 항상 열림 설정 방법

그누보드 기본 FAQ 페이지의 접기/펼치기 토글 기능을 해제하고, 내용을 항상 펼쳐진 상태로 고정하는 구체적인 파일 수정 방법을 안내합니다.

FAQ 스킨 토글 기능 해제 및 항상 열림 설정 방법

그누보드 기본 FAQ 스킨에서 제목을 클릭할 때 내용이 접히고 펼쳐지는 토글 기능을 해제하고 항상 열린 상태로 유지하려면, 기본 FAQ 스킨 경로에 있는 list.skin.php와 style.css 파일을 수정해야 합니다.

1. skin/faq/basic/list.skin.php 파일 수정

skin/faq/basic/list.skin.php 파일을 열어 자바스크립트 토글 함수와 닫기 버튼 코드를 제거합니다.

• 수정 전:

<h3><a href="#none" onclick="return faq_open(this);"<?php echo conv_content($v['fa_subject'], 1);?></a></h3>
<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>

• 수정 후:

<h3><?php echo conv_content($v['fa_subject'], 1);?></h3>

(닫기 버튼 영역은 삭제합니다)

2. skin/faq/basic/style.css 파일 수정

skin/faq/basic/style.css 파일을 열어 링크가 제거된 제목 스타일의 a 선택자 코드를 삭제하고, 숨김 처리된 내용 영역의 display 속성을 변경합니다.

• 제목 스타일 수정: #faq_con h3 a 코드는 삭제합니다.
• 내용 영역 속성 변경:

#faq_con.con_inner {
 display: block;
 padding: 10px;
 line-height: 1.8em;
}

주의사항: 수정 전 skin/faq/basic 폴더를 백업하시기 바랍니다. 사용 중인 특정 테마나 커스텀 스킨에 따라 CSS 클래스명이 다를 수 있습니다.

FAQ 스킨 토글 기능 해제 및 닫기 버튼 제거 방법

그누보드 기본 FAQ 스킨에서 제목 클릭 시 내용이 접히는 자바스크립트 토글 동작과 불필요한 닫기 버튼을 제거하려면 skin/faq/basic/list.skin.php 파일을 수정해야 합니다.

1. list.skin.php 파일 수정

파일 경로: skin/faq/basic/list.skin.php

제목 부분의 faq_open 자바스크립트 링크와 하단의 닫기 버튼 영역을 제거합니다.

• 수정 전 코드:

<h3><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1);?></a></h3>

<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>

• 수정 후 코드:

<h3><?php echo conv_content($v['fa_subject'], 1);?></h3>

위와 같이 수정하면 자바스크립트 토글 함수 호출 링크와 닫기 버튼이 깔끔하게 제거됩니다.

주의사항: 사용 중인 특정 테마나 커스텀 스킨에 따라 CSS 클래스명이 다를 수 있습니다.

FAQ 스타일시트 수정으로 항상 열림 설정하기

그누보드 기본 FAQ 스킨에서 숨겨진 본문 내용을 항상 화면에 출력하려면 skin/faq/basic/style.css 파일을 수정하여 숨김 속성을 변경해야 합니다.

style.css 파일 수정 위치 및 방법

1. skin/faq/basic/style.css 파일을 엽니다.
2. 숨김 처리되어 있는 내용 부분인 #faq_con.con_inner 선택자의 display 속성을 찾습니다.

#faq_con.con_inner {display:none;padding:10px;line-height:1.8em}

1. 위 코드를 아래와 같이 display:block으로 변경하여 저장합니다.

#faq_con.con_inner {display:block;padding:10px;line-height:1.8em}

주의사항 및 다음 행동

• 사용 중인 특정 테마나 커스텀 스킨에 따라 CSS 클래스명이 다를 수 있습니다.
• CSS 스타일 변경과 함께 skin/faq/basic/list.skin.php 파일에서 토글 자바스크립트 호출 링크와 닫기 버튼(.con_closer)을 제거해야 내용이 완전히 항상 펼침 상태로 유지됩니다.

커스텀 스킨 사용 시 CSS 클래스명 확인 및 대처 방법

그누보드 FAQ 스킨의 토글 기능을 해제하거나 항상 열림 상태로 변경할 때, 사용 중인 테마나 커스텀 스킨에 따라 CSS 클래스명이 기본 스킨(basic)과 다를 수 있습니다. 이 경우 다음과 같은 방법으로 대처해야 합니다.

1. 실제 적용된 클래스명 확인

브라우저의 개발자 도구(F12)를 사용하여 FAQ 페이지의 제목과 본문 영역을 검사(Inspect)해야 합니다.

• 브라우저에서 FAQ 페이지를 엽니다.
• 마우스 오른쪽 버튼을 클릭하여 '검사'를 선택합니다.
• 본문 내용이 담긴 영역을 클릭하여, 기본 스킨의 .con_inner에 해당하는 클래스명이 무엇인지 확인합니다.

2. 코드 수정 시 주의사항

• CSS 수정: 확인한 클래스명을 style.css 파일에서 찾아 display: block; 속성을 적용합니다. 만약 기존 클래스명이 .con_inner가 아니라면, 해당 클래스명으로 코드를 수정해야 합니다.
• PHP 파일 수정: list.skin.php 파일 내에서 자바스크립트 함수(faq_open)를 호출하는 부분이나 닫기 버튼의 클래스명 역시 커스텀 스킨의 구조에 맞춰 제거하거나 수정해야 합니다.

3. 예외 상황 대비

• 백업 필수: 수정 전 반드시 현재 사용 중인 스킨 폴더(theme/테마명/skin/faq/스킨명/)를 백업하십시오.
• 레이아웃 확인: 클래스명을 변경한 후에는 반드시 FAQ 페이지에 접속하여 모든 내용이 의도대로 펼쳐져 있는지, 레이아웃이 깨지지 않는지 확인해야 합니다.

상황별 판단 가이드

• 내 상황: 그누보드 기본 FAQ 스킨에서 제목을 클릭할 때 내용이 접히고 펼쳐지는 토글 기능을 해제하고 항상 펼쳐진 상태로 유지하고 싶음
• 선택 기준: skin/faq/basic/list.skin.php 파일에서 자바스크립트 토글 함수 호출 및 닫기 버튼을 제거하고, style.css에서 숨김 속성을 해제해야 함
• 다음 행동: 수정 전 skin/faq/basic 폴더를 백업한 후, 두 파일의 코드를 지침에 맞게 수정하고 브라우저에서 항상 열려 있는지 확인

실전 FAQ

Q. 커스텀 테마를 사용 중인데 CSS 클래스명이 다를 경우 어떻게 해야 하나요?

• 실행 중 막히는 지점: 기본 스킨의 .con_inner 클래스가 존재하지 않거나 커스텀 테마 고유 클래스명이 적용되어 있는 경우
• 대안 및 해결 방법: 브라우저 개발자 도구(F12)를 열어 FAQ 본문 영역을 직접 검사한 뒤, 실제 적용된 본문 내용 영역의 클래스명을 확인하여 style.css에서 해당 클래스의 display 속성을 block으로 변경해야 합니다.

참고자료

기타 참고자료

• sir.kr — 그누보드5 매뉴얼
• sir.kr — faq 부분 수정시 어떤 파일을 열어 수정해야하나요? - SIR - 개발자 커뮤니티