[라공에디션] 캐릭터 게시판 스킨

구매 추천

가볍고 가독성이 좋은 캐릭터 게시판

근데 BGM도 되어야 하고 캐릭터 다른 버전 프로필도 쓸 수 있어야 하고…

기능 요약

· 리스트 내 드래그 앤 드랍으로 순서 정렬
· BGM, 배경 이미지 삽입 가능
- 재생 중인 BGM이 있을 경우 자동으로 멈춤
- 캐릭터 BGM 소리 조절바 존재
· 캐릭터의 다른 버전 프로필 연계 가능: AU나 연령 등
· 전신 스왑 기능(옷장)
· 이미지 타입 별 첨부, 외부링크 모두 지원
· 설명용 이미지 업로드 시 본문 내 위치 지정 가능
· 편의용 치환자 지원(정렬, 이미지, 비디오, 상자, 타이틀 등)
· 요약/프로필/기타 정보 외 추가 탭 3개 지원
· 본문 뷰어 지원
· 파일관리 용이함: 프로필 삭제 시 첨부파일 모두 삭제
· 프로필 링크 공유 기능 = 트위터/카톡 미리보기 지원
· 카테고리, 비밀글 사용 가능

리스트

드래그 앤 드랍으로 순서 정렬

상단의 '정렬' 버튼을 누른 뒤, 리스트에 테두리가 생기면 편집 가능 상태가 됩니다.

이미지를 끌어 원하는 위치로 옮긴 뒤 '저장'버튼을 누릅니다.

카드 배경 색

카드 배경색은 게시글 작성 시 입력한 캐릭터의 '메인 컬러'를 따라갑니다.

게시글

2e7f87cf3affc24603e6872722cb81ac_V7O45pT2_94264320c74980261960d769ff27a26534b41691.gif

BGM 삽입

- 재생 중인 BGM이 있을 경우 자동으로 멈춥니다.

- 대상: FTP상 경로 최상단 /bgm.php를 사용하여 재생하는 모든 환경 (특이사항 외 대부분)

- BGM 사운드바(좌측 하단)가 있어 소리 조절이 가능합니다.

캐릭터의 다른 버전 프로필 연계

버튼> 좌측 상단 사각형

전신 스왑:옷장 기능

버튼> 우측 원형

글 작성

카테고리, 비밀글 사용 가능

게시판 설정 내 카테고리 사용, 비밀글: 체크박스와 연동

전신

- 다중 업로드 지원. 점선 영역을 누르거나, 파일을 드래그 앤 드롭하세요.

- 외부 링크 역시 [+] 버튼을 눌러 다중 삽입 가능

- 전신 스왑(옷장 기능) 순서 조정을 미리보기 파일에서 드래그 하는 방식이기 때문에, 외부링크 입력 시에도 미리보기가 출력됩니다. (하단 GIF 참조)

흉상, 두상, 미니

- 타입 별로 한 장씩만 올릴 수 있습니다.

- 파일 선택/외부 링크 입력 시 글 작성 단계에서는 미리보기를 지원하지 않습니다.

- 파일/외부링크 삭제 시 미리보기 우측의 [X] 버튼을 통해 제거합니다.

※ 이때는 외부링크도 자동으로 미리보기에 들어갑니다!

▽잘못된 사용법

2e7f87cf3affc24603e6872722cb81ac_mgVfJBQn_189e90f619224df805696685c26a10f142bf2572.webp

- '같은 타입' 내에서 파일 업로드와 외부링크를 '동시'에 입력하면 오류가 발생할 수 있으므로 한 쪽에만 값을 입력해 주세요.

※ 전신은 파일 업로드 및 외부링크 양쪽 모두 자유롭게 이용이 가능합니다.

뷰어

아직까지는 에디터를 지원하지 않습니다. (~25.11.11)

2e7f87cf3affc24603e6872722cb81ac_hLOCeIz6_7e1c8d20eb78c5e6798a50f4111f9c1f748db1a2.gif

- 치환자 및 본문용 이미지(추가 이미지) 미리보기를 지원합니다.

- 코드 간 충돌 문제로 한 구역에서만 지원하므로 다른 란에 필요 시 프로필란에서 작성 후 복사 붙여넣기 해주세요!

본문용 추가 이미지 삽입

- 추가 이미지 업로드: 다중 파일 업로드, 드래그 앤 드롭 지원

- 본문에 자동으로 [파일번호]가 생성되며, 가로 사이즈 조정이 가능합니다. ※상단 GIF 참고
- 외부 링크의 경우 이미지[url], 비디오의 경우 비디오[url]을 입력합니다.

예시
[파일1], [파일2] : 업로드한 원본 그대로 올라갑니다.
[파일1-200]: 가로 200px로 업로드합니다.
[파일2-400]: 가로 400px로 업로드합니다.

캐릭터 정보 입력 창

- 요약/프로필/기타 정보 외 추가 탭 3개, 총 6개의 탭을 사용하실 수 있습니다.

- 탭: 캐릭터 프로필 내용에서 왼쪽 버튼으로 이동할 수 있는 영역

치환자

이외의 치환자에 대해서는 프로필 영역 옆의 </> 버튼을 눌러 내용을 확인하실 수 있습니다.

탭 내 같은 디자인으로 꾸밀 수 있도록 상자[내용]과 타이틀[내용]을 치환자로 넣었습니다.

상자[내용] - 사진 내 검은 상자 영역
타이틀[내용] - 사진 내 App. 내용에 다른 글자를 넣을 수 있습니다.

기타 편의

· 프로필 링크 공유 기능

- 프로필 내 버튼을 통해 링크를 복사합니다. (주소창X)

- 트위터/카톡 공유 시 미리보기용 썸네일을 지원합니다.

- 흉상(캐릭터 리스트에 보이는 파일)을 출력하며, 없을 경우 두상을 출력합니다.

스크린샷 2025-11-11 165736.png

- 공유된 링크 내 카드 배경색은 게시글 작성 시 입력한 캐릭터의 '메인 컬러'를 따라갑니다.

- 글 작성 시 삽입한 '미니' 타입이 있다면, 썸네일 공유 시 출력됩니다.

· 파일관리

- 첨부 파일 삭제 시 DB데이터 삭제, 경로 내 파일 삭제

- 게시글 삭제 시 첨부 파일 및 DB 데이터 삭제

구역 설명

배경 이미지를 삽입하지 않은 기본 버전입니다.

기능이 포함된 경우 빨간 영역, 포함되지 않은 경우 흰 영역에 있습니다. 숫자로 설명합니다.

1. 목록, 수정, 삭제, 답글, 공유

- 목록: 리스트로 돌아갑니다.

- 수정: 게시글을 수정합니다.

- 삭제: 게시글을 삭제합니다.

- 답글: 캐릭터의 다른 버전을 추가합니다.

- 공유: 미리보기 링크를 복사합니다. 복사가 되지 않았을 경우 다시 클릭해 보세요.

2. 캐릭터 버전별 두상 출력

3. BGM 재생/정지, 사운드바

4. 프로필 정보 영역 진입

5. 전신 스왑 버튼:옷장

6. 이름(원문, 한글), 한마디 영역

7. 기본 정보 영역

8. 전신 이미지 출력 영역

## 포함 파일

_bgm.check.php
_bgm.php
_common.php
cha_preview.php
css/
├── style.css
├── style.list.css
├── style.view.css
└── style.write.css
delete.tail.skin.php
file_delete.php
generate_thumbnails.php
list.skin.php
txt/
├── _common.php
├── index.php
└── style.css
view.skin.php
view.skin.script.php
write.content.script.php
write.skin.php
write.skin.script.php
write_update.skin.php

**총 21개 파일**

테스트 환경

라공 에디션용

php 8.2 / 라공 에디션

구매 전 확인 사항

무조건 새 게시판을 만드셔야 합니다.

기존에 사용하던 게시판에 덮으시면 안 됩니다. 날아갈 수도 있습니다.

주의사항

스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.

외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ

추가적인 안내가 생길 경우 갱신하겠습니다!

분홍표고 2025.12.30 포토

★ ★ ★ ★ ★

어떠신가요, 캐릭터 정리?
동동 2025.12.25 포토

★ ★ ★ ★ ★

캐릭터게시판스킨 리뷰

스킨 설치 방법

링크: URL

스킨 적용 및 게시판 관리

2e7f87cf3affc24603e6872722cb81ac_kp1EJf9i_2500ff3442a0c8f477e915adb0c035d7e09db9bd.webp

게시판 타입: 일반 게시판

분류: 카테고리! 사용 여부 자유롭게

2e7f87cf3affc24603e6872722cb81ac_Y6w241AN_ca65d013aad3507085c51995c10ce77585031bb4.webp

비밀글 사용: 사용이 필요할 경우 체크박스

DHTML 에디터 사용: 지금은 지원하지 않으므로, 체크를 풀어줍니다.

파일 업로드 개수: 필요한 만큼 늘리시면 됩니다! (100개 이하)

2e7f87cf3affc24603e6872722cb81ac_XjyECeMr_ce851fae10bc617668a06dc5f7b128f534b090e4.webp

스킨 디렉토리: 다운로드 후 설치하신 캐릭터 스킨 폴더로 변경해 줍니다.

*폴더가 뜨지 않는다면, 혹시 압축 상태는 아닌지 다시 확인해 보세요.
*적용 후 출력이 이상하다면 '스킨 설치 방법'을 다시 참고하여 경로 내 파일이 올바르게 설정되어 있는지 확인해 보세요.

2e7f87cf3affc24603e6872722cb81ac_hKVrP04S_236bb85525c9db28d0c31304dd2cbf97f759792f.webp

페이지 당 목록 수: 갤러리 열 개수의 배수로 설정해주세요. (ex. 열 개수 5개일 경우 10/15/20…)

갤러리 이미지 수: 리스트 내 카드의 열 개수와 연동됩니다.

갤러리 이미지 높이: 리스트 내 카드의 세로기준과 연동됩니다.

기본 정렬: '수동 정렬'로 설정해 주셔야 정렬 기능이 작동합니다!

*갤러리 이미지 높이 300, 갤러리 이미지 수 5개, 페이지 당 목록 수 15개를 기준으로 작업했습니다. (1920*1080 기준)

재생되고 있던 BGM은 정지가 되었는데 캐릭터 BGM이 안 나와요.

발행 시점, 웬만하면 되는 게 정상인데도 안 된다면 브라우저 캐시 삭제를 꼭 해주세요.

사용하시는 브라우저에서 ctrl+shift+del 후 캐시 전체 기간 삭제입니다.

궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.

251027_0 업데이트

라공 에디션(RA0 Edition ver 0.1.7)용 호환 업데이트
color.css 삭제 후 라공 에디션 관리자 설정과 연동

251028_0 업데이트

라공 에디션(RA0 Edition ver 0.2.0)용 호환 업데이트
리스트: 한마디 출력 위치 변경
리스트: 고정 위치 변경
리스트: 정렬 순서 로직 변경: 게시판 관리-정렬 순서 설정 필요
글 작성/수정 시: 이미지 삭제 시 JSON 오류
뷰: 한마디 출력 시 “위치 변경

251115_0 업데이트

라공 에디션 v1.0.3 호환 작업

251204_0 업데이트

공유 시 여러 번 클릭해야 복사가 됐던 문제
공유 시 단축 URL이 복사되지 않던 문제 + 이동할 수 없었던 문제
공유 시 이미지를 흉상 이미지로 등록 > 기존 게시글 : 썸네일 일괄 생성 혹은 수정 등록
저장 시 순서가 리셋되는 문제
답글 권한(캐릭터 AU 추가 등)에 제한이 없는 문제
메뉴, 위젯 메뉴 출력 문제(=트랜스폼 메뉴 위젯까지 추가 업데이트 필요)
투두리스트 위젯 버튼 출력 문제
삭제 시 경고가 출력되지 않던 문제
리스트에서 현재 버전 표시

251205_0 업데이트

분류 사용 시 카테고리 버튼에 스타일이 적용되지 않던 문제 수정

251211_0 업데이트

ios 환경에서 리스트가 깨져 나오는 문제 수정