탕비수다 이마고 v4.0.3 업데이트 소식

탕비수다 이마고 v4.0.3 업데이트 소식입니다.

공지사항 슬라이더 추가

텍스트 형식의 공지사항 슬라이더 기능이 추가되었습니다. 공지사항 슬라이더 기능을 활성화하면 메뉴와 타이틀 영역 사이에 텍스트 슬라이더가 노출됩니다. 탕비수다 이마고 모토에 맞게 이미지 형식의 공지사항을 노출하고 싶었지만, 티스토리 코어에서 제공하는 공지사항 목록에서는 썸네일을 제공하지 않습니다. 따라서 이를 구현하기 위해서는 자체적으로 해당 공지 글을 모두 읽어 대표이미지 추출 작업이 필요합니다. 기술적으로 가능한 일이지만, 모든 페이지에 노출되는 특성으로 부하를 줄이기 위해 텍스트 형식을 취했습니다. 사용 방법은 해당 가이드를 살펴보세요.

설정하기

사이드 카테고리 위젯의 펼침/숨김 기능 추가

카테고리 하위 메뉴가 많을 경우 드롭다운 카테고리 기능을 사용하면 기본적으로 하위 메뉴는 숨김 상태로 노출됩니다. 상위 메뉴 우측에 있는 아이콘으로 하위 메뉴를 펼치거나 숨길 수 있습니다. 적용 영역은 첫 번째 사이드바와 두 번째 사이드바입니다. 사용 방법은 해당 가이드를 살펴보세요.

설정하기

이미지 맵에 자막 추가 및 특정 글에 강제 적용 기능 추가

이미지 맵에 새로운 기본 기능이 추가되었습니다. 글쓰기 때 이미지에 자막을 설정하면 해당 정보를 기준으로 이미지 맵에 노출되는 이미지에 자막을 출력합니다. 물론, 본문과 중복되는 기능일 수 있으나 이미지 맵 기능이 이미지를 한 곳에서 모아보는 기능도 있기 때문에 알맞은 상황에 사용하도록 구현한 기능입니다.

더불어, 이미지 맵 전체 설정과 상관없이 글쓰기 때 특정 클래스를 추가하면 해당 글에만 이미지 맵이 작동할 수 있도록 숨은 기능을 추가했습니다. 'imap-force'라는 클래스를 글에 추가하면 해당 글은 이미지 맵 전체 설정과 상관없이 활성화됩니다. 기본적인 이미지 맵 사용 방법은 해당 가이드를 살펴보세요.

“이미지 맵에 대해서” 설정하기

그리드 이미지 묶음 자막 기능 추가

탕비수다 이마고에는 글쓰기 때 '선택한 두 개(혹은 세 개)의 파일을 글의 중앙에 정렬하면서 삽입'하는 기능을 이용해 Masonry로 정렬하는 기능이 있습니다. 가끔 두세 개의 이미를 한 묶음으로 설정하고 해당 이미지들을 설명하고 싶을 때가 있습니다. 즉, 두세 개의 이미지를 앞서 소개한 기능을 통해 정렬 후 한 개의 이미지에 자막을 설정하면 자동으로 한 묶음의 자막으로 설정됩니다. 해당 기능은 기본적으로 활성화된 상태이며 사용 방법은 해당 가이드를 살펴보세요.

“와이드, 그리드 이미지에 대해서” 설정하기

타일 그리드 셋 추가

타일 그리드에 새로운 셋이 추가되었습니다. 그동안 두 배, 세 배 크기의 이미지가 제공되었는데요. 이번 업데이트로 네 배 크기의 이미지가 노출됩니다. 여기서 말하는 크기는 타일 그리드에서 사용하는 크기로 실제 이미지 크기와는 상관 없습니다. 기본적인 타일 그리드 사용 방법은 해당 가이드를 살펴보세요.

설정하기

댓글을 허용하지 않는 경우 안내 문구 출력 개선

가끔 글에 댓글을 허용하지 않는 경우가 있습니다. 이럴 경우 기본적으로 티스토리에서는 댓글 타이틀을 클릭하면 알림으로 알려주는데요. 탕비수다 스킨에서는 댓글 타이틀을 특정 문구로 변경해 사용자가 즉시 알 수 있도록 고려했습니다. 많이 사용되는 기능은 아니지만, 댓글을 허용하지 않는 사용자를 위한 소소한 기능입니다.

신고

롤랑존

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

    이미지 맵