[가이드] Rollstory-0 스킨 안내

구매 링크: https://posty.pe/86e511 (중복 구매 방지 차원에서 동일 포스트 사용)

 

롤20 백업용 티스토리 스킨 [Rollstory20 v1.2.1]: 연갈피지

샘플 티스토리 바로가기 🔗 오로지 ORPG 백업용 블로그에 필요한 기능만을 넣어 코드를 파격적으로 단축시킨, 그리고 그 자리를 Roll20 최적화로 채운 미니멀하면서 맥시멀한 스킨입니다. 스킨 한

www.postype.com

Rollstory20 스킨 배포 이후 의외로 롤20 백업 이외의 용도로도 수요가 있는 것을 알게 되어, 개인적으로 쓰던 것을 정돈한 제로 에디션입니다.

롤20 스타일이 스킨 제작 의의였는데 롤20이 빠져서 -0가 되었습니다. 블로그 기능이 거의 없는 것은 동일하고, 이외에도 기본적인 부분은 Rollstory20 스킨과 다른 것이 없습니다.

원본 스킨과의 차이점 요약

1. 롤20 백업 기능 삭제

일반 텍스트 업로드 시 불필요한 코드를 삭제해 길이를 더욱 줄였습니다.

2. 아이콘 변경

제목 앞에 붙는 D20 모양 아이콘을 단순 북마크 모양으로 변경해 보다 범용적으로 사용할 수 있도록 했습니다.

3. 표/코드블럭 서식 통일

롤20 충돌로 인해 손댈 수 없었던 부분을 수정했습니다.

4. 들여쓰기 ON/OFF 기능 추가

스킨 편집 맨 아래에서 옵션을 확인하실 수 있습니다. 기본 상태는 OFF이고, 현재 샘플 블로그는 들여쓰기 ON 상태입니다. 아쉽게도 글 개별 설정은 어렵습니다.

5. 모바일 환경 폰트 크기 개선

본래 롤20 로그 가독성에 맞춰 모바일에선 폰트가 축소되도록 했으나, 롤20 백업 기능이 빠졌으므로 좀 더 편안하게 본문에 집중할 수 있도록 해당 속성을 삭제했습니다.

스킨 한눈에 보기

글 목록/보호글
메뉴 토글 기능

더 많은 색상 커스텀 예시

스펙 요약

  • 모든 크기의 화면을 지원하는 반응형 설계
  • 메뉴 수납을 통한 상/하단부 최소화
  • Roll20 채팅 서식을 본딴 글 목록 스타일
  • 오로지 제목과 내용만으로 이뤄진 깔끔한 본문 페이지
  • PC/태블릿에서 긴 내용 열람 시 편의를 위한 맨 위/아래로 버튼
  • 카테고리 글 더 보기 ON/OFF 기능
  • 로고/배경 이미지와 2~3가지 색상 커스텀
  • 문단 첫 글자 들여쓰기 ON/OFF 기능
  • 크롬, 사파리, 엣지, 파이어폭스, 웨일 5개 브라우저에서 정상 구동 확인 완료
  • 사용 소스: Pretendard Variable(글꼴), jQuery Core 3.7.1
  • 미지원 기능: 썸네일 리스트, 카테고리 영역, 댓글/방명록/트랙백, 페이지/공지 등

스킨 도움말

스킨 설정
  1. 글 하단 메뉴 - 카테고리 글 더 보기: 사용 시 글 하단에 카테고리의 다른 글 목록이 노출됩니다. 플러그인의 카테고리 글 더 보기와는 별개로 작동합니다.
  2. 로고 커스텀 - 로고 이미지: 로고 이미지를 삽입합니다. 기존 텍스트 로고는 가려집니다. (최대 세로 60px)
  3. 색상 커스텀 - 주요 색상: 글자 및 아이콘 색상을 지정합니다.
  4. 색상 커스텀 - 보조 색상: 컨테이너 색상을 지정합니다.
  5. 색상 커스텀 - 배경 색상: 배경 이미지가 없는 경우 기본 색상을 지정합니다.
  6. 배경 커스텀 - 배경 이미지: 배경 이미지를 삽입합니다. 기존 배경 색상은 가려집니다.
  7. 배경 커스텀 - 이미지 반복 여부: 배경 이미지의 반복 여부와 크기를 지정합니다.
  8. 배경 커스텀 - 이미지 정렬 위치: 배경 이미지의 정렬 위치를 지정합니다.
  9. 본문 설정 - 들여쓰기 옵션: 사용 시 모든 글에서 문단 첫 줄 들여쓰기가 적용됩니다.

 

FAQ

Q. 스킨을 적용했는데 샘플 블로그와 다르게 나와요!

A. 티스토리 자체 오류로 간혹 파일 업로드가 누락되는 경우가 있다고 합니다. 스킨 설치 과정을 천천히 다시 실행해 보시고, 그래도 안 되는 경우 카톡으로 문의를 남겨주세요.

 

Q. 메뉴를 변경했는데 반영이 안 돼요!

A. 티스토리 자체 오류2로 추정됩니다. 블로그 제목을 변경하면 즉시 적용됩니다. 왜 이러는 건지는 저도 잘 모르겠지만⋯⋯ 제목 변경에 제한은 없으니 잠시 바꿨다가 원상복구하시면 될 것 같습니다.

 

Q. 배경 이미지를 변경했더니 크기가 이상해졌어요!

A. 티스토리 자체 오류3로 추정됩니다. 반복 옵션을 바꿨다가 재적용하면 돌아옵니다⋯⋯.

 

Q. 카테고리 글 더 보기가 2개 나와요! / 이상한 부가 기능이 있어요!

A. 대부분 블로그관리 > 플러그인에서 해제할 수 있습니다.

주의 사항

  • 이 스킨은 롤20 백업 기능이 없습니다. 원본 스킨과 헷갈리지 않도록 주의하세요!
  • 반응형 스킨이므로 블로그관리 > 꾸미기 > 모바일에서 모바일웹 자동 연결을 끄고 사용하세요.
  • 코딩은 독학 취미로 하고 있습니다. 미흡한 점이 있겠지만 너그럽게 봐주시면 감사하겠습니다.
  • 개인적 용도의 코드 수정은 자유로우나, 수정한 스킨의 관리/보수는 도와드리기 어렵습니다.
  • 스킨의 재배포 및 출처 변경을 금지합니다.