15,000원

해당 스킨에는 하단 스킨 및 플러그인에서 아이디어를 받아 커스텀 된 부분이 있습니다.

허락에 감사드립니다! (__ )

• 지비님의 썸네일 로드비(🔗)
• 지비님의 텍스트 서식(🔗)

기능 요약

글, 그림, 영상 관계 없이 완벽한 백업 스킨을 원했습니다.

· 리스트 썸네일형: 그러나 이미지가 없어도 심심하지 않은 구성

· 썸네일 링크 공유: 트위터/카톡 공유 시 미리보기 지원

· 제목 외 부제 설정 가능: 출처 표기도 쉽다!
· 지비님의 텍스트 서식 외 각종 치환자 지원

· 파일 업로드 / 외부링크 무제한

· 영상 링크만으로 백업
· 이미지 클릭 시 모달뷰 지원

· BGM / 배경 이미지 설정 가능

· 본문 글꼴, 행간, 크기, 정렬 설정 가능

· 글 작성 시 실시간 뷰어 지원

· 좋아요 기능 지원
· 카테고리, 보호글 사용 가능

게시판과 연동되는 알림 위젯이 추가되었습니다_250331

파일은 스킨 다운로드 시 함께 제공되며, 설치법만 링크를 참고해 주세요!

· 리스트 썸네일형

썸네일, 제목, 부제, 좋아요 영역으로 구성되어 있습니다. 카테고리가 설정된 경우에는 위와 같습니다.

썸네일이 없을 경우 제목을 크게 표시하여, 이미지가 없는 경우에도 심심하지 않게 구성했습니다.

· 썸네일 이미지

썸네일은 본문용 이미지와 별개로 지정이 가능하며, 지정된 썸네일이 없을 경우 본문 이미지 필드 중 가장 첫 번째를 가져옵니다. 지정된 썸네일 > 업로드 파일 > 외부링크 순

*이때, 이미지[링크] 치환자를 통해 가져온 본문 이미지는 포함되지 않습니다.

· 리스트 내 게시글 전체·선택 삭제 가능

상단의 체크박스를 통해 선택, 하단의 전체 선택과 삭제 버튼을 누르면 선택적으로 삭제가 가능합니다.

· 리스트 썸네일 블러 기능 (+250421 추가)

마우스를 올리면 블러가 아주 약간 걷힙니다.

글 작성 시 옵션을 선택할 수 있습니다.

· 썸네일 링크 복사, 좋아요 기능

좋아요는 IP당 한 번만 가능하며, 취소 역시 가능합니다.

좋아요 카운트는 게시글 리스트에 보이는 카운트와 공유됩니다.

· 썸네일 링크 복사로 미리보기 공유하기

본문 상단의 '썸네일 링크 복사'를 통해 공유할 경우 썸네일 미리보기와 본문 링크를 지원합니다.

이미지가 있을 경우에는 이미지를, 이미지가 없을 경우에는 제목을 크게 출력합니다.

단, 썸네일 링크를 트위터/카톡에 공유할 때는 이미지가 있을 경우에만 이미지 영역이 출력됩니다.

*제공되는 양식이 있는 부분이라 오류가 아닙니다.

· 본문 옵션

• 카테고리 사용 시 카테고리 항목 출력
• 전체공개 외 보호글(비밀글) 설정 가능
• 썸네일 블러 기능 추가(+250421)
• 제목 외 부제 입력 가능(출처 표기 등으로 활용)
• 파일 업로드 수 제한X
  
• 썸네일 지정 가능. 업로드 된 이미지가 없을 경우 외부 링크를 출력
  • 썸네일을 업로드 할 경우 URL에 경로가 자동 입력되므로 지우지 말 것!
• 썸네일용 파일 삭제는 업로드 란이 아니라 썸네일 칸에서 진행합니다!
  

· 본문 이미지 위치 지정 가능 (25.03.23 추가 기능)

- 이미지 업로드 시 본문에 자동으로 [파일번호]가 생성되며, 가로 사이즈 조정이 가능합니다.

- 외부 링크의 경우 이미지[url], 비디오의 경우 비디오[url]을 입력합니다.

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

• 250323_0 이전 업로드 한 이미지와 중복 출력되지 않도록 처리해뒀습니다.
• 이전 업로드한 이미지들을 본문 내 위치 지정 하시고 싶은 경우 등 파일 순번에 따라 번호를 매겨 수동으로 입력해 주시면 됩니다. ex. [파일1], [파일2]...

· BGM 설정 가능

BGM을 설정한 경우 게시글 하단에 재생/정지 버튼과 볼륨 조절 바가 뜹니다.

기본적으로 자동재생 되나, 크롬 및 유투브 제한 등으로 재생/정지 버튼을 클릭해야 할 수도 있습니다.

· 배경 이미지 설정 가능

배경 이미지 설정 시 화면을 덮는 풀스크린으로 출력됩니다!

· 외부 링크 이미지 4개 

외부 공유 시 썸네일용 이미지 필드는 이쪽에서만 계산됩니다.

· 본문 내에만 출력되는 외부링크는 치환자를 통해 무제한 가능 ^////^

· 영상 또한 비디오[유투브 링크]를 통해 쉽게 출력할 수 있습니다.

· 본문 전체 글꼴, 행간, 크기, 정렬 지원

· 좌[내용], 중[내용], 우[내용] 치환자를 통해 개별 정렬 가능

· 텍스트 꾸미기

본문 작성 시 </> 버튼으로 지비님의 텍스트 서식 및 지원되는 치환자를 확인하실 수 있습니다.

*체크박스는 꾸미기 용으로만 사용될 뿐, 실제 체크 여부가 저장되지는 않습니다.

+250410_1에서 추가된 치환자입니다.

· 코드 블럭

+250513_0 추가

코드HTML[내용] / 코드CSS[내용] / 코드JS[내용] / 코드PHP[내용]

해당 치환자를 이용하여 코드를 깨지지 않게 작성할 수 있습니다.

(하단은 코드 HTML이 사용되었습니다.)

CSS는 자동으로 입혀집니다 ^//////^

· 실시간 뷰어

글꼴, 행간, 크기, 정렬, 치환자, 꾸미기 서식 등을 실시간으로 확인하실 수 있습니다.

치환자를 통해 삽입한 이미지, 영상 역시 확인이 가능합니다.

구매 전 확인 사항

기존에 사용하던 게시판에 스킨을 덮으실 경우

이미지 출력 방식이나 필드 활용 방식의 차이로 호환되지 않을 수 있습니다.

새 게시판을 만들어 사용하시는 것을 권하며, 부득이한 경우 게시판을 복제하여 사용해 주세요.

테스트 환경

- php 7.4 / 아보카도 퍼스널

- mysql 8.0 이상 필수 (닷홈의 경우 호스팅 관리 > 상세보기 > DB 정보 확인)

+25.03.18

php 5.4 호환, 아보카도 라이트 호환 진행했습니다!

다만 제가 사용할 수 있는 개발 환경이 아니라, 오류 발생 시 수리가 늦어질 수 있습니다.

주의사항

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

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

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

+

문의 시 구동 환경과 홈페이지 주소를 주시면 가능한 빠르게 확인할 수 있도록 하겠습니다!