라공

툰로그 스킨

20,000원

웹툰만화로그백업카테고리뷰어

웹툰처럼 이미지를 쭉 이어서 볼 수 있는 뷰어가 필요해!
만화 리더처럼 좌우로 넘기는 것도 되면 좋겠는데…
이미지 업로드가 편해야 하고, 순서도 쉽게 바꿀 수 있어야 해!


툰로그 스킨은 웹툰 스크롤 뷰와 만화 리더를 모두 지원하는

이미지 특화 게시판 스킨입니다.


툰로그-웹툰.gif
툰로그-만화.gif



기능 한눈에 보기

칩 카드 그리드 드래그 앤 드롭 업로드 클립보드 붙여넣기 URL 이미지 가져오기 드래그 순서 변경 마크다운 본문 스크롤 뷰 (웹툰) 만화 뷰 (리더) 인접 글 네비게이션 댓글 제한/토글 이미지 자동 최적화 WebP 자동 변환

📋 목록

🃏 칩 카드 그리드

썸네일이 카드 전체를 채우는 오버레이 스타일입니다. 갤러리 열 수와 높이는 게시판 설정값을 그대로 사용합니다.

✦ 호버 인터랙션

카드에 마우스를 올리면 이미지가 확대되면서 블러 처리되고, 부제목이 페이드인됩니다.

🔍 검색 + 카테고리

상단에 검색바와 글쓰기 버튼이 배치되며, 필 형태의 카테고리 버튼으로 필터링할 수 있습니다.

⚙️ 관리자 메뉴

전체선택, 삭제, 복사, 이동을 미트볼 메뉴로 통합하여 깔끔하게 제공합니다.


clipboard_1771323706595.png

✏️ 글쓰기

✍️ 부제목

카드 목록에서 호버 시 표시되는 부제목을 입력할 수 있습니다.
최대 80자까지 지원됩니다.

📸 이미지 업로드

드래그 앤 드롭, 클립보드 붙여넣기(Ctrl+V), URL 입력을 모두 지원합니다. 업로드 후 드래그로 순서를 자유롭게 변경할 수 있습니다.

🎨 대표 썸네일

파일 업로드 또는 URL로 지정합니다. 미설정 시 첫 번째 첨부 이미지를 자동 사용합니다.

📝 마크다운 본문

에디터 없이 순수 textarea에 마크다운 문법을 사용합니다. 가이드 토글로 문법을 확인할 수 있습니다.

🎛️ 게시 옵션

iOS 스타일 스위치로 공지(관리자만 표시), 만화 뷰 설정, 댓글 제한을 간편하게 설정할 수 있습니다.

clipboard_1771323904906.png

👁️

📜 스크롤 뷰

이미지를 세로로 나열하여
웹툰처럼 스크롤로 감상

📖 만화 뷰

좌우 버튼 · 키보드 · 클릭으로
페이지를 넘기는 리더 모드

📑 마크다운 렌더링

헤딩, 굵게, 기울임, 취소선, 코드, 링크, 인용, 목록, 구분선을 지원합니다.

clipboard_1771325753015.png

▲본문 우측의 '마크다운 문법'을 클릭하시면, 양식 확인이 가능합니다.

🔄 이미지 순서 자유 변경

글쓰기에서 드래그로 설정한 이미지 순서가 그대로 뷰에 반영됩니다. 첨부 순서와 무관하게 원하는 순서로 이미지를 배치할 수 있습니다.

툰로그스킨-드래그.gif

🔀 인접 글 네비게이션

이전 2개 + 현재 + 다음 2개 글을 썸네일, 제목, 부제, 작성자와 함께 표시하여 연속 탐색이 편리합니다.

clipboard_1771323994284.png

▲댓글 작성을 막을 경우, 댓글 작성창 또한 출력되지 않습니다.

💬 댓글

📂 새 댓글 막기

댓글 작성을 막아둘 수도 있습니다.

💬 대댓글/수정/삭제

미트볼 메뉴로 댓글 관리 기능을 통합하여 깔끔하게 제공합니다.

이미지 자동 최적화

글을 저장하면 첨부 이미지가 자동으로 최적화됩니다. 별도 설정 없이 작동합니다.

이미지 업로드 2000px 리사이즈 WebP 변환 원본 정리
처리 조건 동작
리사이즈 가로 2001px 이상 가로 2000px로 축소 (비율 유지)
WebP 변환 jpg, png, gif, bmp WebP 변환(웹 최적화)
썸네일 대표 이미지 600×600 리사이즈 후 WebP

이미 WebP인 파일은 리사이즈만 적용됩니다. 변환 후 원본과 기존 썸네일은 자동 삭제됩니다.

⚙️ 게시판 설정 권장값

갤러리 열 수
자유
이미지 높이
자유
업로드 파일 수
~99
에디터
사용안함

⚠️ 주의사항

에디터를 사용안함으로 설정해야 정상 작동합니다. 본문은 마크다운으로 처리되며, 에디터 사용 시 충돌할 수 있습니다.

간편한 이미지 업로드가 목적인 게시판으로, 에디터 지원 예정은 없습니다.

## 포함 파일

list.skin.php
style.css
view.skin.php
view_comment.skin.php
write.skin.php
write_update.skin.php

**총 6개 파일**

테스트 환경

라공 에디션용

php 8.2 / 라공 에디션


구매 전 확인 사항

간편한 이미지 업로드가 목적인 게시판으로, 에디터 지원 예정은 없습니다.

이미지 최적화에 대해 잘 모르시거나,

번거로우신 분들이 많다는 걸 알고 파일 업로드 시 자동으로 처리되도록 했습니다.

이미지 사이즈가 줄어들고, 화질은 큰 차이를 느끼기 어려운 선에서 조정됩니다.

때문에 파일이 원본 크기가 아닌 데에 대한 문의는 받지 않습니다.

원본 크기면 큰일나요... 로딩이 999999만년 걸리다가 홈페이지가 그냥 터집니다 ㅠㅠ...

주의사항

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

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

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

등록된 리뷰가 없습니다.

스킨 설치 방법

링크: URL


스킨 적용게시판 관리

 

게시판 타입: 일반 게시판

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


 

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

DHTML 에디터 사용: 체크를 풀어줍니다.

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


 

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

*폴더가 뜨지 않는다면, 혹시 압축 상태는 아닌지 다시 확인해 보세요.

*적용 후 출력이 이상하다면 '스킨 설치 방법'을 다시 참고하여 경로 내 파일이 올바르게 설정되어 있는지 확인해 보세요.


 

페이지 당 목록 수: 편한 수치로 설정해 주세요.

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

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

기본 정렬: '기본'으로 해주시면 됩니다.

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

250217_0 발행


×