미디움틱 티스토리 테마, Tirium을 드디어 공개하게 되었습니다.


반응형 디자인

Tirium은 반응형 웹 디자인을 통해 어떤 크기의 화면에서도 완벽한 Tirium의 스타일을 보여줍니다.

반응형 디자인이미지 뿐만 아니라 유튜브에서 가져온 영상 자료도 화면에 대응하여 크기가 조절됩니다.

사이드 캡션

캡션의 위치를 이미지 왼쪽 상단에 배치함으로써 가독성을 높였습니다.

사이드 캡션모니터 상에서는 왼쪽 상단에서 태블릿이나 스마트폰 화면에서는 하단에 나타나게 됩니다.

애니메이트 사이드바

애니메이트 기능으로 사이드바를 유동적으로 숨김으로 인해 콘텐츠에 더욱 집중할 수 있습니다.

애니메이트 사이드바글을 읽는 외의 것들은 최대한 간추려서 필요한 기능만 표시하고 나머지는 사이드바와 함께 숨겨집니다.

원버튼 쉐어

글 상단의 share버튼을 통해 간단하게 페이스북, 트위터, 구글플러스에 공유할 수 있습니다.

원버튼 쉐어기존 티스토리 내에서 제공되는 것보다 다양한 플랫폼을 지원합니다.

간단한 글쓰기와 관리

상단의 직관적인 아이콘을 클릭하여 쉽게 글을 쓰고, 관리자 패널에 접속할 수 있습니다.

간단한 글쓰기와 관리기존에 우상단 내비에서 글을 쓰고 관리자 패널을 접속하는 것이 아니라 바로 아이콘을 통해 간단히 해결할 수 있습니다.

독특한 마우스 오버 효과

이미지에 마우스를 올리면 이미지가 원위치에서 한번 튕겨주면서 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다. (Tirium 0.84b 예정)

이미지에 마우스를 올리면 흐림 효과가 나타나면서 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다.(Tirium 0.83b 현재)

이미지에 마우스를 올리면 색상톤이 변화를 줌으로써 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다. (~ Tirium 0.82b)

독특한 마우스 오버 효과마우스를 오버하면 색상톤이 변하며, 마우스를 떼면 천천히 원래 색상으로 돌아옵니다.

기존과는 다른 폰트 배치

네이버에서 제공하는 나눔 명조와 나눔 고딕을 사용하여 가독성을 높였으며, 기존의 제목=고딕, 본문=명조 공식을 탈피하여 제목은 명조, 본문은 고딕으로 구성하였습니다.

기존과는 다른 폰트 배치본문에 가독성이 좋은 고딕을 이용해서 좀더 독자들을 콘텐츠에 집중할 수 있도록 하였습니다.

심플한 댓글 디자인

원형 아바타와 함께 깔끔한 디자인을 차용한 댓글 영역

댓글 디자인게스트일 경우의 아바타와 관리자일 경우 아바타가 다릅니다.

- Tirium은 블로그 플랫폼 Medium에 영감을 받아 만들어졌습니다.

- Tirium의 디폴트 배경화면의 저작권은 제작자 본인에게 있습니다.

- Tirium의 폰트는 구글 폰트를 통하여 나눔고딕, 나눔 명조를 호스팅 받았습니다.

- Tirium은 기본적으로 CC 4.0 License를 따르며 상업적 이용을 제외한 변경/수정 가능(CC BY-NC 4.0) 합니다.


Tirium 0.81a 업데이트 로그 (June 17th 2014)

- 에디터에 따라 이미지 캡션 위치가 다르던 문제 수정

- share this post 버튼이 비활성되는 문제 해결

*** Tistory가 제공하는 Youtube 플러그인을 Tirium에서 지원할지 여부는 아직 미정입니다. Youtube를 첨부할때에는 직접 Youtube의 공유에서 소스코드탭의 소스를 복사하셔서 html상에 붙여넣는 것을 권장드립니다.

Tirium 0.82b 업데이트 로그 (July 11th 2014)

- 예전 에디터에서 작업했던 링크에 스타일이 제대로 적용안되는 문제 해결

- 댓글에서 사용자 아바타 중복 현상 해결

- 이미지 캡션에 Italic효과 추가

- 웹페이지 타이틀에 글 제목이 표시되지 않는 현상 해결

- 제목 글자 1줄 이상 늘어나는 경우 아바타와 아이콘이 밀리는 현상 해결

*** 전에도 계속 문의가 들어왔던 마우스 오버효과의 제거는 고심한 결과 이번 버젼의 티리움에는 포함되지 않았습니다. 다음 업데이트때 마우스오버효과가 있는 것과 없는 것 두버전을 내놓을지 어떠할 지는 앞으로 좀더 지켜본 후 결정하도록 하겠습니다.

**그동안 드러났던 메이저 버그들은 잡은 대대적인 업데이트이기에 기존에 티리움을 사용하셨던 분들도 새로 받으시는 걸 권장드립니다.

Tirium 0.82b fix 업데이트 로그 (July 20th 2014)

- 에디터에서 강제 적용되는 폰트 크기 태그로 인해 글자가 불규칙해지는 현상 해결

- 이미지 캡션 이탤릭 효과 적용안되는 상황 수정

- 푸터 저작자 네임 위치 수정

** 티스토리 에디터로 글을 쓸때 강제로 style태그가 적용되며 "transparent:100%; font-size: 9px;"가 적용되던 현상을 임시로 해결했습니다. 후에 좀더 보완해서 업데이트 할 예정입니다.

Tirium 0.83b 업데이트 로그 (December 1st 2014)

- 페이징 버튼 수정

- 푸터 CC 4.0 라이센스 표기

- 이미지 호버 효과 변경: Hue Change-> Blur

- 모바일 화면에서 이미지 캡션: 오른쪽 정렬->가운데 정렬

- 아티클 하단에 글쓴이 프로필 추가 (설정화면에서 수정 가능)

- Tirium 스킨 설정 가이드 업데이트

** 이번 업데이트는 기타 자잘한 기능 추가에 초점이 맞춰졌습니다. 오랜 휴식기 후에 나오는 업데이트이기에 기능 수정보다는 새로운 기능추가에 초점을 맞췄습니다. 전부터 이견이 갈렸던 마우스 오버효과는 Blur 효과로 대체하였고 이제부터는 글쓴이 정보를 하단에 나타낼 수 있게 되었습니다.

다운로드 링크

Tirium_Tistory_Theme_v0.83b.zip

적용 예시

확인하기

설치 및 필수 설정 가이드

확인하기

비하인드 스토리

확인하기


WRITTEN BY
강수명 Vanns Kang
하고 싶은거 하고 사는 조금은 잘 빡치는 평화주의자