Windows Live Writer로 텍스트큐브에 글 올리기(4/7/3868)

2007/12/14 10:55 :: 컴퓨터 ::인쇄


태터툴즈 에서 부터 도입된 기능 중 하나는 위지윅 편집기이다. 블로그에서 사용되는 웹 페이지를 만들기 위해서는 HTML을 알아야 하지만 위지윅 편집기를 이용하면 HTML에 대한 지식이 전혀 없어도 블로그에 글을 작성할 수 있기 때문에 설치형 블로그나 가입형 블로그 모두 위지윅 편집기를 지원한다.

위지윅 편집기를 이용해서 글을 작성할 때의 문제는 HTML 태그를 직접 입력하는 것 보다는 불필요한 헤더가 많이 붙는다는 점이다. 따라서 HTML 태그에 대해 잘안다면 위지윅 편집기를 사용하는 것 보다는 HTML 태그를 직접 편집하는 것이 더 났다. 그러나 HTML 태그가 아주 간단한 마컵 언어이기는 하지만 초보자가 직접 입력하기 어렵고 태그에 대해 정확히 모르면 태그를 오용할 수 있기 때문에 태그에 대한 자신이 없다면 위지윅 편집기를 사용하는 것이 좋다.

태터툴즈때부터 불거진 문제지만 태터툴즈의 위지윅 편집기는 완전하지 못하며, 사용자의 입력을 임으로 바꾸는 문제가 있었다. 이러한 문제는 태터툴즈의 올림판인 텍스트큐브 에도 같은 문제가 있다. 따라서 필자는 텍스트큐브도 이러한 문제때문에 위지윅 편집기가 아니라 기본적으로 텍스트 편집기로 동작하도록 패치해서 사용하고 있다. HTML 태그에 익숙한 사람은 EditPlus 와 같은 HTML 편집기가 글을 작성하는데 더 편하지만 초보자에게는 역시 위지윅 편집기가 편하다.

요즘 mepay 님과 함께 팀블로깅을 하면서 mepay님이 올린 글은 필자가 다시 한번 편집한다. 내용을 편집하는 것은 아니고 불필요한 HTML 태그만 제거하고 올린다. 불필요한 태그를 제거하기위해 편집을 하다 보면 티스토리의 위지윅 편집기가 일관성없이 동작하는 것을 본다.

한 예로 글자의 색상을 지정하기 위해 <FONT> 태그, <SPAN> 태그가 함께 사용되고 있지만 그 기준이 분명하지 않다. 또 <STRONG>, <INS> 태그를 써야할 곳에도 모두 <SPAN> 태그를 사용하고 있다. <STRONG> 태그를 사용하는 것과 <SPAN style="font-weight: bold">를 사용하는 것이 외형적으로는 같은 효과가 나지만 검색 엔진이 페이지를 색인하면서 주는 가중치는 <STRONG>와 <SPAN> 태그에 차이가 있기 때문에 무조건 <SPAN> 태그를 사용하는 것은 바람직하지 않다.

이럴때 유용하게 사용할 수 있는 프로그램이 있다. 바로 Windows Live Writer 이다. Windows Live Writer는 이름에서 알 수 있듯이 Windows Live Writer는 일종의 위지윅 편집기이다. Windows Live Writer는 위지윅 편집기이지만 또 한가지 특징은 요사이 보편적으로 사용되는 블로그에 글을 바로 올릴 수 있는 기능 지원한다는 점이다. 텍스트큐브 , 태터툴즈 , 티스토리 모두 BloggerAPI와 MetaWebLogAPI를 지원하기 때문에 이 BlogAPI와 Windows Live Writer를 이용하면 텍스트큐브나 티스토리의 위지윅 편집기를 이용해서 글을 쓰는 것보다 쉽게 글을 올릴 수 있다.

따라서 이번 글에서는 Windows Live Writer를 이용해서 텍스트큐브나 티스토리에 글을 올리는 방법을 설명하겠다.

1. Windows Live Writer 받기

MS는 Live.com 으로 자사의 서비스를 통합하고 있다. 따라서 MS에서 제공하는 프로그램도 상당수 Live라는 타이틀을 달고 있다. 현재 Live라는 이름으로 통합된 프로그램은 Windows Live Mail, Windows Live Messenger, Windows Live Writer, Windows Live Toolbars, Windows Live Photo Gallery 등이다.

이중 Windows Live Mail은 비스타에 기본으로 포함된 Windows Mail, XP에 포함된 Outlook Express의 올림판으로 Windows Mail과는 달리 Hotmail 계정을 지원하며, OE나 Windows Mail에서 지원하지 못했던 계정을 폴더 형식으로 관리할 수 있는 기능을 지원한다. Windows Live Messenger는 기존에 사용하던 MSN Messenger의 올림판으로 현재 8.5판이 사용되고 있다. 필자는 툴바를 제외한 나머지 프로그램을 모두 설치해서 사용하고 있다.

  1. WLInstaller.exe를 클릭해서 내려받은 뒤 WLInstaller.exe를 실행한다.
  2. 동의함 단추를 클릭한 뒤 설치 단추를 클릭한다.
  3. 설치할 제품을 선택한 뒤 설치하기 단추를 클릭한다. 그림에서 알 수 있듯이 필자는 툴바를 제외한 나머지 모든 제품을 선택했다.
  4. 그림과 같은 화면이 나타나며 설치가 진행된다. 설치가 완료되면 닫기 단추를 클릭한다.

2. BlogAPI 설정

판번호가 정확히 기억이 나지는 않지만 태터툴즈 1.1 부터는 BlogAPI를 지원한다. 이 블로그 API를 이용하면 다른 도구(예: Windows Live Writer, Firefox 확장)를 이용해서 블로그에 글을 올리는 것이 가능하다. 다만 다른 도구에서 블로그 API를 접근하기 위해서는 먼저 블로그 API를 설정해야 한다. 블로그 API를 설정하는 방법은 다음과 같다. 태터툴즈 , 티스토리 , 텍스트큐브 가 서로 약간씩 차이가 있지만 여기서는 태터툴즈의 최신판인 텍스트큐브와 티스토리에서 설정하는 방법을 설명하겠다.

  • 텍스트큐브
    1. 텍스트큐브의 관리도구/플러그인을 클릭하고 블로그 API가 활성화되어 있는지 확인한다. 활성화되어 있지 않다면 Blog API를 클릭해서 활성화시킨다.
    2. 텍스트큐브의 관리도구/환경설정/글작성을 클릭하고 MetaWeblog API나 Blogger API를 이용하여 글을 작성할 수 있도록 합니다를 체크한다.
    3. Blog API 용 비밀번호에 적당한 비밀번호를 입력한 뒤 저장하기 단추를 클릭한다. 텍스트큐브 설명에는 관리자 로그인 비밀번호와 동일하게 사용하려면 비워두면 된다고 되어 있다. 그러나 Windows Live Writer로 막상 로그인해보면 로그인 오류가 발생했다. 따라서 필자의 예에서처럼 꼭 비밀번호를 지정하기 바란다.

  • 티스토리
    티스토리는 기본값이 BlogAPI 사용이므로 따로 설정할 필요는 없다. 확인하는 차원에서 다음 항목을 확인해 보기 바란다.
    1. 티스토리의 관리도구/환경설정/기타설정을 클릭한다.
    2. 글 작성 환경을 설정합니다에서 BlogAPI를 사용합니다를 체크한 뒤 저장하기 단추를 클릭한다.

3. Windows Live Writer 설정

Blog API를 설정했으면 이제 Windows Live Writer를 설정한 뒤 사용하면된다. 설정하는 방법은 상당히 간단하다.

  1. 시작/모든 프로그램/Windows Live에서 Windows Live Writer를 실행한다.
  2. 웹 로그 있음을 선택하고 다음 단추를 클릭한다.
  3. 웹 로그 종류 선택 창에서 기타 웹 로그 서비스를 선택한 뒤 다음 단추를 클릭한다.
  4. 웹 로그 홈페이지 및 로그인에 적당한 정보를 입력한 뒤 다음 단추를 클릭한다. 홈페이지 URL에는 자신의 블로그 주소를 써주면 되고 사용자 이름에는 텍스트큐브나 티스토리 로그인에 사용되는 전자우편 주소를 적어주면 된다. 암호는 텍스트큐브는 관리도구에서 설정한 암호를 입력하며, 티스토리는 티스토리 로그인 암호를 입력한다.
      텍스트큐브 티스토리
    홈페이지 URL http://offree.net/ http://offree.com/
    사용자 이름 artech@qaos.com artech@qaos.com
    암호 관리도구에서 설정한 암호 티스토리 로그인 암호
  5. 웹 로그 구성 완료 창에서 설정 정보를 확인한 뒤 마침 단추를 클릭한다. 추가적인 설정을 설정 편집 단추를 클릭해서 설정할 수 있다.

4. Windows Live Writer로 글 작성하기

Windows Live Writer로 글을 작성하는 방법은 쉽다. 제목을 입력하고 본문을 입력한 뒤 게시하기 단추를 클릭하면 되기 때문이다.

5. Windows Live Writer로 글을 작성하는 잇점

사실 필지는 Windows Live Writer로 글을 작성하는 것 보다는 EditPlus와 같은 HTML 편집기로 글을 작성하는 것이 훨씬 더 편하다. 그 이유는 HTML 편집기로 글을 입력하는 것이 불필요한 코드도 줄일 수 있고 화면 배치를 원하는대로 할 수 있기 때문이다.

그러나 Windows Live Writer로 글을 입력하다 보니 몇 가지 편리한 기능이 눈에 뛰었다. 그 중 하나는 도구/옵션의 링크 용어집이다. 글을 작성하다 보면 링크를 달아야하는 때가 많은데 이 링크 용어집을 이용하면 자주사용하는 링크를 등록한 뒤 사용할 수 있기 때문이다. 그 외에도 편리한 기능이 여러가지 더 있을 수 있지만 Windows Live Writer를 주 편집기로 사용하는 것이 아니기 때문에 이 정도에서 마무리할까 한다.

덧글 처음부터 끝까지 Windows Live Writer로 글을 써 보려고 했지만 역시 화면 배치 때문에 결국 최종 작업은 EditPlus로 했다. HTML에 익숙한 사용자를 만족 시킬 수 있는 위지윅 편집기는 아직까지는 없는 것 같다.
2007/12/14 10:55 2007/12/14 10:55

저작권 정책 제 블로그의 글은 기본적으로 펌금지, 링크 허용의 정책을 취하고 있습니다. 특히 네이버로의 펌은 어떠한 경우에도 허용하지 않습니다. 다른 사항은 알림글을 참조하시기 바랍니다.
구독 & 책갈피 글이 마음에 드시나요? HanRSS로 편하게 구독하세요!!! 그리고 고료는 추천으로 받습니다!!!
책갈피 하기: WZD | 구글 | 네이버 | 뉴스2.0 | 다음 | 델리셔스 | 마가린 | 북마커 | 야후 | 한RSS | 정보
컴관련
오늘의글
인기글

Tag , , , , ,
걸린글 4 댓글 18

RSS : http://offree.net/rss/response/1389

걸린글 : http://offree.net/trackback/1389

  1. 제목: Windows Live Writer를 써 본 소감

    보낸곳: joogunking 2007/12/14 12:30 delete

    최근 블로그에 글을 올리는 횟수가 늘었다. 이유는 Windows Live Writer(이하 WLW)라는 편리한 도구를 만나서이다. 자세한 설명은 아래 링크와 검색을 참조하시고.... 지금부터 WLW를 사용한 소감을 한..

  2. 제목: 주간 블로고스피어 리포트 50호 - 2007년 12월 2주

    보낸곳: GOODgle.kr 2007/12/14 14:37 delete

    주요 블로깅 : 일본을 대표하는 2007년 알파 블로거 발표 : 일본을 대표하는 파워(알파) 블로거를 뽑는 "알파 블로거 어워드 2007년"에서 15명의 알파 블로거가 선출됐습니다. IT에 편중되지 않은 ..

  3. 제목: Text Template - Windows Live Writer 상용구 사용 플러그인

    보낸곳: joogunking 2008/02/12 15:46 delete

    Windows Live Writer(이하 WLW)를 사용한지 5개월 정도의 시간이 지났다. 자주 글을 올리는 건 아니지만 이제 WLW가 없으면 정말 불편하다. 파이어 폭스를 의식해서인지 WLW에도 플러그인 추가 기능이 ..

  4. 제목: Windows Live Writer WLW Portable 무설치 버전

    보낸곳: joogunking 2008/06/24 21:45 delete

    Windows Live Writer(이하 WLW). 현존하는 블로그 에디터 중에 가장 좋은 프로그램이자 깔끔하고 보기 쉽게 HTML소스를 보여주는 위지위그 에디터죠. 하지만 그 설치 과정은 정말 짜증나는데요. 2메가

  1. 푸른꿈 2007/12/14 10:04 address edit & del reply

    저도 항상 WLW로 글을 쓰고 있답니다. 편하고 좋아요.^^

    • 도아 2007/12/14 11:12 address edit & del

      저는 이번에 써봤습니만 역시 HTML 편집기가 가장 편하더군요. 이 글도 결국은 HTML 편집기로 다시 편집했습니다.

  2. 학주니 2007/12/14 12:46 address edit & del reply

    예전에 워드프레스를 사용할때는 윈도 라이브 라이터를 많이 사용했어요. 여러가지로 편해서.
    그런데 티스토리의 경우는 WLW로 하게되면 <p><br>이 너무 헷갈려서.. -.-;

    • 도아 2007/12/14 15:37 address edit & del

      티스토리나 텍스트큐브의 위지윅 편집기의 문제입니다. 태그를 혼용하고 BR을 남용하고,,,

  3. 미르~* 2007/12/14 14:47 address edit & del reply

    저 같은 경우에도 학주니님과 유사하게 줄간 간격 때문에 WLW 사용이 꺼려지더군요...
    WLW로 쓴 것과 텍스트큐브에서 직접 작성한 것과 줄 간격의 차이가 나기도 하고,
    WLW로 쓰면, 발행까지 자동으로 안되었던 것으로 기억되거든요...
    어짜피 한 번은 텍스트큐브 로그인해서 발행까지 해야되었던 기억... -_-;;

    • 도아 2007/12/14 15:38 address edit & del

      한번 로그인을 해도 작업은 WLW가 더 편합니다. 특히 티스토리나 텍시트큐브는 잘못된 태그가 너무 많이 삽입됩니다.

  4. Draco 2007/12/14 15:03 address edit & del reply

    음..줄바꾸기는 WLW쪽이 맞는 설정입니다.
    엔터는 P고 쉬프트엔터는 BR로 먹으니까, 문단구분이냐 새줄이냐의 구분히 확실히 되죠. 테터시리즈는 편집기에서 전부 BR만 먹어서 태그에 의한 문단구분이 정확하지 않다고 봅니다.
    P와 BR간의 줄간격 표현이 마음에 안들면 태그 탓할게 아니라 CSS에서 수정해야 맞죠.

    WLW에 이미지를 삽입하면 아주 가끔 PNG로 컨버팅되서(즉 용량이 늘어서) 업로드 되는 경우가 있더군요. 티스토리의 경우는 상관없지만, 독립블로그의 경우는 트래픽에 민감하니 주의하셔야 합니다.

    • 도아 2007/12/14 15:40 address edit & del

      저도 WLW가 맞다고 봅니다. 다만 <P> 태그 삽입시 개행 문자도 함께 넣어주는 것이 좋은데 개행문자는 넣지 않더군요. 구글 Docs는 <DIV>로 처리하고...

      또 WLW는 이미지 업시 두개의 이미지를 업합니다. 썸네일과 원래 이미지. 이덕에 오히려 더 복잡하고 HTML 편집하기 힘들더군요. 제 경우 삽입해야 하는 이미지가 많으면 flickr.com을 이용합니다. J.Parker님 플러그인을 이용하면 편하게 삽입할 수 있기 때문에 블로거뉴스에서 폭탄을 맞는 경우 종종 사용합니다.

    • Draco 2007/12/14 15:47 address edit & del

      이미지를 두개 업로드하는 것은 이미지 올리고 썸네일을 사용하지 않게 한다음 그 설정을 디폴트로 설정해놓으면 그 이후부터는 해결되더군요. 플릭커는 저도 활용을 고민중입니다.

    • 도아 2007/12/14 16:41 address edit & del

      제 글에도 있지만 저는 WLW를 계속 사용할 생각은 없습니다. 티스토리나 텍스트큐브의 위지윅 편집기를 사용하는 사람을 위해 쓴 글인데 써보고 난 결론은 마음에 드는 위지윅 편집기는 없다입니다.

      조금 번거롭기는 해도 역시 EditPlus를 이용하는 것이 가장 좋더군요. flickr.com은 블로거뉴스에 오른 글만 올리니 큰 문제는 아니었습니다. 물론 블로그에 접속할 수 없을 때 뜨면 바로 트래픽 초과가 되지 만요...

  5. 댕글댕글파파 2007/12/14 15:18 address edit & del reply

    저도 html로 글을 작성을 해 볼려고 했는데 쉽게 적응이 안되더군요. 아무리도 위지윅방식에 익숙해져서 그런지 어렵더라구요.
    태터에서 위지윅방식으로 글을 쓰다가 보면 이상하게 태그가 엉키는 경우가 종종생기는데 그 때만 html모드로 들어가서 중복된 태그를 지우고 그럽니다.

    이 방법도 한번 해 봐야겠네요.

    저도 html로 작성하고 싶어요 ㅠ_ㅠ

    • 도아 2007/12/14 15:41 address edit & del

      간단히 글을 작성하는 경우라면 B, I, U, P, BR, TABLE, FONT 정도만 알아도 충분히 활용이 가능합니다. 간단한 CSS를 알면 더욱 좋고요.

  6. bookworm 2007/12/14 17:28 address edit & del reply

    저도 WLW을 사용합니다. 특히 이미지를 중간에 섞어 글을 쓸 때 아주 편합니다. 참고로 저는 워드프레스를 쓰는 중입니다.

    • 도아 2007/12/14 22:52 address edit & del

      초보자들에게는 상당히 편리합니다. 그러나 HTML을 잘알면 역시 태그를 직접 입력하는 것이 더 편합니다. 한번 써보려고 했는데 결국 다시 HTML로 돌아왔습니다.

  7. Melling 2007/12/18 18:33 address edit & del reply

    저도 한번 이 방법을 사용해봐야 겠네요. 매번 텍스트큐브 글 작성 메뉴에 들어가는게 귀찮아서 ㅎㅎ..

    • 도아 2007/12/19 12:26 address edit & del

      텍스트큐브의 위지윅 편집기를 사용한다면 한번 사용해 봐도 됩니다.

  8. 이임호 2008/02/03 04:16 address edit & del reply

    저는 잘 안되네요. 왜 안될까요?
    웹로그 설정은 무난하게 끝나고, 게시를 하려면, 다음과 같은 메시지가 뜨네요.



    웹 로그 서버에서 받은 metaWeblog.newPost 메서드에 대한 응답이 올바르지 않습니다.

    Invalid response document returned from XmlRpc server


    답답하네요. 무척,

    도와주세요.

    • 도아 2008/02/03 10:09 address edit & del

      블로그 API가 다르거나 블로그 API가 설정되지 않아 발생하는 문제처럼 보입니다. 다만 아무런 추가적인 정보없이 "안된다고"만 하시면 저로서는 도울 수 있는 방법이 없습니다.

prev 다음 1 ... 659 660 661 662 663 664 665 666 667 ... 1947 이전 next