Guide / 스킨 목록
KO EN

스킨 목록

스킨 목록은 관리자가 iBoard 스킨을 찾아보고, 검색하고, 다운로드하고, 삭제하고, 버전 정보를 확인할 수 있는 화면입니다. 스킨은 iBoard 게시판, 페이지 일부, 모듈 또는 콘텐츠 영역의 표시 방식과 디자인을 담당합니다.

새 게시판 스킨을 설치하거나, 사용하지 않는 스킨을 삭제하거나, 다운로드 가능한 스킨을 관리하거나, Core Settings 또는 관련 설정에 적용하기 전 버전을 확인할 때 사용합니다.

화면 개요

Skin List 화면은 사용 가능한 스킨을 카테고리별로 표시합니다. 각 스킨은 미리보기 이미지, 스킨 이름, 현재 설치된 버전, 최신 버전, Download 또는 Delete Skin 버튼이 있는 카드 형태로 표시됩니다.

영역 설명
검색 영역 스킨 이름 또는 키워드로 사용 가능한 스킨을 검색합니다.
Skin Settings 스킨 설정 또는 관리 화면을 엽니다.
Category 필터 다운로드 가능한 스킨을 카테고리별로 필터링합니다.
Downloadable Skin List 다운로드 또는 삭제 가능한 스킨 목록을 표시합니다.
스킨 카드 스킨 미리보기, 이름, 버전 정보, 가능한 작업을 표시합니다.
페이지 이동 스킨이 많을 경우 다른 페이지로 이동합니다.

스킨과 테마의 차이

테마는 일반적으로 사이트 전체의 디자인과 레이아웃 구조를 담당합니다. 스킨은 특정 iBoard 모듈, 게시판, 목록, 콘텐츠 영역, 컴포넌트의 표시 방식을 담당합니다.

항목 목적
Theme 사이트 전체 디자인, 레이아웃, 프론트엔드 화면 구성을 담당합니다.
Skin 특정 게시판, 모듈, 페이지 영역, 콘텐츠 컴포넌트의 표시 스타일을 담당합니다.

스킨 검색

검색창을 사용하면 스킨 이름이나 키워드로 원하는 스킨을 찾을 수 있습니다.

  1. 검색창에 스킨 이름 또는 키워드를 입력합니다.
  2. Search 버튼을 클릭합니다.
  3. 검색 결과로 표시된 스킨 카드를 확인합니다.

페이지 이동

사용 가능한 스킨이 많은 경우 페이지 이동 버튼으로 목록을 탐색할 수 있습니다.

  • Previous: 이전 스킨 목록 페이지로 이동합니다.
  • Page Number: 현재 페이지 번호를 표시합니다.
  • Next: 다음 스킨 목록 페이지로 이동합니다.

Skin Settings

Skin Settings 버튼은 스킨 설정 화면을 엽니다. 시스템에서 스킨 관리, 카테고리, 다운로드 동작 등에 대한 추가 설정을 제공하는 경우 사용합니다.

Category 필터

Category 드롭다운은 스킨을 카테고리별로 필터링할 때 사용합니다. 예를 들어 iBoard, blog, board list, gallery, manual 또는 기타 모듈 유형별로 스킨이 분류될 수 있습니다.

Downloadable Skin List

Downloadable Skin List 영역은 서버에서 다운로드할 수 있는 스킨을 표시합니다. 스킨은 카테고리별로 그룹화되며, 각 카테고리 안에 여러 스킨이 포함될 수 있습니다.

카테고리 헤더

각 카테고리 헤더에는 카테고리 이름과 포함된 스킨 개수가 표시됩니다. 펼침/접기 버튼을 사용해 해당 카테고리의 스킨 목록을 표시하거나 숨길 수 있습니다.

스킨 카드

각 스킨은 카드 형태로 표시됩니다. 카드에는 미리보기, 버전, 작업 정보가 표시됩니다.

카드 항목 설명
미리보기 이미지 스킨 디자인을 시각적으로 보여줍니다.
카테고리 라벨 iBoard 같은 스킨 카테고리를 표시합니다.
스킨 이름 ShowMedia, iPlayMirage, SirBoard, iBlogOrange, iManual, iPlayTwine 같은 스킨 이름입니다.
Current Version 현재 설치된 iBoard 및 Plugin 버전을 보여줍니다.
Latest Version 스킨 소스에서 제공하는 최신 iBoard 및 Plugin 버전을 보여줍니다.
Download 선택한 스킨을 다운로드하고 설치합니다.
Delete Skin 설치된 스킨을 서버에서 삭제합니다.

스킨 상태

상태 / 버튼 의미
Download 스킨을 사용할 수 있지만 현재 설치되지 않은 상태입니다. 클릭하면 다운로드 및 설치를 진행합니다.
Delete Skin 스킨이 설치되어 있으며 로컬 서버에서 삭제할 수 있습니다.
Current Version 현재 시스템에 설치된 버전입니다.
Latest Version 원격 스킨 소스에서 제공하는 최신 버전입니다.

스킨 다운로드 방법

아직 설치되지 않은 스킨은 Download 버튼을 사용해 설치할 수 있습니다.

  1. Admin > Site > Skin 메뉴로 이동합니다.
  2. 필요하면 검색 또는 카테고리 필터를 사용합니다.
  3. 설치할 스킨을 찾습니다.
  4. 미리보기 이미지와 최신 버전 정보를 확인합니다.
  5. Download 버튼을 클릭합니다.
  6. 다운로드와 설치가 완료될 때까지 기다립니다.
  7. 관련 iBoard 또는 Core Settings 영역에서 다운로드한 스킨을 적용하거나 선택합니다.
스킨을 다운로드한 후 운영 페이지나 게시판에 적용하기 전에 필요한 스킨 파일이 정상적으로 설치되었는지 확인하세요.

스킨 삭제 방법

Delete Skin 버튼을 사용하면 설치된 스킨을 서버에서 제거할 수 있습니다.

  1. 해당 스킨이 현재 게시판, 페이지, 콘텐츠 영역에서 사용 중인지 확인합니다.
  2. 스킨을 직접 수정한 경우 스킨 폴더를 백업합니다.
  3. Delete Skin 버튼을 클릭합니다.
  4. 확인 메시지가 나오면 삭제를 확정합니다.
  5. 해당 스킨을 사용하던 페이지가 다른 스킨으로 변경되었는지 또는 정상 표시되는지 확인합니다.
현재 활성 게시판이나 페이지에 지정된 스킨은 삭제하지 마세요. 해당 영역의 화면이 깨질 수 있습니다.

스킨 적용 방법

스킨을 다운로드한 후에는 관련 설정 화면에서 선택해야 실제 화면에 적용됩니다. 시스템 구조에 따라 iBoard 설정, 게시판 설정, 페이지 설정 또는 Core Settings에서 스킨을 선택할 수 있습니다. 

확인할 수 있는 위치:
Admin > iBoard > Setting Core
Admin > Pages > Setting Core
Admin > Site > Management
Core Settings

자주 사용하는 작업

작업 권장 방법
다른 게시판 디자인 만들기 스킨을 다운로드한 뒤 게시판 또는 iBoard 설정에서 선택합니다.
갤러리 스타일 레이아웃 설치 이미지 중심 미리보기를 가진 스킨을 선택해 다운로드합니다.
매뉴얼 또는 문서형 스킨 사용 문서형 레이아웃 스킨이 있다면 다운로드해서 사용합니다.
사용하지 않는 스킨 제거 현재 페이지나 게시판에서 사용하지 않는 것을 확인한 후 삭제합니다.
버전 호환성 확인 다운로드 또는 삭제 전 Current Version과 Latest Version을 비교합니다.

주의사항

  • 스킨은 특정 게시판, 모듈, 콘텐츠 영역의 표시 방식에 영향을 줍니다.
  • 설치된 스킨은 다른 설정 페이지에서 선택해야 웹사이트에 반영될 수 있습니다.
  • 스킨 파일에는 HTML, CSS, JavaScript, 이미지, 템플릿 파일이 포함될 수 있습니다.
  • 스킨을 삭제하면 해당 스킨을 사용하는 페이지나 게시판 화면이 깨질 수 있습니다.
  • 스킨을 직접 수정한 경우 삭제 또는 재설치 전에 반드시 백업하세요.
  • 새 스킨을 적용한 후에는 해당 게시판이나 페이지를 미리보기로 확인하세요.

권장 백업 방법

스킨을 교체하거나 삭제하기 전에는 스킨 폴더를 백업하는 것이 좋습니다. 

권장 순서:
1. 현재 스킨 폴더를 백업합니다.
2. 스킨을 다운로드하거나 삭제합니다.
3. 관련 설정 화면에서 스킨을 선택합니다.
4. 영향을 받는 게시판 또는 페이지를 미리보기로 확인합니다.
5. 게시판 스킨이라면 목록, 상세, 글쓰기, 수정 화면을 모두 확인합니다.

문제 해결

문제 가능한 원인 해결 방법
설정 화면에 스킨이 보이지 않음 스킨이 정상적으로 다운로드되지 않았거나 잘못된 폴더에 있을 수 있습니다. 스킨을 다시 다운로드하고 예상 위치에 스킨 폴더가 있는지 확인합니다.
미리보기 이미지가 보이지 않음 스킨 패키지에 미리보기 이미지가 없거나 이미지 경로가 잘못되었을 수 있습니다. 스킨 패키지와 미리보기 이미지 경로를 확인합니다.
게시판 레이아웃이 깨짐 스킨이 현재 iBoard 버전과 맞지 않거나 필요한 파일이 누락되었을 수 있습니다. 버전 정보를 확인하고 모든 스킨 파일이 존재하는지 확인합니다.
Delete Skin이 실패함 서버에 스킨 파일을 삭제할 권한이 없을 수 있습니다. IIS와 폴더 삭제 권한을 확인합니다.
CSS 또는 JavaScript가 로드되지 않음 스킨 내부 파일 경로가 잘못되었을 수 있습니다. 브라우저 개발자 도구에서 누락된 파일 경로를 확인합니다.

관리 권장 사항

  • 스킨은 시스템 로직을 바꾸지 않고 화면 표시 방식을 바꿀 때 사용하세요.
  • 수정한 스킨은 별도로 백업해 두세요.
  • 활성 페이지나 게시판에 지정된 스킨은 삭제하지 마세요.
  • 게시판 스킨을 적용한 뒤 목록, 상세, 글쓰기, 수정, 모바일 화면을 모두 테스트하세요.
  • 카테고리 필터를 사용하면 필요한 유형의 스킨을 더 빠르게 찾을 수 있습니다.
  • 가능하면 실제 사용하는 스킨 또는 필요한 스킨만 설치된 상태로 유지하세요.
스킨은 시각적 표현과 시스템 로직을 분리해서 관리할 수 있게 해줍니다. 게시판과 페이지 레이아웃이 안정적으로 유지되도록 신중하게 관리하세요.