티스토리 오픈 베타 개시와 함께 여러 새로운 기능들이 추가되었습니다. 이번에는 그 중에 하나인 미디어로그 기능에 대해서 소개해드리겠습니다. 미디어로그는 티스토리 사용자분이 글에 삽입한 첨부파일 중에서 이미지와 MP3 파일이 포함된 글들을 썸네일로 보여주는 기능입니다.

블로그주소/media 로 접근이 가능합니다. (예: http://notice.tistory.com/media)

미디어로그

가로폭과 썸네일 개수가 스킨에 알맞게 자동으로 조정되며 분류별로, 이미지/MP3 별로 선택해서 보실 수 있습니다. MP3 의 경우 미리듣기 기능도 제공하고 있습니다.

티스토리에서 제공하는 기본 스킨에서는 미디어로그 링크가 상단메뉴와 카테고리 부분에 포함되어 있습니다만 따로 스킨을 업로드하셔서 쓰고 계시는 경우에는 직접 링크를 넣어주시면 되겠습니다. (참고로 스킨 index.xml 의 contentWidth 값에 따라 가로폭이 자동으로 조정됩니다.)

물론 비공개 글의 경우 삽입된 첨부파일이 있더라도 출력되지 않습니다. 아울러 미디어로그에 노출되는 것을 원치 않는 사용자를 위해서 12월 8일 오후 12시 이전까지 업로드된 첨부파일에 대해서는 미디어로그 서비스를 제공하지 않기로 했습니다.

Posted by 메뉴얼
Tistory는 기본 스킨 이외에도 다양한 스킨을 제공 하고 있습니다.

관리자 화면의 "스킨 > 스킨선택" 페이지로 이동합니다. 블로그의 디자인을 변경하고 꾸밀 수 있는 메뉴입니다. 현재 사용하고 있는 스킨이 상단에 나오고, 그 밑으로 선택가능한 스킨 리스트들이 나옵니다. 미리보기 버튼을 이용해서 먼저 확인 한후 적용 버튼을 누르면 스킨이 간단하게 변경됩니다.

사용자 삽입 이미지

현재 사용중인 스킨
스킨의 썸네일 이미지를 통해 스킨의 디자인을 확인할 수 있습니다. 스킨에 대한 정보 - 스킨명, 저작권 정책, 스킨 제작자와 제작자의 홈페이지와 이메일, 스킨에 대한 간단한 설명 - 을 볼 수 있습니다.

편집하기
현재 사용중인 스킨을 편집합니다. 스킨 편집(index.html, style.css 파일의 편집)을 통해서 세세한 스킨의 설정을 조절할 수 있습니다.

태터툴즈 스킨 커뮤니티 공지
태터툴즈 스킨 커뮤니티에서 전하는 최근 소식 및 이벤트 공지를 보실 수 있습니다.

사용가능한 스킨 목록
스킨의 사이드바의 구성,배치에 따라 1단형/2단형/3단형으로 나뉘어지며, 각 단별로 스킨을 살펴볼 수 있습니다. 인기 스킨 베스트 3 분류를 통해서 티스토리 사용자 분들이 가장 많이 쓰는 스킨을 살펴볼 수 있습니다. 미리보기 버튼을 통해 스킨이 블로그에 적용됐을 때의 화면을 살펴볼 수 있으며, 적용 버튼을 통해 블로그에 해당 스킨을 적용할 수 있습니다.

태그 클라우드
다양한 스킨들을 보다 쉽게 선택할 수 있도록 각 스킨의 주제, 색상, 형태, 용도, 디자인 요소 등을 고려하여 태그를 부여했으며, 태그 클라우드를 통해 스킨을 선택할 수 있습니다.


직접 올리기
기본 스킨 이외에도 태터툴즈 사용자분들이 만드신 다양한 스킨을 사용하실 수 있으며, 스킨은 태터툴즈 홈페이지의 스킨 게시판에서 받으실 수 있습니다.
Posted by 메뉴얼
관리자 화면의 "환경설정 > 화면설정" 페이지로 이동합니다. 스킨의 디자인에 맞춰 내용 출력을 설정합니다.



출력 글 수 설정
  1. 한 쪽당 글 수 : 한페이지당 표시될 블로그 글의 수를 설정합니다.
  2. 목록 한 쪽당 글 수 : 분류, 저장소, 태그, 검색시 한페이지 당 보여지는 글의 개수를 설정합니다.
  3. 출력될 최근 글 수 : 사이드바에 보여지는 최근 글의 개수를 설정합니다.
  4. 출력될 최근 댓글 수 : 사이드바에 보여지는 최근 댓글의 개수를 설정합니다.
  5. 출력될 최근 글걸기 수 : 사이드바에 보여지는 최근 걸린글의 개수를 설정합니다.
  6. 출력될 저장소 수 : 사이드바에 보여지는 저장소의 개월 수를 설정합니다.

출력 길이 설정

  1. 최근 공지 길이 : 최근 공지에 표시될 글의 글자 수를 설정합니다.
  2. 최근 글 길이 : 최근 글에 표시될 글의 글자 수를 설정합니다.
  3. 최근 댓글 길이 : 최근 댓글에 표시될 글의 글자 수를 설정합니다.
  4. 최근 걸린글 길이 : 최근 걸린글에 표시될 글의 글자 수를 설정합니다.
  5. 링크 길이 : 추가된 링크의 글자 수를 설정합니다.

내용/목록, 댓글/글걸기 출력설정

  1. 분류 선택시 : 분류 클릭시 글 목록과 내용을 함께 표시할것인지, 글 혹은 내용만 표시할것인지 설정합니다.
  2. 저장소 선택시 : 저장소 클릭시 글 목록과 내용을 표시할것인지 내용만 표시할것인지 설정합니다.
  3. 글을 표시할 때 : 블로그 글을 표시할때 기본으로 댓글과 걸린글을 펼칠것인지 닫을것인지 설정합니다.

태그, 방명록 출력 설정

  1. 태그의 정렬 방법을 : 태그의 정렬방법을 설정합니다.
    1. 인기도순 : 태그 사용빈도 순으로 많이 사용된 태그부터 출력합니다.
    2. 이름순 : ABC, 가나다 순으로 사용된 태그를 출력합니다.
    3. 임의로 표시 : 무작위로 태그를 출력합니다.
  2. 태그상자의 태그 수 : 사이드바의 태그박스에 태그의 개수를 설정합니다.
  3. 쪽 당 방명록 수 : 방명록에서 한페이지당 표시될 글의 개수를 설정합니다.


스킨의 디자인에 맞춰 트리(카테고리)의 출력을 설정합니다.




  1. 트리도 스킨처럼 트리스킨을 선택할 수 있습니다.
  2. 카테고리를 선택하였을때 폰트색과 배경색을 설정합니다.
  3. 카테고리를 선택하지 않았을때 폰트와 배경색을 설정합니다.
  4. 카테고리 글자수를 설정해 줍니다.
  5. 카테고리명칭 옆에 카테고리에 해당하는 글의 수를 표시할 것인지 설정합니다.
Posted by 메뉴얼
TAG 스킨
스킨선택에서 변경한 스킨을 수정하려면 관리자 화면의 "스킨관리 > 스킨편집" 페이지로 이동합니다.

스킨선택 목록에서 선택한 현재 사용중인 스킨을 편집합니다. 스킨 편집(index.html, style.css 파일의 편집)을 통해서 세세한 스킨의 디자인을 변경할 수 있습니다. 스킨 제작과 관련해서 태터툴즈 스킨 커뮤니티스킨제작 레퍼런스를 통해 도움말을 얻으실 수 있습니다.

  1. 스킨 파일을 편집합니다.
  2. 스타일 파일을 편집합니다.
  3. 편집이 끝나면 결과보기 버튼을 클릭하여 의도한대로 편집이 되었는지 확인합니다. 편집과정의 실수로 화면이 나오지 않는다면 '스킨 다시 적용'을 클릭하여 재적용합니다. "내블로그주소/owner/skin/" 으로 이동하여 스킨을 다시 선택할 수도 있습니다.

* 태터툴즈 홈페이지 스킨 다운로드 게시판에서 다운로드 받은 스킨을 적용하려면
  • 스킨선택 직접 올리기에서 파일을 업로드 합니다.
  • 스킨편집에서 새로고침을하여 업로드한 스킨 파일과 스타일 파일을 편집 가능한 상태로 만듭니다.
  • 편집할 내용이 있으면 편집하고, 결과보기를 클릭하여 제대로 적용이 되었는지 확인합니다.

* 편집해서 저장한 스킨은 원본의 스킨과는 별도의 폴더에 저장되며, 스킨 선택 메뉴에서 (사용자 수정본) 이라고 표시가 됩니다. 다시 원본 스킨을 적용하면 편집한 내용의 초기화가 가능합니다.

Posted by 메뉴얼
TAG 스킨, 편집
[사이드바] Vintage Black 스킨 구성 변경하기
Posted by 메뉴얼
블로그 스킨의 사이드바 구성을 드래그앤드롭 방식으로 쉽고 자유롭게 변경하실 수 있습니다. 사이드바에 새로운 요소를 추가하거나 삭제할 수 있으며 사이드바 요소들 간의 자유로운 위치 이동 기능도 지원합니다. 각종 배너와 위젯 형태의 사이드바 요소를 스킨을 수정하지 않고도 사이드바 메뉴에서 끌어다 놓기만으로 구현이 가능합니다. 실제로 출력되는 내용을 미리볼 수 있으며 별도의 저장 과정 없이 바로 스킨에 적용이 됩니다.


스킨에 기본적으로 구성되어 있는 검색, 분류, 최근 글, 최근 댓글, 최근 걸린글, 보관함, 달력 등의 모듈은 한개 이상으로 중복해서 사이드바에 들어갈 수 없지만, 사이드바 플러그인의 경우 중복해서 사이드바에 삽입, 배치가 가능합니다. 아울러 끌어다 놓기를 통해 스킨 기본 모듈과 사이드바 플러그인 모듈의 추가와 위치 이동이 가능합니다.


기존 스킨에서 사이드바 기능을 활용하기 위해서는 별도의 치환자 추가를 통해 사이드바 요소를 인식할 수 있도록 하여야 합니다.

편집 모드 선택

  • 기본모드 : 실제 블로그에서 보여지는 화면으로 사이드바의 미리보기 화면을 봅니다.
  • 안전모드 : 각 모듈의 내용을 생략해, HTML 태그로 인해 사이드바 미리보기 화면 레이아웃이 깨지는 것을 방지합니다.
  • 태그모드 : 스킨에서 사용되는 태그를 직접 보는 모드입니다.
  • 초기화 : 사이드바의 구성과 배치를 스킨의 기본값으로 초기화합니다.

스킨 기본 모듈
스킨 사이드바에 기본적으로 포함되어 있는 "블로그 로고, 공지사항, 관리자 링크, 검색, 분류, 태그목록, 최근 글, 최근 댓글, 최근 걸린글, 보관함, 달력, 링크, 카운터, 태터툴즈 배너, RSS 링크" 모듈을 추가, 삭제합니다. 스킨 기본 모듈은 사이드바에 하나씩만 넣을 수 있으며 사이드바로 끌어다 놓기로 추가, 사이드바 내에서의 위치 이동, 스킨 기본 모듈로 끌어다 놓기로 삭제가 가능합니다.

사이드바 플러그인 모듈
플러그인 에서 활성화한 사이드바 플러그인의 목록을 출력하며, 스킨 기본 모듈과 동일한 방식으로 끌어다 놓기를 통한 추가,삭제, 이동이 가능합니다. 사이드바 플러그인의 경우 중복해서 추가할 수 있으며, 편집을 통해 원하는대로 각 사이드바 모듈을 수정할 수 있습니다.

기본 내장 사이드바 플러그인
배너출력 ImageBanner : 이미지 주소와 링크 주소 입력으로 배너를 삽입합니다.
배너출력 CodeBanner : HTML 코드를 입력으로 배너를 삽입합니다.
태그입력기 : HTML 태그를 삽입합니다.
빈 줄 표시 : 빈 줄을 삽입합니다. 편집으로 간격을 설정 할 수 있습니다.
그래픽 통계 : 방문자 카운터를 그래프로 표시합니다.

* 스킨을 편집하거나 변경할 시에는 사이드바의 설정 내용이 초기화 됩니다. 이점 유의하여 주시기 바랍니다. *


사이드바 1, 2...
스킨에 따라 하나 이상의 사이드바의 구성이 가능합니다. 이를테면 좌측/하단/우측 사이드바를 지원하는 스킨의 경우 사이드바 구성을 통해서 1단, 2단, 3단 스킨으로의 변형이 가능합니다. 각 사이드바의 모듈은 우측 상단의 삭제 버튼을 통해 삭제 할 수 있으며, 끌어다 놓기를 통해 위치를 조정 할 수 있습니다. 자바스크립트를 지원하지 않는 환경인 경우 끌어다 놓기 방식이 아닌 아래/위 이동 버튼을 통해 위치 조정을 지원합니다.

Posted by 메뉴얼
관리자 화면의 "플러그인" 페이지로 이동합니다.

블로그 기능을 확장시켜주는 플러그인을 관리합니다. 각 플러그인 별로 플러그인 설정과 플러그인 사용 활성화, 비활성화를 설정 할 수 있으며, 세부 플러그인 환경설정을 할 수 있습니다.


관리자 플러그인

관리자 플러그인을 활성화 했을시 플러그인 메뉴 하단의 별도의 페이지로 해당 플러그인의 메뉴가 생성됩니다. 리퍼러 기록, 방문자 기록, 키워드 통계와 같은 통계 플러그인 등 관리자 화면 내에서의 별도의 페이지가 필요한 플러그인의 경우 관리자 플러그인을 통해서 플러그인 기능을 확장할 수 있습니다.

플러그인 속성별 분류

플러그인을 속성별로 분류해서 보여줍니다. 플러그인은 하나 이상의 속성을 가질 수 있습니다.

  • 글 꾸미기 : 글을 쓰는 데 있어 추가적으로 효과를 주거나, 별도의 아이템을 삽입할 수 있게 하는 플러그인입니다.
  • 블로그 꾸미기 :블로그 디자인, 레이아웃, 스타일, 사이드바 등 블로그를 꾸며주는 플러그인입니다.
  • 멀티미디어 : 이미지, 오디오, 동영상 등의 멀티미디어 요소를 지원하는 플러그인입니다.
  • 관리도구 : 관리자 화면 내에서 볼 수 있는 통계, 스팸 필터링, RSS 등의 각종 블로그를 유용하게 쓸수 있는데 도움을 주는 플러그인입니다.
  • 기타 : 기타 속성의 플러그인입니다.  

플러그인 종류별 분류

플러그인이 사용, 출력되는 위치에 따라 분류합니다. 블로그, 사이드바, 관리자 플러그인으로 나뉘어집니다.

플러그인 목록

해당 플러그인의 제목, 버전, 종류, 설명, 만든이을 보여줍니다. 플러그인 설정이 가능한 플러그인의 경우 설정을 클릭시 팝업창을 통해 해당 플러그인 설정값의 변경이 가능합니다. 플러그인의 사용은 상태 항목의 플러그 아이콘으로 활성화/비활성화를 조정합니다.

  • 1g01001261dc46817f5b00000468.gif  : 플러그인을 사용하지 않습니다.
  • 1g01003c4f7446817f5b00000468.gif  : 플러그인을 사용합니다.
  • 설정 : 설정이 있는경우 각 항목을 클릭하여 설정창을 불러올 수 있습니다.

블로그 분류 플러그인

  • 키워드 출력 : 글쓰기에서 키워드로 작성한 항목에 대해서 각 글에서 키워드 팝업창을 기능을 활성화합니다. 키워드 팝업창에서는 키워드에 대한 설명과 해당 키워드가 포함된 글 목록을 보여줍니다.

  • Lightbox TT EX : 새창을 띄우지 않고 이미지를 미려하게 출력해주는 Lightbox Plus 플러그인을 사용합니다.

  • 위치로그 표시 : 태그에 위치로그를 추가로 출력합니다.

  • 영어 환자 : 댓글 또는 방명록의 내용이 영어(ASCII)로만 작성되어 있으면 받아 들이지 않는 스팸 차단 플러그인입니다. 영어로 되어 있는 댓글이 차단될 수 있으며, EAS 플러그인 사용을 권장합니다.
  • 영어 중환자 : 트랙백의 내용이 영어(ASCII)로만 작성되어 있으면 받아 들이지 않는 스팸 차단 플러그인입니다. 영어로 되어 있는 트랙백이 차단될 수 있으며, EAS 플러그인 사용을 권장합니다.

  • FootNote : [footnote]...[/footnote]로 묶인 부분을 간단한 각주로 만듭니다.

  • 댓글/방명록 홈페이지 아이콘 표시 : 댓글의 홈페이지에 favicon.ico가 있으면 댓글에 표시됩니다. IE는 잘 동작하지 않습니다.

  • 댓글/방명록 이모티콘 표시 : 댓글, 방명록에서 지정된 텍스트 이모티콘 입력시 이미지 이모티콘으로 바꿔서 보여줍니다.

  • 태터툴즈 생일 표시 : 태터툴즈의 생일과 생일까지의 남은 날짜를 블로그에 표시합니다. 태터툴즈의 생일은 설정을 통해 지정 가능합니다.

  • 리퍼러 로그 정리 : 리퍼러 로그에서 escape 문자를 제거해주고 검색어를 보여줍니다.

  • 가로줄 달력 표시 : 달력을 가로로 출력해 주는 플러그인입니다. LineCalendar태그가 스킨에 있어야 합니다.

  • 블로그 아이콘 표시 : 댓글, 방명록에서 블로그 아이콘 (블로그주소/index.gif) 를 작성자 이름 앞에 보여줍니다. 설정을 통해 블로그 아이콘의 사이즈를 (16x16), (32x32), (48x48) 중에 선택 할 수 있습니다.

  • 로봇의 방문횟수 제외 : 많이 알려진 로봇의 이름을 미리 입력해서 로봇이 방문했을때는 방문자 카운터를 증가시키지 않습니다. 설정을 통해 로봇을 추가할 수 있습니다.

  • 무지개 링크 : 블로그의 모든 링크의 마우스 포인터가 위치 했을 때 무지개 효과를 줍니다.

  • Graphic Statistics : 블로그 사이드바 혹은 특정 위치에 그래프 카운터를 삽입합니다. 사이바 플러그인으로 활용 가능하며, 치환자의 추가를 통해 특정 위치에 삽입도 가능합니다.

  • EAS-Eolin Antispam Service : 태터툴즈 사용자들의 스팸 데이터를 취합하여, 이를 기반으로 스팸을 차단하는 이올린 안티스팸 서비스 http://antispam.eolin.com/ 플러그인입니다. 댓글, 걸린글, 방명록의 입력되는 스팸을 차단합니다. EAS 플러그인을 활성화 하는 것만으로 스팸 차단 서비스가 작동하며, 스팸으로 판정되어 차단된 댓글, 걸린글, 방명록 글은 휴지통으로 이동되어 차후 복원 및 완전 삭제가 가능합니다.

  • 위지윅 박스스타일 추가 플러그인 : 편집창에서 기본적으로 제공하는 텍스트 상자외에 추가적으로 박스 스타일을 쓸 수 있게 해주는 플러그인입니다. 활성화시 편집창 하단에 아이콘을 통해서 추가 박스 스타일을 사용할 수 있습니다.

사이드바 분류 플러그인

  • Graphic Statistics : 블로그 사이드바 혹은 특정 위치에 그래프 카운터를 삽입합니다. 사이바 플러그인으로 활용 가능하며, 치환자의 추가를 통해 특정 위치에 삽입도 가능합니다.

  • 배너출력 : 사이드바에 이미지/주소 입력 혹은 HTML 태그입력을 통해 배너를 삽입합니다. 사이드바에서 편집이 가능합니다.

  • 빈 줄 표시 : 사이드바 플러그인 사이의 간격 조절을 위한 빈 줄을 출력해 줍니다. 사이드바에서 편집을 통해 줄 간격 설정이 가능합니다.

  • 태그 입력기 : 사이드바에 플러그인을 위한 치환자를 출력해 줍니다. 사이드바에서 편집을 통해 치환자 설정이 가능합니다.

관리자 분류 플러그인

  • 방문자 기록 : 현재까지의 방문자 수와 월별/일별 방문자 수를 보여줍니다. 플러그인 활성화 시 관리자메뉴 - 플러그인메뉴 하위의 방문자 기록 메뉴를 통해 살펴 볼 수 있습니다.

  • 리퍼러 기록 : 방문자가 어떤 경로를 통해서 해당 블로그에 접속했는지를 보여줍니다. 직접 주소를 입력하거나, 즐겨찾기를 통해 방문하거나, 검색엔진의 방문은 리퍼러 기록에 남지 않습니다. 플러그인 활성화시 관리자메뉴 - 플러그인메뉴 하위의 리퍼러 기록 메뉴를 통해 살펴 볼 수 있습니다. 현재까지의 리퍼러의 순위를 통해 유입경로 별 순위를 파악할 수 있으며, 날짜별 리퍼러 로그를 살펴볼 수 있습니다.

  • 키워드 통계 : 리퍼러 로그에 남겨진 최근 3일간의 리퍼러 기록을 토대로 검색엔진의 검색 키워드를 추출하여 어떤 검색어를 통해 해당 블로그로 방문을 했는지를 순위별로 보여줍니다. 플러그인 활성화시 관리자메뉴 - 플러그인메뉴 하위의 키워드 통계 메뉴를 통해 살펴 볼 수 있습니다.
출력 설정
  • 사용중인 플러그인/사용하지 않는 플러그인 중에서 보여줄 대상을 설정 합니다.


등록된 플러그인의 설명을 보시고 자신에게 유용하거나 필요하다고 생각되는 플러그인을 사용중으로 바꾸면 자신의 블로그에 바로 반영이 됩니다.

예를 들어  "댓글/방명록 이모티콘 표시"를 사용중으로 바꾸면 아래 그림과 같이 이모티콘을 아이콘으로 보여주게 됩니다. 재미있는 기능이죠... ^^;;;

Posted by 메뉴얼