03
16

달력과 제 이불 무늬를 모티브로 만들어진 깔끔한 스킨.
티스토리에서 제공하는 거의 대부분의 기능을 지원 · 사용하려 노력했습니다.

Copyright를 제외하고 자유로운 수정이 가능하나, 재배포는 금지합니다.
본 스킨의 테마 폰트로는 에스코어 드림 5체가 사용되었습니다.

 


더 많은 이미지

커버 / 본문
기본 썸네일 / 길쭉한 썸네일 / 목록형
기본 썸네일 마우스 오버 / 길쭉한 썸네일 마우스 오버
공지사항 / 페이지
비밀글 / 태그 / 방명록


샘플 페이지 바로가기

더 다양한 색상 팔레트 적용해보기


다운로드

github.com/d-dlzndi/d-dl_calendar_skin/archive/main.zip

↑ 위 링크를 클릭하세요.


주요 특징

  • Preview 이미지 3장, 웹폰트 1개, 웹폰트 경량파일 1개, 스크립트 하나를 포함해 용량 700kb
  • 커버 지원 (썸네일, 긴 썸네일, 목록형, 자유 입력형)
  • 사이드바 1개 (좌우 변경 가능)
  • 반응형, 모바일 지원
  • 인터넷 익스플로러 미지원
  • 티스토리 뉴 에디터 최적화 (구에디터 미지원)
  • 카테고리 별 글 목록 스타일 (기본 썸네일, 긴 썸네일, 리스트) 형식 선택 가능
  • jquery, font awesome5 free cdn 불러와 사용
  • 사이드바 하단 SNS 링크 (Github, Facebook, Twitter, Instagram)

 


스킨 기본 설정

더보기

- 본 스킨 파일을 다운로드한 후, 설정 > 꾸미기 > 스킨 변경 > 우측 스킨 등록 버튼을 통해 스킨 등록 후, 스킨 보관함을 통해 본 스킨으로 변경하세요.

 

- 본 스킨의 기본 폰트는 KoPubWorld돋움체로 설정되어 있으며, 방문자의 컴퓨터에 이 폰트가 설치되어 있지 않을 경우 맑은 고딕(sans-serif 기본 폰트)으로 대체됩니다.

 

- 본 스킨은 반응형 스킨이므로 설정 > 꾸미기 > 모바일 > "티스토리 모바일 웹 자동연결"을 꺼주세요.

  또, 반응형 스킨이므로 설정 > 플러그인 "반응형 웹스킨 이미지 최적화" 사용을 권장합니다.

 

- 설정 > 플러그인 "카테고리 글 더보기" 기능을 사용할 수 있습니다.

사용 시 본문 바로 아래, 태그 박스 위에 전체 테마를 거스르지 않는 디자인으로 적용됩니다.

 

- 설정 > 플러그인 "코드 문법 강조" 기능을 사용할 수 있습니다.

사용하지 않았을 경우 / 사용했을 경우

디자인은 동일합니다.

폰트는 기본적으로 'D2Coding', 'Consolas', sans-serif로 지정되어 있습니다. 만약 웹폰트를 불러와 모든 블로그에서 반드시 D2Coding체로 보여주고 싶다면 style.css 파일 원본 1983-1990번째 줄의 주석을 해제하세요.

 

- 댓글/방명록 내부의 링크는 읽어서 자동으로 링크를 걸어줍니다. (외부 스크립트를 사용했습니다.)

 

- 댓글 수가 0이고, 댓글 작성도 닫혀있을 경우 댓글 공간 자체를 자동으로 지웁니다.

 

- 카테고리 설명이 블로그 설명과 동일할 경우 카테고리 설명을 지워줍니다.

 

스킨 옵션 가이드 (필독 아님)

더보기
※ 사용 전 반드시 숙지할 필요는 없습니다.
   스킨 설정을 하다 막히거나, 이게 어느 부분의 설정인지 모르겠을 때 정도에만 참고하세요.

 

1. 홈 설정

홈 설정은 최신 글, 커버 두 가지를 선택할 수 있습니다.

커버 아이템은 총 4가지이며, 3가지(기본 썸네일, 긴 썸네일, 리스트)는 본문에서 사용되는 리스트와 동일합니다.

그러므로 여기선 자유글 옵션에 대해서만 설명하겠습니다.

 

자유글 옵션은 괄호 안에 적힌 것과 같이 커버 아이템 > 콘텐츠 > 직접 입력에 최적화된 아이템입니다.

"타이틀"은 여타 리스트의 타이틀처럼 들어가고, "내용"에선 글을 작성하는 것처럼 자유롭게 작성할 수 있습니다. 또한, "내용" 안에는 html 코드를 작성할 수도 있습니다. 코드를 쓰기엔 너무 작고 아담한... 심지어 크기 조절도 안 되는... 창이지만 코드를 사용함으로써 방문자에게 더 다양한 내용을 보여줄 수 있습니다.

홈 화면에 간단한 공지사항을 넣는 용도로 제작되었습니다.

 

2. 기본 설정

글 목록 글 수는 4의 배수를 추천합니다. 물론 이는 "기본 썸네일" 시 행 수가 4개로 맞추어져 있기 때문이므로 강제적인 것은 아닙니다.

참고로 "기본 썸네일 시 가로 개수"는 이 밑 옵션에서 쉽게 바꿀 수 있습니다.

 

3. 테마 설정

저의 다른 스킨들과 같이, 배경색은 밝은 계열, 글자색은 어두운 계열, 포인트 색은 배경색 위에서도 글자색 위에서도 눈에 띄는 색을 추천합니다.

더 다양한 색상 팔레트는 이쪽이나 이쪽을 참고하세요.

 

메뉴 블랙 헤더본문 블랙 헤더 옵션을 켜면, 아래와 같이 변신합니다.

비포 / 에프터

메뉴 헤더는 좌측 사이드바, 본문 헤더는 콘텐츠 영역의 헤더를 뜻합니다.

 

4. 넓이 설정

 

모바일 본문 좌우 여백 옵션은 말 그대로 모바일에서 본문의 좌우 여백 사용 여부를 뜻합니다.

사용했을 경우 / 사용하지 않았을 경우. 좌우에 착 달라 붙습니다.

짧은 글을 많이 작성하는 블로그라면 괜찮지만, 긴 글을 자주 작성하는 블로그의 경우 좌우 여백이 가독성을 깎아먹는 듯 해 들어간 옵션입니다.

 

상자 간의 간격은 사이드바 메뉴 사이의 넓이, 본문의 글 사이의 간격을 뜻합니다.

 

오른쪽 사이드바 사용 옵션을 통해 사이드바를 오른쪽으로 둘 수도 있습니다. 하지만 모바일에선 작동하지 않으니 참고하세요.

 

5. 배경 설정

스킨의 배경에 직접적인 영향을 끼치는 건 위 3가지 옵션입니다. 그리고 그중에서도 ①표시가 붙어있는 배경으로 사용될 코드 란을 최우선으로 읽습니다. 만약 배경으로 사용될 코드가 공란일 경우, ②표시가 붙어있는 나머지 옵션들로 배경을 채웁니다. ② 표시가 붙은 옵션은 css에 아예 문외한인 사용자를 위해 추가되었습니다.

 

배경으로 사용될 코드는 css의 background 프로퍼티 중 앞쪽을 채우는 코드입니다. 이 부분을 차례대로 나열하자면 다음과 같습니다. : background-attachment, background-clip, background-color, background-image

예제:

#ebf8e1
/* 색상 값만 넣어도 OK. */

linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%)
/* linear-gradient 사용 가능. 기본값. */

#888 url("이미지 링크")
/* 색상을 지정한 후, 이미지 링크를 통해배경 이미지를 불러옴. */

radial-gradient(ellipse at top, #e66465, transparent), radial-gradient(ellipse at bottom, #4d9f0c, transparent)
/* 중첩 사용 가능 */

conic-gradient(red, orange, yellow, green, blue)
/* 등등등... */

 

background 프로퍼티에 대한 자세한 설명은 아래 링크를 참고하세요.

 

background - CSS: Cascading Style Sheets | MDN

background CSS background 단축 속성은 색상, 이미지, 원점, 크기, 반복 등 여러 배경 스타일을 한 번에 지정합니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the int

developer.mozilla.org

 

linear-gradient의 색상을 참고 및 css 코드를 바로 복사할 수 있는 사이트: #1 #2 

참고로 배경 이미지를 넣으면 반드시 비율을 지키되 전체 화면을 꽉 채우도록 설정되어 있습니다.

 

②배경 색상과 ②배경 이미지는 다음 옵션인 배경 블랜드 모드를 통해 어떻게 합성할지를 결정합니다. 각 모드에 대한 자세한 설명은 여기에서 확인하실 수 있습니다. 물론, 배경 블랜드 모드 설정 없이 색상만 지정하거나, 이미지만 지정하셔도 됩니다.

 

배경 불투명도에선 0~1 사이의 소수를 입력해주세요. 0으로 갈수록 투명해지고, 1로 갈수록 진해집니다.

현재 삭제된 기능입니다.

 

6. 프로필 설정

프로필 사진의 비율은 정사각형이 아니어도 되지만, 그래도 가로 세로 2:1 비율은 나오는 이미지를 추천합니다.

 

이건 프로필 사진입니다.
이건 로필 사진입니다.
이건 필로 사진입니다.
이건 필로프 사진입니다.

프로필의 이 사진 관련 옵션들은 디자인을 하다 보니 하나로 정하기 아쉬워서 들어갔습니다.
편하게 입맛대로 설정해주세요.

 

7. 본문 설정

 

↑이것

제목 왼쪽 썸네일은 이것을 말합니다. 여기엔 그 게시글/공지사항/카테고리의 썸네일이 들어가는데, 그 이미지가 배경 색과 어떻게 어우러질지를 블랜드 모드 옵션으로 결정합니다. 각 모드에 관한 더 자세한 설명은 이쪽에서 확인하실 수 있습니다.

 

- CSS: Cascading Style Sheets | MDN

CSS 자료형은 요소가 겹칠 경우 색상이 어떻게 나타나야 하는지 정의합니다. background-blend-mode (en-US)와 mix-blend-mode 속성에서 사용합니다. 최종 색상은 혼합 모드를 적용한 레이어 각각의 픽셀 하나

developer.mozilla.org

 

 

차례대로 "이 카테고리의 다른 글" 티스토리 플러그인, "이 카테고리의 다른 글" 옵션, 태그, 댓글 영역, "이전글/다음글" 옵션

본문 하단 '이 카테고리의 다른 글' 사용, 본문 하단 이전글/다음글 사용 옵션에 관해선 위 이미지를 참조하세요.

 

8. 기타 설정

 

본 스킨은 블로그 메인(블로그 링크)과 분류 전체보기(블로그 링크+'/category')의 경우 다른 아이콘으로 설정할 수 있도록 되어있습니다. 아이콘은 html 태그도 가능합니다. (ex. font awesome5의 아이콘 등...)

 

스크롤 버튼은 PC 모드에서 사이드바 방향에 상관없이 오른쪽 상단에 떠있는 이 버튼을 말합니다. 옵션을 끄면 PC에서도 사라집니다.

 

썸네일 확대 사용 옵션은 리스트가 '기본 썸네일', '긴 썸네일' 모드일 때 마우스 오버 시 썸네일을 확대/축소할지, 혹은 아예 움직이지 않게 할 것인지를 설정합니다.

 켜져 있을 경우 썸네일에 마우스 오버를 하면, 기본 썸네일은 약간 축소, 긴 썸네일은 약간 확대합니다.

 

9. SNS 설정

사이드바의 "SNS 버튼"으로 이어질 프로필 링크ID값만을 입력하는 란입니다.

특정 SNS의 아이디가 공란일 경우, 그 SNS의 버튼도 사이드바의 "SNS 버튼"에서 삭제됩니다.

 

따로 위젯이 있는 트위터만 "SNS 버튼" 아이디와 위젯 아이디로 나눠져 있습니다. 이름 그대로 위젯 아이디가 비어있을 경우 "SNS 버튼" 아이디를 사용합니다.

트위터 아이디를 입력할 때엔 @를 제외하세요.

 


알아도 되고 몰라도 되는 정보

더보기

이 스킨은 초고속으로 만들어졌기 때문에 따로 그렇다 할 기록도, 보여드릴 것도 없네요.
이 스킨 제작의 간단한 후기는 이쪽에서 확인하실 수 있습니다.

 

트위터 외의 위젯도 넣어보고 싶었는데, 일단 인스타는 매번 api가 바뀌어서 그렇다할 무료 코드나 플러그인을 찾지 못했고, 페이스북은 디자인은 둘째치고 위젯 종류가 너무 많아서(...) 넘겼습니다. 그냥 트위터 위젯이 제일 만만했다고나 할까요.

만약 특정 SNS나 기능이 담긴 위젯 요청이 있다면(+바로 적용이 가능한... 괜찮은 코드가 있다면) 후에 추가를 해볼 수도 있겠습니다.

 

+) 210425 추가 디자인

위와 같은 레이아웃으로도 사용하실 수 있습니다.
☞ 더 자세한 설명

 

 

▼ 공감은 제작자에게 큰 도움이 됩니다  ღ(· ᴥ ·)ッ  

반응형
COMMENT 53
 
  • 이 글엔 댓글이 아직 없습니다.

  • 이전 댓글 더보기
  • 조아하자 2021.03.20 16:34 신고

    대단하시네요. 저도 제가 직접 만든 스킨을 쓰고 있는데, 티스토리 기능이 계속 바뀌어서 제 블로그 업데이트 하느라 힘드네요 ㅠ 몇년간 티스토리에서 손 놨다가 최근에 다시 본격적으로 하고있거든요.

    • ㅓㅇ 2021.03.20 22:57 신고

      티스토리 블로그는 그게 단점인 것 같아요. 코드가 너무 예고 없이 바뀌는 데다 그렇다고 그게 공식 문서에 정리되어 있지도 않으니... 덕분에 애꿎은 블로거만 고생이네요. ㅜㅜ 감사합니다!

  • 2021.03.21 21:30

    비밀댓글입니다

    • ㅓㅇ 2021.03.21 22:24 신고

      본문의 폰트만 바꾸고 싶다면 아래 코드를 style.css 최하단에 추가하세요.

      .article .main-article-content.gra-box { font-family: "원하는 폰트명"; }

  • 2021.03.22 21:53

    비밀댓글입니다

    • ㅓㅇ 2021.03.22 22:07 신고

      1. css의 font-family는 접속자의 컴퓨터에 설치되어 있는 폰트만을 가져오는 방식이라 그렇습니다. 따라서 만약 그 홈페이지에 접속한 컴퓨터에 해당 폰트가 설치되어 있지 않다면 폰트가 나오지 않습니다.
      이 단점 때문에 사용하는 것이 웹폰트인데, 눈누를 사용하려면 아래 링크를 참고하세요.
      https://ssimplay.tistory.com/241
      눈누를 올바르게 사용했음에도 발생한 문제는 저 역시도 잘 모르므로 답변은 하지 않겠습니다.

      2. 본문 글씨 크기 역시 위 코드와 비슷합니다. 2em에서 숫자만 바꿔 사용하세요.
      .article .main-article-content.gra-box { font-size: 2em; }

  • 2021.03.23 00:31

    비밀댓글입니다

  • 2021.03.24 14:13

    비밀댓글입니다

    • ㅓㅇ 2021.03.24 15:22 신고

      스킨 변경 직후엔 무조건 카테고리 별 목록 스타일 선택이 불가능하다고 나옵니다. 그 화면에서 새로고침 하시거나 캐시 삭제 후 재접속 하시면 잘 나옵니다.
      저도 제작 당시에 몇 번 당황했던 티스토리 측 오류인데 정작 본문엔 적어두질 않았네요😅

  • 잡다 2021.03.27 00:38 신고

    티스토리 처음 시작할려는데 스킨 너무 이쁘네요 적용법도 자세하게 적어주시고 넘 감사합니다 !

  • 2021.03.27 01:00

    비밀댓글입니다

    • ㅓㅇ 2021.03.27 11:47 신고

      1. 댓글 부분만의 글씨 크기, 폰트 변경을 위해선 style.css 최하단에 다음 코드를 추가하세요.
      .article .article-comment { font-family: "어쩌구"; font-size: 2em; }

      이 중괄호 앞에 있는 건 css에서 선택자라고 합니다. 크롬 브라우저의 경우 특정 요소 위에서 오른쪽 마우스 클릭>요소 검사를 통해 해당 요소의 선택자를 얼추 유추할 수 있습니다. 간단하므로 더 자세한 사항은 구글에 물어보세요.


      2. 본문 내 글자 위아랫줄 간격 조절 역시 style.css에 다음 코드를 추가함으로써 변경하실 수 있습니다. 아래에서 숫자만 바꿔 사용하세요.
      .article .main-article-content.gra-box * { line-height: 1.5 !important; }

      만약 단락을 띄어 쓸 때의 간격을 조절하고 싶으신 거라면, 티스토리에 관련 설정이 있습니다. 블로그 관리>콘텐츠>설정>단락 앞뒤 공백 사용을 비/활성화하시면 됩니다.

  • 2021.03.31 16:39

    비밀댓글입니다

    • ㅓㅇ 2021.03.31 19:19 신고

      모든 썸네일은 썸네일 이미지가 아니라 그 썸네일의 제목에 하이퍼링크가 걸려있습니다. PC의 경우 마우스 오버 시 썸네일 제목이 보이므로 그걸 바로 클릭하면 되지만, 모바일의 경우 썸네일 첫 번째 터치 시 썸네일 타이틀이 나오고, 두 번째로 제목을 터치해야 그 글로 이동할 수 있도록 설정해두었습니다.
      이는 달력이란 디자인 컨셉과 접근성(위와 같이 설정해두지 않으면 썸네일 클릭 시 썸네일 애니메이션 효과와 페이지 이동이 한 번에 이루어짐) 때문이었는데, 확실히 좋은 방법은 아니었네요... 지금은 타 브라우저를 테스트해볼 여건이 안돼서 후에 다시 한 번 확인해보겠습니다. 일단 윈도우10,안드로이드/크롬,오페라에선 정상적으로 작동합니다.

    • 2021.03.31 20:47

      비밀댓글입니다

  • User 2021.04.04 18:46

    안녕하세요, 만들어주신 스킨 정말정말 유용하게 잘 사용하고 있습니다! 다름이 아니라 스킨 적용 후 본래 올렸던 글의 동영상 및 글자가 모두 왼쪽정렬로 변경되어 질문드립니다. 에디터에는 정상적으로 양쪽 정렬로 체크되어 있는데 페이지에서는 왼쪽 정렬로 보이는 현상도 수정이 가능할까요? 또한 기울임을 썼을 때 글씨 색이 혼자 검은색으로 출력되는 부분에 대해서도 해결방안이 있을지 질문드리고 싶습니다!

    항상 예쁘고 깔끔한 스킨 공유해주셔서 감사드리고, 모쪼록 늘 행복한 나날 되세요. 감사합니다!

    • ㅓㅇ 2021.04.05 03:05 신고

      1. 양쪽 정렬은 중앙 정렬과 다릅니다. 양쪽 정렬 시 글의 동영상이 왼쪽 정렬로 나오는 건 정상이며, 글자가 왼쪽 정렬되는 문제가 계속된다면 아래 코드를 style.css 최하단에 붙여 넣으시면 해결됩니다.

      .main-article-content p > * {
      text-align: inherit !important;
      }

      혹시 모르므로 현재는 스킨 원본 파일도 수정되었습니다.

      2. 기울임을 포함해 제목1, 굵게, 이탤릭 등의 처리를 한 게시글의 글자가 검게 나오는 현상은 스킨의 문제가 아니라 게시글 자체의 코드 문제일 확률이 높습니다. 게시글의 html 코드 보기를 통해 해당 문구가 <span style="color: 어쩌구"> ~ </span> 등의 태그로 묶여있지 않은지 확인하세요. span 태그를 모두 삭제하시면 정상적으로 보입니다.

      이후 문제가 지속된다면 문제되는 글의 링크를 주세요. 시간이 되면 확인해보겠습니다.

  • Dorea 2021.04.09 12:39

    안녕하세요 이쁜 스킨 만들어 주셔서 감사하게 사용하고 있습니다
    카테고리 목록을 접을 수 있게 수정할 수 있는 방법이 있을까요?

    • ㅓㅇ 2021.04.09 15:22 신고

      카테고리 목록을 접는 방법이야 굉장히 많습니다만, 대다수 코드 한두 줄로 끝나는 작업이 아니라서 여기서 설명드리진 못할 것 같습니다. 추후 업데이트 시에 옵션으로 고려는 해보겠습니다.

    • Dorea 2021.04.12 23:48

      감사합니다

  • 안녕하세요.페페의페시브인컴 블로그 운영하는 페페입니다.

    ㅓㅇ가님께서 올리신 정성스러운 블로그 포스팅 잘봤습니다.

    구체적으로 블로그 스킨 포스팅 부분이 마음에 들고 공감 갔습니다.

    정성스러운 포스팅에 고맙고 감사합니다.

    자주 뵙고 싶습니다 :)

    구독하고 갑니다.

  • 2021.04.28 02:50

    비밀댓글입니다

    • ㅓㅇ 2021.04.28 10:39 신고

      보호글 썸네일에 관한 질문을 매 스킨을 올릴 때마다 듣는데, 제가 스킨 내부에서 보호글 썸네일을 없애는 게 아니라 티스토리 서버 측에서 아예 썸네일을 없애서 보내주는 거라 수정에 굉장한 고급기술이 필요합니다. 만약 방법을 알게 되시면 저한테도 꼭 좀 연락 부탁드립니다.

      긴 썸네일의 행 변경 기능을 이번 업데이트에서 추가했습니다.
      style.css 최하단에

      .list-style.long { flex-wrap: wrap; }
      .list-style.long .thumb-box { width: calc(100% / 4 ));} /* 4=원하는 열 개수*/

      위 코드를 추가하시거나,
      아래 수정 로그를 통해 수정하세요.
      https://github.com/d-dlzndi/d-dl_calendar_skin/commit/5207d34c70e8d1ff6800892e208c4a22892cd958

    • 2021.05.03 00:13

      비밀댓글입니다

  • 작안 2021.05.01 23:13 신고

    감사하고 잘 사용하겠습니다.!

  • 안뇽하세요 2021.05.04 15:39

    안녕하세요! 너무 예쁜 스킨을 제작해주셔서 감사합니다,, 넘넘 잘 사용하고 있어요!
    다만 저만 그런것인지8ㅁ8.. 핸드폰으로 블로그를 들어가면 모바일버전에서 먹통이 되더라구요..!

    메뉴바(=)는 터치가 되는데, 블로그 메뉴나 카테고리를 터치해도 동작이 되지 않고, 카테고리가 조금 많아서 스크롤을 해야하는데 스크롤이 먹히지 않습니당ㅜㅜ

    또 첫 화면의 커버를 클릭하면 각 게시글로 넘어가야하는데 안넘어가더라구요ㅠㅠ 혹시 제 블로그만 그런가해서 ㅓㅇ님의 스킨 배포 페이지를 들어와봤는데 똑같이 안되더라구요..! 제가 아이폰6s인데 폰이 구형이라 그런건지 어쩐건지 잘 모르겠어서 질문 드립니당! 예쁜 스킨 배포해주셔서 다시한번 감사드려요~!

    • ㅓㅇ 2021.05.04 16:57 신고

      소지하고 있는 애플 관련 기기도 없고 애플을 사용하는 주변인도 없어서 아이폰 쪽은 테스트를 못하고 있습니다. 오류 제보해주신 점은 정말 감사합니다만 말씀해주신 내용만을 가지곤 뭐가 문제인지조차 감이 안 잡히네요... 이후에 이 문제가 해결될 수는 있겠으나 당장은 불가능할 것 같습니다.

  • 제이슨78 2021.05.05 19:12 신고

    애드센스는 어떻게 넣을 수 있을까요?

    • ㅓㅇ 2021.05.05 20:19 신고

      티스토리에 애드센스를 넣는 방법은 굉장히 다양해서 여기서 다 설명드리진 못할 거 같네요. 직접 구글에 검색해보시는 걸 추천드립니다.

  • 2021.05.26 07:01

    비밀댓글입니다

    • ㅓㅇ 2021.05.26 09:52 신고

      스킨 자체의 문제가 아니라 특정 디자인에 관한 문제는 답변드리기 힘들고, 애초에 티스토리 내 그래그 CSS라는 건 따로 없습니다. 해당 디자인의 CSS는 몇 줄 안 되니 구글에서 직접 찾아보세요.

  • 2021.05.30 10:43

    비밀댓글입니다

    • ㅓㅇ 2021.06.04 10:20 신고

      결론부터 말씀드리자면 아예 불가능하진 않으나 일종의 꼼수를 써야지만 가능할 것 같습니다. 방금 떠오른 방법을 예시로 들자면, 본문 내용 첫 머리에 공통적으로 "[원하는 텍스트]"라는 문구를 써서 보통은 안 보이게 흰 글씨 처리한 다음, 리스트 출력 코드에서 본문의 요약글 내용을 읽을 때 글 내용에서도 중괄호 안에 있는 글자만 뽑아내서 띄우는 js 코드를 작성하면 될 거 같긴 합니다.
      역으로 말해서, 문의해주신 내용은 DB 구조 수정이 불가능한 티스토리 특성상 이런 번거로운 방법이 아니면 구현이 불가능할 거 같습니다. 스킨의 유지보수 수준의 작업이 아닌 만큼 js 코드는 직접 공부해서 작성하셔야 될 거 같네요.

    • 2021.06.04 11:44

      비밀댓글입니다

    • 2021.06.04 23:33

      비밀댓글입니다

    • 2021.06.05 14:51

      비밀댓글입니다

    • 2021.06.06 16:44

      비밀댓글입니다

  • 문의드립니다 2021.06.04 00:35

    안녕하세요! 좋은 스킨 배포해 주셔서 감사합니다! 너무너무 잘 사용하고 있습니다!
    다만 위에 달린 다른 댓글 내용처럼 아이폰에서 접속하여 섬네일 제목을 터치할 경우, 하이퍼링크 이동이 안 되는 오류 현상이 발견되어 이 부분에 대해 문의 드려보고자 합니다.

    인터넷 검색을 해보니 ios 공통 버그로 PC웹에선 디폴트 적용되는 하이퍼링크 이벤트? 가 적용이 안 되는 현상이 있다 하더라고요.
    때문에 수동으로 CSS 적용을 해주어야 적용이 된다고 합니다…..
    (관련글: https://techoi.github.io/posts/ios-click-event-issue)

    CSS/html 코드에 대해서는 기초적인 개념만 이해하고 있는 아마추어라 위에 올린 관련글 내용 참고하여 CSS를 수정해보려 해도 ㅓo님께서 배포해 주신 스킨의 어떤 CSS 클래스(혹은 id…?)가 썸네일 제목 클래스인지 알 수가 없어서 수정할 수가 없더라고요 ㅠㅠ
    하여 혹시 위의 관련글을 읽어주시고, CSS에서 어떤 구문을 수정 보완해야하는지 안내해 주실 수 있으실까요?

    찾아보다가 도저히 제 깜냥으론 확인이 어려워 도움을 요청드립니다. 번거로우셨다면 죄송합니다.
    예쁜 스킨 배포해 주셔서 정말 감사드립니다!

    • ㅓㅇ 2021.06.04 10:31 신고

      IOS 문제 해결을 위해 참고 글 링크까지 가져와 주신 건 감사합니다만 달력 스킨에 이 글의 본문에 해당되는 문제는 없네요. 달력 스킨의 모든 하이퍼링크는 이미 a 태그에 들어있고, CSS의 cursor: pointer 처리가 되어있습니다.

      그럼에도 본문 내용에 따라 CSS 수정을 해보자면 최신 원본 기준 143-149번째 줄 내용을

      a[href]:not([href="http://"]):not([href="https://"]),
      .pointer,
      .btn,
      button,
      label,
      .thumb > .thumb-content .text a {
      cursor: pointer !important;
      }

      위 내용으로 수정해보세요. (cursor: pointer를 검색하시면 찾기 쉽습니다.) 이전 댓글에서도 말했지만 IOS 관련 기기가 없어 제 쪽에서 테스트는 못합니다.
      참고로 문제가 되는 썸네일 제목 하이퍼링크 선택자는 .thumb > .thumb-content .text a 입니다.

    • ㅓㅇ 2021.06.04 11:38 신고

      방금 막 위 코드와 함께 기타 버그 픽스 후 재업로드했으니 스킨을 다시 다운로드 받아 사용해보세요.

    • 문의드립니다 2021.06.04 21:56

      버그픽스해 주신 버전으로 다운로드받아 적용해보았더니 해당 버그 고쳐졌습니다!!! 빠른 대응 정말로 감사드립니다!!!

  • 2021.06.17 16:01

    비밀댓글입니다

    • ㅓㅇ 2021.06.17 21:53 신고

      지금 확인해보니 블로그 아이콘에 몇 가지 버그도 있었고, 설명이 잘못된 부분도 있었네요.

      일단 타이틀에 아이콘이 표시되지 않는 버그는 현재 수정되어 재업로드되었습니다. 특별히 수정이 크지 않아서 재다운로드 하지 않아도 아래 링크를 보고 수정하셔도 될 것 같습니다. (skin.html만 보시면 됩니다.)
      https://github.com/d-dlzndi/d-dl_calendar_skin/commit/10813839d1c6d7a79bbb0e77d31c0b008c6db0a5#diff-95ded0f998d1027d4033e7d434993a60f5ace013c43a51ad4dd19420efa6dc14

      또 이건 설명이 잘못됐던 부분인데, 이 스킨에서의 모든 font awesome 아이콘은 ver5, 무료 아이콘만 사용 가능합니다. 해당 아이콘은 아래 링크에서 모아 보실 수 있습니다.
      https://fontawesome.com/v5.15/icons?d=gallery&m=free

      이 부분은 수정한 지 꽤 돼서 아예 버그가 있는 줄도 몰랐던 부분인데, 알려주셔서 감사합니다.

    • 2021.06.17 22:32

      비밀댓글입니다

  • 2021.06.23 08:43

    비밀댓글입니다

    • ㅓㅇ 2021.06.23 11:18 신고

      PC와 모바일의 폰트 크기를 따로 설정하려면 아래 코드를 style.css 최하단에 붙여넣은 후 20pt의 숫자만 수정하세요.

      body { font-size: 20pt; } /* PC 폰트 크기 */
      @media all and (max-width: 1100px) { body { font-size: 20pt; } } /* 모바일 폰트 크기 */