윈도우 라이브 라이터와 Zemanta 플러그인으로 티스토리에 편하게 글 올리기

Posted on 2008/11/11 07:22 | under 블로그 | permlink :: http://krang.tistory.com/315
Image representing Zemanta as depicted in Crun...

Image by Zemanta via CrunchBase

(Krang.tistory.com)는 티스토리 에서 서비스를 제공받고 있습니다. 거의 무한에 가까운 저장용량에 트래픽 걱정 없는 소중한 웹 공간을 제공해 준다는 사실만으로 즐겁고 감사할 따름입니다. 하지만 많이 개선되긴 했지만 티스토리 블로그 에디터(글쓰기)는 사진이나 첨부화일의 삽입과 배치, 편집이 충분히 자유롭지 않고 링크 부분을 글상자에 넣었을 때 헛링크 ( <a href=”…”></a> )가 자동 생성 되는 등의 불편한 점이 있었습니다.

그래서 그 대안으로 외부 에디터중에 하나인 윈도우 라이브 라이터( Windows live writer. WLW)를 사용해왔고, 덕분에 포스팅하는 시간도 많이 줄어들었기 때문에 잠깐 소개해 보고자 합니다. 이미 유용하게 쓰고 계신 분에겐 별 도움이 되지 않겠지만 평소 저와 같이 티스토리 에디터에 불편함을 느끼셨던 분들이나 윈도우 라이브 라이터를 이용하려고 생각하시는 분들은 참고하시면 좋을듯 합니다.

먼저 WLW를 사용하기 위해선 티스토리 블로그 API 사용설정, WLW 프로그램 설치, 이 두 가지의 사전 준비가 필요합니다.

티스토리 BlogAPI 사용설정 안내
윈도우 라이브 라이터 (Windows live writer) 다운로드

BlogAPI설정을 한 후 윈도우 라이브 라이터를 다운받아 설치합니다. (이하 티스토리 유저를 대상으로 설명)

▼ 설치 후 처음 실행한 화면입니다. 일반 블로그 유저라면 “웹 로그 있음” 을 선택 후 다음으로 넘어가면 되겠습니다. 


▼ “기타 웹 로그 서비스” 선택 후 다음.

 

▼ 본인의 티스토리 주소와 사용자 이름(이메일 아이디), 비밀번호 입력 후 다음으로 넘어갑니다.

  

▼  그러면 자동으로 티스토리의 스킨을 다운 받아 자신의 컴퓨터에 저장하게 됩니다.


 

▼ 설정이 완료되었네요. “설정 편집”을 한번 클릭해 볼까요.

 


▼ 첫번째, WLW로 작성한 포스트의 이미지(사진)를  티스토리 블로그에 바로 올리려면 “웹 로그”,
기타 FTP 서버를 이용하려면 “FTP”를, 일반 사용자라면 웹로그로 하면 되겠군요.


▼ 티스토리에서는 글을 쓰다가 사진이나 텍스트, 혹은 기타 설정이 어떻게 보일지 미리보기를 클릭하면 되지만
WLW 에서는 스킨을 아예 다운받아 두기 때문에 글 쓰면서 바로 글배치와 미리보기를 할 수 있습니다.
특별히 따로 설정할 내용은 없네요.


  
▲ WLW 글쓰기 화면입니다. 좌측엔 에디터 화면, 우측에 최근 글과 임시 저장글, 기타메뉴가 위치합니다.
프로그램 설치 후 며칠 사용하다가 캡쳐했기 때문에 아직 발행하지 않은 임시 저장글이 몇개 있네요.
글 작성하다가 완성하지 못했을 때 티스토리 블로그에 임시 저장(비밀글) 할 수도 있고  내 컴퓨터에 저장해 둘 수도 있습니다.

편집창 상단 메뉴에서 “도구” - “옵션” 으로 가면 기본적으로 이용자가 자신의 취향에 맞게 지정해 줘야 할 메뉴들이 있습니다.

▲ 기본 설정, 편집, 계정, 스크랩 :: 기본 설정에서는 게시물을 한꺼번에 여러 개 작성할 경우 사용할 편집 창의 갯수를 기호에 맞게 선택합니다. 밑의 세가지 알림 메뉴는 게시 혹은 웹에 임시저장하기 전에 각각 제목, 카테고리, 태그 항목이 비어 있을 경우 알림메시지(팝업경고창)를 보여줄 지 무시할 지 선택하는 것입니다. 저의 경우 제목은 꼭 필요하니 체크해두고 카테고리와 태그는 티스토리에서 직접 입력하기 위해 비워두었습니다.

편집메뉴에서는 포스트를 자동으로 저장할 간격과 실시간 단어 수 표시등의 간단한 기능들을 지정해 줍니다.

 

▲ 자동 연결 :: 꼭 필요하고 유용한 기능중에 하나죠. 자주 이용하는 링크의 텍스트와 주소를 한 번 입력해 두면 다음부터 해당 텍스트를 입력할 때마다 자동으로 링크를 걸어줍니다. 한 포스트에 같은 링크가 여러 번 나올 경우 모두 걸어줄 지 한번만 걸어줄 지 선택할 수 있습니다. 티스토리 에디터에 기본으로 포함되었으면 하는 기능중에 하나입니다.


▲ 플러그인 :: WLW의 또하나의 장점은 플러그인(부가기능)을 제공한다는 점입니다. 그렇게 다양하진 않지만 전 Zemanta 플러그인을 아주 유용하게 쓰고 있습니다. 설명은 다음에 이어 하도록 하겠습니다.

▲ F2 키를 누르면 하단 메뉴가 펼쳐지면서 설정창이 나옵니다. 카테고리를 지정할 수 있고 “키워드” 부분에는 티스토리 태그를 입력하면 됩니다만 저의 경우 태그가 먹힐 때가 있고 안먹힐 때가 있어서 태그는 따로 티스토리 에디터에서 입력하고 있습니다.

미리보기와 소스는 웹에 저장, 발행하기 전에 로컬 컴퓨터에서 내용을 확인하는데 유용하게 쓰이니 글 쓰신 후 확인, 수정용도로 사용하면 좋을 것 같습니다.

 


마 지막으로 Zemanta 플러그인에 대해 간략하게 말씀드리자면, 블로그에 관련 이미지나 관련글, 링크등을 손쉽게 삽입해주는 유용한 서비스입니다. 회원가입을 하지 않아도 기본기능은 사용할 수 있으니 한 번 설치해 보시길 권합니다. 파이어폭스 플러그인도 있지만 티스토리는 지원하지 않기 때문에 라이브 라이터 플러그인을 다운받아 설치하신 후 WLW에서 “도구” - “옵션” - “플러그인” 에서 확인 후 설정하시면 됩니다.

Zemanta 윈도우 라이브 라이터 플러그인 다운로드

Recorded with screentoaster.com

 

Zemanta 플러그인은 포스트 내용을 자동 참조하여 관련 이미지를 포스트 우측에 자동으로 배열해 줍니다. 원하는 결과가 없을 경우 직접 검색어를 입력하여 검색할 수 있습니다. 이미지를 클릭하면 자동으로 본문에 삽입이 되며 다시 한 번 클릭을 하거나 다른 이미지를 클릭하면 취소, 혹은 수정이 됩니다. 이미지는 Flickr, Wikipedia, Daylife 등에서 저작자 표시 하에 이용이 허락된 사진을 가져옵니다. 물론 자신의 Flickr 계정을 등록해두면 자신의 이미지도 쉽게 삽입할 수 있습니다.

이미지 밑에는 단어의 배열이 보이는데 포스트에 나온 영어 단어를 참조해 자동 링크를 생성한 것입니다. 이미지와 마찬가지로 원하는 링크를 클릭하면 본문의 해당테스트에 자동으로 링크가 삽입이 됩니다. 직접링크도 있고 위키피디아의 참조글도 선택할 수 있습니다.

한글을 지원하지 않기 때문에 이미지 필터로 관련 단어 몇 개만 검색해서 이미지만 활용하는 방법도 괜찮은 방법입니다.


특히 외부에디터는 사진을 업로드할 때 굉장히 편리합니다. 티스토리 에디터는 이미지를 편집한 후 업로드하여 하나하나 골라서 배치하는 복잡한 과정이 있는 반면 WLW의 경우 사진을 복사후 붙여넣기, 편집, 배치를 오프라인에서 끝낸 후 게시만 하게 되면 한번에 업로드도 이루어지니 생산성(?)을 높일 수 있는 최고의 방법입니다. 단, 이미지를 '링크없음'으로 설정해 주어야 에러링크가 발생하지 않습니다. 빠른 포스팅을 원하신다면 지금 바로 해보세요. ^^

저작자 표시 비영리 변경 금지

Trackback Address :: http://krang.tistory.com/trackback/315

BlogIcon 돌이아빠
2008/11/11 09:59
흠 그런데 제가 Windows Live Writer를 사용하지 않는 이유는 불편함입니다. 티스토리 에디터에 익숙해져서 그런건지 저는 불편하더라구요. 그리고 글을 티스토리에 게시 할때 비공개 옵션이 적용이 안되었던것으로 기억하는데 이 옵션이 적용되나요? Zemanta 플러그인은 상당히 유용해 보이는군요!

다시 한번 시도를 해볼까요?

BlogIcon Krang
2008/11/11 19:48
임시저장 - 웹로그에 임시저장 하시면 비공개로 등록이 됩니다>^^
익숙해 지시면 상당히 편리하실거에요. 이미지 올릴때도 복사후 붙여넣기 하고 올리면 블로그에 업로드 되니까요. :)
BlogIcon Krang
2008/11/11 20:29
돌이아빠님 밑에 댓글의 답변인데요.
일반적인 플래쉬작업은 Falsh MX로 제작가능하구요. 찾아보면 비교적 간단한 툴도 있습니다. 스크린녹화를 플래쉬로 제작하는 것이라면 http://www.debugmode.com/wink/ 이곳에 Wink라는 프로그램으로 가능할꺼에요.
BlogIcon Mr.MindEater™
2008/11/11 12:41
일전에 Krang님 말듣고 시도해보다 설정하는 과정에서 티스토리 연동에 문제가 생기더라구요 ㅠㅠ
프로바이더를 선택 단계로 자꾸 넘어가는 증상이죠. BlogAPI도 시키는대로 활성화하고,,,
언제 다시한번 시도를~~ ^^;;

근데 비공개상태로 발행을 한 뒤에 티스토리에서 마무리할 수 도 있나요??

BlogIcon Krang
2008/11/11 19:52
프로바이더는 블로그서비스 선택을 말씀하시는건가요? 처음에 한번만 지정해주면 다시 수정안해줘도 되는데..블로그 추가도 가능하고 말이죠. -_-;;

임시저장 - 웹로그에 저장 하시면 비공개로 블로그에 개시가 되고 이후 마무리 후 발행하면 됩니다.
BlogIcon 빨간여우
2008/11/11 13:46
wlw를 몇번 쓰다가 안쓰게 되더라구요..
티스토리 에디터에 넘 익숙해서 그런 것도 있고 언젠가는 3시간동안 동영상 올리고 해가며
포스팅한게 에러가 나서 다 날려 먹은 적도 있거든요. 내가 잘못 한건지...

오늘은 한번 다시 써 볼까 싶기는 한데, 영~~~~^^;;;;;

BlogIcon Krang
2008/11/11 19:54
동영상이나 플래쉬 삽입시에는 속도가 많이 느려지더라구요. 그래서 전 동영상이나 플래쉬는 티스토리에서 마무리 할때 넣구요, 나머지 이미지나 텍스트 작업등은 WLW에서 하고 올립니다. 기능이 좋더라도 익숙한게 제일이지요. ^^
BlogIcon 돌이아빠
2008/11/11 20:00
근데 플래쉬는 어떻게 만들어요 =.=?
BlogIcon 역전의용사
2008/11/11 16:08
어제 글 올라온거보고 바로 깔아봤는데...흐음...좋은건지 모르겠네요 ㅋㅋ
WLW 설정할 때 이놈 쓸데없이 방문자수나 올리고 -_-;;;

근데 올렸다가 비공개하셨나요? 한RSS로 보고 들어왔더니 없는 페이지라 떠서 좀 난감했었다는;;
하지만 한RSS에서 내용 다 보여서 거기서 이미 다 봤었네요 ㅎㅎ

BlogIcon Krang
2008/11/11 19:56
저도 첨엔 좀 어렵다가 익숙해지니 좋더라구요. 특히 이미지 작업을 많이 해야 하는 포스팅을 할땐 포스팅 시간과 이미지 정리, 편집작업을 굉장히 절약할 수 있었습니다.

어제 저녁에 올렸었는데 아무리 해도 추천위젯이 나타나지 않길래 삭제후 다시 예약 발행으로 해놓고 잤습니다. 먼저 보셨네요. ^^
BlogIcon 웹초보
2008/11/15 18:26
라이브 라이터가 의외로 불편하다고 생각하시는 분들이 많네요.. ;;
다른건 몰라도 이미지 삽입하고 여러가지 플러그인으로 인한 기능 확장은 정말 좋은데 말이죠... ^^

BlogIcon Krang
2008/11/16 17:23
아마 익숙함의 차이겠죠. WLW랑 친해지게 되면 웹초보님 말씀대로 많은 부분에서 편리함을 느끼실것 같은데..^^
BlogIcon 웹앤비저
2008/11/22 08:28
워드프레스쓸때 zemanta 플러그인이 있어서 유용하게 사용했었는데, 티스토리로 옮긴후로는 사용할 수 없어서 아쉬웠었는데, 이런방법으로 사용할 수 있군요.
그런데 한글 키워드라서 그런지 연동이 잘 안되던 기억이 있었어요. 그건 어떤지도 궁금하네요.

WLW를 이용해서 비공개 퍼블리싱한다음에 티스토리로 마무리하는 방식이 제게는 좋겠네요.

좋은 정보 감사합니다.

BlogIcon Krang
2008/11/22 10:34
한글키워드는 지원이 안되는 것으로 알고 있습니다. 아무래도 국내에선 이미지만 활용도가 높으니 키워드만 입력해서 사진만 뽑아쓰고 있어요..-_-;;
BlogIcon Hanks
2008/12/12 13:06
저는 WLW 정말 유용하게 잘 쓰고 있어욤. 근데 한 가지 이상한 점이 있는데요.
자동연결 기능이 잘 안되는 것 같아요. 예를 들어서 네이버를 등록 시켜 놨는데요. 포스팅을 작성할 때 네이버라고 입력해도 링크가 안 걸리네요. ㅇㅂㅇ;;;
무슨 방법이 있는지요?

BlogIcon Krang
2008/12/12 19:45
답글 감사합니다. (__)
혹시 '네이버' 뒤에 조사를 붙여 쓰지 않으셨나요?
예)'네이버가' '네이버에서' '네이버를' 등등

자동링크 단어와 다른 단어 사이를 한칸 띄워야 제대로 기능이 작동하더라구요.
예) '네이버 가' '네이버 에서' '네이버 를'
BlogIcon nashimaryo
2009/06/25 10:01
헉.. 저는 왜 스킨 미리 보기가 되지 않는 걸까요ㅠ
스킨 다운로드조차 되지 않아서 티스토리의 문제려니 했는데, 저만의 문제였나 보네요^^;;;;

현재 라이브라이터를 사용해보고 있는데, 블로그에 글 게시하게 되면 공개상태로 되어 수동으로 발행상태로 변경해줘야 하더라고요.
그리고 글꼴의 크기나 글간격이 블로그의 설정대로 되지 않는 것 같아서 이 점이 조금 부담스럽네요.
글간격 좁히는 건 Shift+enter로 하면 된다지만 번거로워서^^;

발행과 글꼴, 글간격만 잘 되면 좋을텐데, 여튼 사용하면서 가장 좋았던 점은 이미지를 드래그하여 첨부하고 이미지에 대한 효과였습니다.
좀 더 사용해보고 느낌 점을 차후에 포스팅해보려고요^^

BlogIcon Krang
2009/06/26 14:38
옵션-계정-편집에서 스킨새로고침을 한 번 해보세요~
정상작동한다면 스킨은 자동다운로드되구요.

글간격이나 기타 세부적인 부분에서 작성할 때와 블로그에서 볼때 차이가 있다면 라이브라이터에서 작성 후 <게시하기>를 하지 마시고 <블로그에 임시저장>으로 블로그에 비공개로 게시한 후 세부적인 부분을 수정하고 발행하실 것을 권합니다. :)
BlogIcon nashimaryo
2009/06/26 15:00
흑 이유를 모르겠지만 저는 안되네요^^;
소스가 너무 난잡해서 읽지를 못하는건지
그래도 조언해주셔서 고맙습니다^^

체크시 주인만 볼 수 있습니다.

* 티스토리 단축키를 활용하세요. [A:다음글 S:이전글 Q:로그인]
« previous : [1] : ... [245] : [246] : [247] : [248] : [249] : [250] : [251] : [252] : [253] : ... [458] : next »