살구 스킨#2이 다양한 기능들을 담아 새롭게 돌아왔습니다 !
변경사항은 아래와 같습니다.
v.1 → v.2 변경 사항
- 폰트 : Monda 삭제, Pretendard | Open Sans | Poppins 변경
- 스킨 편집 홈에서 스킨 너비/높이, 포인트 색상, 대표이미지 설정 등이 가능하도록 업데이트
- 폰트어썸 4.7 → remixicon svg 변경
- 빠른 구동을 위해 제이쿼리 삭제, 바닐라 자바스크립트로 변경 (티스토리 자체 서버 및 오류로 스킨 내 라이브러리는 존재함)
- 티스토리 스킨 에디터 업데이트로 HTML/CSS 압축X, 들여쓰기로 변경
- 각종 클래스 네임 변경
1) 본문, 공지사항
- 인포메이션 탭 (타이틀, 날짜 출력 부분) 디자인 변경
- 뉴에디터 양식 일부 리디자인
- 신고 | 공감버튼 리디자인
- 어드민 버튼 리디자인
2) 헤더 (많이들 문의하셨던 그것...)
- 모바일에서도 프로필 사진이 나오도록 변경
- 모바일에서도 하트버튼 클릭 시 슬라이드 사진이 나오도록 변경
3) 댓글 & 방명록
- 입력 폼 리디자인
- 댓글/방명록 리스트 리디자인
4) 카테고리
- 카테고리 리스트 노출 : 직접 입력 -> 치환자 사용으로 변경
- 카테고리별 디자인 지정
5) 비밀글
- 입력 폼 리디자인
6) 커버
- 커버 지원
전체적인 디자인은 유지하며, 최대한 업데이트된 치환자들을 제공하려 했습니다.
스킨 수정 가능 ㅣ 재배포 불가능 ㅣ 카피라이트 삭제 절대 금지
• html 하단의 <div class="copyright"> ~ </div>는 제거 불가능합니다
• Link 부분은 자유롭게 수정 가능
지원 브라우저
(이전 버전의 브라우저는 지원하지 않습니다. 브라우저 혹은 운영체제를 업데이트 해주세요.)
DESKTOP
• Microsoft Edge | Chrome | Safari
MOBILE
• Samsung browser | Chrome | Safari
지원 부분
• 반응형 스킨
• [홈 커버] : 공지, 태그 클라우드, 리스트, 갤러리, 슬라이드
• [카테고리별 목록 스타일] : 심플 리스트, 갤러리1, 갤러리2, 웹진
• 본문 - 인용, 더보기, 링크 리디자인
• 본문 - 신고버튼, 공감버튼, 통계버튼 리디자인
• 본문 - 페이징 버튼
• 어드민 페이지 이동, 글쓰기 버튼
• 반응형 동영상
• 본문 페이징 버튼 : 기본 페이징 버튼과 동일하게 <를 누를 때 최신 글이 뜨며, >를 누를 때 이전 글이 뜹니다.
미지원 부분
• 티스토리 댓글 / 방명록에 대한 신규 치환자는 지원하지 않습니다. (추후 수정될 수 있으나 현재로선 계획 없습니다.)
사용된 폰트, 라이브러리
• Pretendard(주|한글), Open sans(영문), Poppins(영문)
• plain JS slideToggle 응용했습니다. https://github.com/ericbutler555/plain-js-slidetoggle
스킨 적용 방법
• 관리자 화면 > 꾸미기 : 스킨 변경 > 스킨 등록 > 압축을 푼 첨부파일의 images 폴더 내용까지 모두 업로드
• images 폴더까지 적용하지 않는 문제는 답변드리지 않습니다.
스킨 저작권 정보
• 제작자 : 살구(#f8b878)
• 블로그 : https://mellowapricot.tistory.com
• 이메일 : worksapricot@gmail.com
스킨 미리보기
메인 : https://apricot111777.tistory.com/
글 양식 : https://apricot111777.tistory.com/13
[ 사용 조건 ]
(안내 사항을 정독하지 않아 발생한 불이익에 대해 책임지지 않습니다.)
1. 브라우저 혹은 티스토리 업데이트로 오류가 발생할 수 있습니다. 스킨 자체 오류 외, 티스토리 오류 및 사용자의 커스텀으로 인한 오류는 수정 범위에 들어가지 않을 수 있습니다.
2. 스킨의 자체 오류는 최대한 지원하며 오류 검수 작업, 기능 수정 등으로 스킨의 버전은 업데이트 될 수 있으며 디자인이 변경될 수 있습니다.
3. 제작자의 동의 없이 스킨을 상업적으로 이용하는 것을 금지합니다.
(단, 애드센스 등의 엔진 광고 및 커미션 수준의 페이지는 제외합니다.)
4. 스킨 수정은 레이아웃을 변경하지 않는 선에서 자유롭게 가능합니다.
5. 어떠한 경우에도 카피라이트 삭제 옵션은 제공되지 않습니다. (육안으로 식별이 가능하다는 전제 하에) 카피라이트 색상 변경 아이콘 변경 모두 가능합니다. 스킨 배경 이미지(또는 색상)로 인해 식별이 불가할 경우 반드시 카피라이트 색상을 변경하셔야 합니다.
6. 타 제작자와 커미션 작업 시, 혹은 스킨 배포 시 본 스킨을 베이스로 쓰거나 디자인을 가져가는 것을 금지합니다.
7. 어떠한 경우에도 타 스킨과 짜집기 불가합니다.
다운로드 행위는 [사용 조건]에 동의한 것으로 간주합니다.
1. 홈 커버 태그 개수 설정
개수 : 관리자 화면 > 꾸미기 > 사이드바 > 태그는 []개 표시되며~
순서 : 관리자 화면 > 꾸미기 > 스킨 편집 > 홈 설정 > 기본 설정 > 태그 클라우드 순서 > []
2. 스킨 수정 방법 및 자주 묻는 질문
https://mellowapricot.tistory.com/240 참고 부탁드립니다.\
스킨 변경 사항
(2.1) 2023:08.15
- 리스트 관련 CSS 및 반응형 동영상 JS 수정
(2.2) 2023.08.23
- 본문 페이징 버튼 지원
- 목록 구성 요소 : 내용만 보기에서 인용 등 디자인 통일
- 코드 정리
(2.2.1) 2023.08.25
- 코드 정리
(2.3.0) 2023.08.27
- 어드민 페이지 버튼 추가
(2.4.0) 2023.09.25
- 코드 정리 및 스킨 옵션 추가
- new아이콘 리디자인
(2.5.0) 2023.10.31
- svg 스프라이트 추가
- 썸네일 로딩 추가
(2.5.1) 2023.11.21
- 스크립트 오류 수정
(2.5.2) 2023.11.22
- 네임카드 리디자인
(2.5.3) 2024.01.08
- 반응형 썸네일 오류 수정
(2.6.0) 2025.03.11
- index 파일 수정 (스킨 변경이 안 되는 오류 해결)
미루고 미루다가 그냥 배포합니다!
오류 문의는 댓글로 주세요^-^♡
스킨 최초 배포 : 2023.07.29 ver.2 (리뉴얼)
"살구(#f8b878) https://mellowapricot.tistory.com"