티스토리 2008 edit의 변화된 기능과 단축키

미션1을 막 수행하고 나서 보니까 바로 edit before & after 미션 #2 가 기다리고 있네요.
그래서 좀더 자세하게 해볼까? 하고 포스팅을 시작하여 거의 완료시점에서 작업내용을 다 날려버렸습니다.
날씨도 더운데 힘이 너무 빠집니다. 그래도 다시 시작합니다. 미션1하고 일부 중복되는 내용이 있겠지만..오늘 안하면 못할것 같아서 ...

2008/07/10 - 달라진 티스토리 관리페이지

새로 바뀐 티스토리 edit 창

티스토리 Edit 기능 무엇이 달라졌나?

달라진 티스토리 edit 화면이 아름다워요. ^^ 한눈에 들어오는 기능들과 깔끔하게 정리된 기능들, edit 화면을 처음 본순간 티스토리에서 블로거들을 위하여 많은 시간과 노력을 기울이고 있다는 것이 느껴집니다. 제가 미처 생각하지 못했던 사전기능이나 각주, 책이나 영화정보를 첨부할 수 있는 정보 첨부기능, 자주 사용하는 서식을 만들어서 포스팅시 쉽게 사용할 수 있는 서식기능 등 새롭게 추가된 기능도 많고 모두가 활용성이 좋은 기능들인것 같습니다. 기존의 edit 화면과 달라진 내용을 보면 다음과 같습니다.

  • 많이 사용하는 서식도구모음줄을 아래로 내리고 멀티미디어관련 도구를 위로 재배치
  • 도구에 있던 멀티미디어 기능을 멀티미디어관련 도구줄로 이동
  • 제목을 본문에 배치(제목 폰트가 이쁘네요^^)
  • 하단의 태그입력, 공개여부,등록일자, 권한 및 첨부파일 관리기능등의 기능들이 세로로 쭉 펼쳐져 있었는데 그림처럼 그룹으로 분류하여 탭형식으로 깔끔하게 정리를 하였습니다.
  • 첨부파일(특히 이미지)에 대한 본문 삽입기능이 줄어들었습니다. (이거 조금 불편합니다.)
  • 컬러피커[각주:1]의 확장으로 그동안 제한적으로 사용했던 색상을 원하는 어떤 색이든 선택할 수 있게 되었습니다. 이 기능을 많이 기다려 왔었는데 드디어 개편이 되는군요. 기본컬러 색상도 밝은 컬러로 선정하여 아주 화려하고 예쁘답니다.

Edit에 새롭게 추가된 기능

티스토리 edit에 새롭게 추가된 내용이 많이 있네요! 너무 많아서 그 기능을 나열하려면 한 페이지는 필요할것 같습니다. 대부분이 블로거들에게 필요한 기능으로 구성이 되어 있는데요. 특히 워드프레서에서나 볼 수 있는 각주기능이나 특수문자, 줄간격조절등도 추가 되었답니다. 그럼 어떤 기능이 추가가 되었는지 하나 하나 살펴보기로 할까요?

티스토리 편집기에 새로 추가된 기능 위치

  • 지도: 지도를 포스트에 삽입할 수 있는 기능이 추가 되었습니다. 여행을 다녀오거나 길안내시에 위치를 검색하여 지도를 삽입할 수 있는데요, 표시기능, 글자입력기능등의 몇가지 기능도 있답니다.
  • 줄간격: 문단의 간격을 조절할 수 있는 줄간격 기능이 추가되었습니다. 글의 내용이나 성격에 따라 본문과 약간 구분을 줘야 하는 경우 사용하면 될것 같습니다.
  • 구분선: 구분선은 본문의 첫칸부터 끝까지 줄을 긋는 기능인데요.. 줄의 종류가  실선, 이중실선,점선,일점쇄선등 여러종류가 있습니다.
  • 각주: 워드프로세서[각주:2]에서나 볼 수 있는  각주기능이 새롭게 추가 되었습니다. 각주는 블로그 본문중에 나오는 단어에 대한 추가적인 설명을 적어주는 기능입니다.(워드프로세서 뒤의 숫자를 클릭해보세요)
    성경책에서 많이 볼 수 있는 기능이죠..
  • : 아직은 완벽하지는 않지만 복잡하고 다양한 내용들을 깔끔하게 정리하는데 표로 작성하는 것이 제일이죠. 바로 이런 표작성기능이 티스토리 edit에 추가가 되었습니다.
  • 이모티콘: 카페나 메신저에서 주로 사용하던 이모티콘 기능
  • 특수문자: ※ ♥ ■ → ♬ 와 같은 문자를 입력할 수 있는 특수문자 입력 기능이 추가 되었습니다. 이 기능 역시  많은 블로거분들이 기다리던 기능이 아닐까 생각합니다.
  • 사전: 정말 마음에 드는 사전기능! 포스트중에 사전이 필요할때 네이버를 찾아갔었는데.. 이제 편집화면에서 바로 사전검색을 할 수 있어서 너무 좋습니다. 거기에 영어, 영영, 국어, 일본어, 중국어, 한자사전까지 다양하게 지원하여 정말 마음에 듭니다.
  • 실행취소 및 다시실행: 실행취소 기능은 익스플로러 자체적으로 지원하던 기능인데 모르는 분들도 많이 있어 아예 도구모음줄에 기능을 넣었네요. 거기에 다시 실행하는 기능까지 삽입이 되어 있답니다. 이제 편집중 잘못 입력하거나 잘못 작업을 한경우 바로 실행취소(단축키는 Ctrl + Z)를 누르면 된답니다.
  • 작성중인 글: "작성중인 글"이라는 제목으루 우측 상단에 생긴 기능인데 처음에 뭔가 했습니다. 편집기는 작업중에 계속 임시 저장했다는 메시지가 뜨는데 작성중인 글에는 표시가 되지 않아서 도대체 이 기능이 무엇일까 생각했는데 ㅎㅎ 알고 보니 비공개로 해놓고 저장한 내용이 보이는 곳이더군요. 한번에 포스팅 완료를 못하고 짬짬히 포스팅을 하거나 자리를 이동하면서 컴퓨터를 사용해야 하는경우 비공개로 저장해놓으면 작성중인 글에 나타나고 이다음에 계속 이어서 작업을 할 수 있는 기능이랍니다.
  • 정보첨부 : 포스트중에 영화라든지 인물정보를 검색해서 바로 본문에 삽입할 수 있는 기능입니다. 영화평을 자주하거나 영화정보를 자주 포스팅하는 사람들에게는 영화정보 첨부기능이 매우 유용할것 같습니다. 저의 경우는 인물 정보를 많이 검색하는데 인물정보 첨부를 많이 이용할것 같습니다.
  • 서식 : 자주 포스팅하는 서식을 미리 만들어놓고 포스팅시 서식을 불러 작업함으로써 포스팅 시간을 절약할 수 있고 일관성있는 포스팅을 할 수 있는 기능입니다.
  • 트랙백 : 글을 쓰거나 편집시 바로 트랙백을 날릴 수 있는 기능
  • CCL : 이 기능은 이전 버전에서는 플러그인으로 지원을 하여 모든 포스트에 일괄적으로 적용이 되어 조금 불편하였는데 이제는 포스트에 따라 선별적으로 저작권 표시를 할 수 있게 되었습니다.
  • 단축키 : 자주 사용하는 기능들을 특정키로 정의해놓고 필요시 지정된 키를 누르면 바로 작업이 실행되는 기능입니다. 예를 들어 윈도우 환경에서는 어디서나 쓸 수 있는 Ctrl + C(복사하기), Ctrl + V(붙여넣기), Ctrl + X(오려두기) 같은 기능들이 단축키입니다.
    이런 편리한 단축키가 티스토리에서도 드디어 지원을 하게 되었습니다.

    내용추가 (7/14)
    ※ 이미지 배치 기능이 서식도구모음줄의 정렬 도구부분으로 이동이 되었네요. (아래 불편한 내용 참조)


개편된 edit 화면에서 이미지 정렬도구

이미지 정렬도구는 포스트에 사진을 추가시 이미지를 왼쪽, 가운데, 오른쪽, 본문글과의 어울림배치등의 기능을 가진 도구들로 글과 이미지를 조화롭게 편집할 수 있는 기능입니다.

  •  
    사용자 삽입 이미지

    글 작성시 정렬 아이콘

    사용자 삽입 이미지

    이미지 클릭시 정렬 아이콘


    평상시는 위그림의 빨간 박스안의 아이콘처럼 정렬에 필요한 버튼으로 표시가 되다가
    이미지를 클릭하게 되면 아래 그림처럼 이미지 배치(정렬) 버튼으로 바뀌어서 이전 버전처럼 자유롭게 이미지를 배치할 수가 있게 되었습니다. 텍스트와 같은 정렬위치에 있고, 이미지 재배치시 지웠다가 다시 배치해야 했던 불편함을 싹 제거하고 바로 재배치가 가능하도록 되어 있습니다.

    다만 별도의 설명을 읽지 않고는 흐릿한색에 같은 위치에서 바뀌는 이 서식도구 부분이 유동적으로 변동이 된다는 것을 알아낸다는 것이 그리 쉽지 않다는 것입니다. 초보자도 쉽게 찾을 수 있도록 이미지도구로 바뀔때는 배경색을 컬러로 바꾼다든지, 도구아이콘이 교체되는 것이 아닌 추가되는 방식으로 바꾸면 처음 사용자들이 쉽게 알아차리지 않을까 생각을 합니다.


  • 이미지의 사이즈가 나오질 않습니다. 위그림에서 파일명 뒤에 498 x 418 이라고 나오는 것처럼 실제 이미지 크기가 나오질 않네요. 원본 이미지의 크기를 알려줘야 할때 편하게 사용했던 기능인데..
    없어져서 불편합니다.
  • 블로거뉴스 기사전송기능 없어졌어요..어디 갔을까요?
  • 이미지 삽입시 br 태그와 P태그가 동시에 들어가서 필요없는 공백줄이 위아래로 생깁니다. 그래서 이미지 삽입할때마다 공백 줄을 지워야 하는 불편함이 있네요. br 태그가 안들어가게 하면 될것 같습니다.
  • 커서가 본문 상단 또는 하단으로 이동되는 현상:
    1. 전체내용 선택 후 취소를 하면 커서가 편집기 제일 상단으로 이동이 되어 버림
    2. 컬러피커에서도 가끔 그런 현상 발생했는데 지금 해보니까 발생하지 않음
    3. 실행취소(단축키, 도구 모두)를 누르면 커서가 본문 최하단으로 이동되어 버립니다.
    4. 여러줄을 블럭지정하여 글자색을 변경한 후 본문을 클릭하면 커서가 상단으로 이동.
    5. 그외 편집중 자주 발생
  • 스크롤바와 커서: 스크롤바를 움직인 후 본문을 클릭하면 클릭한 위치로 커서가 이동 되어야 하는데 스크롤이전 위치에 커서가 그대로 있어 원윈치로 되돌아가버립니다. 스크롤 기능이 안된다고 봐야죠..이건 버그인가요?
  • 하단에 그룹별로 정리하여 탭형식으로 배치한 파일첨부,태그,공개설정,트랙백등의 기능등은 디자인적으로는 깔끔하고 보기 좋으나 이용성면에서는 매 포스팅때마다 여러번의 클릭을 해야 하는 불편함이 있습니다. 펼쳐보기 버튼을 넣어서 한번에 모두 표시하여 볼 수 있는 방법이 있으면 좋겠습니다.

 


티스토리 Edit 화면의 단축키

Shift + Enter: 줄바꿈키, 업데이트된 티스토리 편집화면에서 엔터를 치면 문단이 바뀌게 됩니다. 그러므로 인하여 기존에 엔터를 쳤을때는 줄바꿈만 되었는데 이제는 한줄의 공간이 생깁니다. 이때 줄바꿈만 하고 싶을때 사용되는 키입니다. 첨에 저도 이 기능을 몰라서 울며 겨자먹기로 한줄씩 띄면서 글을 입력했는데 나모에서 사용하던 shift + enter가 생각나서 해봤더니 줄바꿈이 되더라고요! ^^

Ctrl + K : 링크걸기
Ctrl + B : 글자 진하게 하기
Ctrl + U : 밑줄문자
Ctrl + I  : 이탤릭체
Ctrl + D : 취소선 긋기
Ctrl + ,(콤마) : 왼쪽정렬
Ctrl + .(마침표) : 가운데 정렬
Ctrl + / : 오른쪽 정렬
Ctrl + Q : 인용구
Ctrl + Z : 실행취소
Ctrl + Y : 다시실행
Ctrl + S : 임시저장
Tab      : 들여쓰기
Shift + Tab : 내어쓰기
 

  1. 글자의 색이나 배경색을 변경할 때 사용되는 색상테이블 [본문으로]
  2. 문서의 입력 및 편집, 인쇄를 할 수 있는 문서 작성 프로그램 [본문으로]

댓글을 달아 주세요

댓글창에 배경그림 넣는방법