« webCron - 웹 스케쥴러 플러그인 | Main | Blendy - 블로그 엔트리 배포 플러그인 »

QuickImagePost - 이미지를 포함하는 엔트리 작성을 쉽게 해주는 블로깅 도구

QuickImagePost 는 QuickPost, Bookmarklet 등과 같은 블로깅 툴입니다. 다만, 이미지를 특별히 쉽게 엔트리에 삽입할 수 있도록 도와주는 기능이 추가됩니다. 인터넷 서핑이나 블로깅 중에 특별한 이미지를 포함한 페이지를 보고, 이에 관련된 글을 자신의 블로깅에 남기고 싶은 생각이 들 때, 기존의 QuickPost 등의 툴로는 조금 번거로웠습니다.

즉 일단 그 페이지 상에서 QuikcPost 를 뛰웁니다. 그 후에, 현재 페이지에 포함되 있는 이미지의 주소를 알아내기 위해, 이미지 위에서 마우스 오른쪽 버튼 등의 메뉴를 이용해 주소를 복사합니다. 그런 후, 그 주소를 이용해, 엔트리 작성 화면에서, <img> 태그 처리해줘야 합니다. 또한 그 페이지에서 특정한 문자 블럭을 복사해 붙이고 싶다면, 다시 이 작업을 반복해줘야 했습니다.

이 플러그인은 이런 이미지 삽입에 관한 일련의 루틴을 한번의 클릭으로 가능하도록 도와줍니다. 이미지 위에서 그냥 마우스 오른쪽 버튼 메뉴의 QuickImagePost 메뉴를 실행하면, 자동으로 해당 이미지의 주소가 img 태그로 처리되고,(마우스 우클릭전에 텍스트 블럭을 마우스로 선택하면, 그 블럭이 자동으로 엔트리에 삽입됩니다.) 또 그 이미지를 블로그 서버내에 직접 파일로 저장할 수도 있습니다.

Requirement

MT 3.2
인터넷 익스플로어(IE) 혹은 Firefox/Mozilla (FF/MZ상에서도 마우스 우클릭 메뉴로 가능합니다.)

Installation

압축파일을 다운받은 후에, 이를 (mt home) 폴더 바로 밑에서 $ tar xvfz QuikcImagePost.tar.gz 와 같은 명령으로 풀어 주면, 아래와 같은 폴더 구조 밑에 파일들이 자동 생성됩니다. 만약 telnet 등과 같은 터미널 환경을 사용할 수 없는 경우에는 ftp 를 통해 아래 폴더 구조대로 개개의 파일을 업로드하면 됩니다.

  • (mt home)/plugins/alogblog/QuickImagePost.pl
  • (mt home)/plugins/alogblog/quickimagepost.xpi
  • (mt home)/alt-tmpl/cms/bm_entry.tmpl
  • (mt home)/alt-tmpl/cms/bookmarklets.tmpl

Configuration

매 블로그 마다, 다른 설정을 해 줄 수 있습니다. 이 설정은 각 블로그의 플러그인 목록의 QuickImagePost 섹션에서 합니다.

  • Max. Width: 개별 페이지의 본문 폭이 500px의 고정폭이라고 가정할 때, 만약 새로 만드는 페이지에 삽입할 이미지의 폭이 600px이라면, 페이지 디자인이 깨질 것입니다. 이런 경우를 방지하기 위해, 최대 폭값을 미리 설정할 수 있습니다. 즉, 이 값으로 500을 지정해 두면, 만약 이미지의 폭이 이보다 작다면 실제 이미지 크기대로 나타나고, 500보가 크다면, 폭이 500에 맞춰서 나타나게 됩니다.(이때 실제 이미지를 리사이징하는것은 아니고 img 태그의 속성으로 처리합니다.)
  • Image Path: QuickImagePost 팝업창에 있는Save Image를 선택하면, 해당 이미지를 자신의 서버에 저장할 수가 있는데, 그렇다면 어떤 폴더밑에 저장할 것인가를 미리 설정해 줘야 할것입니다. 만약 이 값을 'quick/image' 라고 설정했고, 현 블로그의 블로그 사이트 경로(site root)가 '/blog' 라고 한다면, 새로 저장되는 이미지의 URL이 "/blog/quick/image/2005/10/some_image.jpg 와 같은 형식을 갖는 구조로 저장이 됩니다.

Installation of QuickImagePost context menu to IE or Firefox/Mozilla

이 플러그인은 설치는 크게 두 부분으로 나뉘는데, 하나는 무버븥 타입의 플러그인으로서 QuickImagePost의 설치가 있습니다. 즉 이 MT 플러그인을 설치하면, 무버븥 타입의 메뉴에 QuickImagePost 생성 메뉴가 나타나게 됩니다. 다른 하나는, 그 나타난 QuickImagePost 메뉴를 통해, 자신의 로컬 PC상에 브라우져에 종속적인 QuickImagePost 툴(IE는 간단한 레지스트 파일이고, FF/MZ는 익스텐션)을 설치하는 것입니다. 전자는 QuickImagePost.tar.gz를 (mt home) 폴더 밑에 푸는 작업을 통해 이미 마쳤기에, 이제는 자신의 로컬 PC상에 브라우져 툴을 설치하는 일만 남았습니다.

  • 엠티의 Main Menu에 가면 오른쪽 밑부분에 QuickPost 메뉴로 일단 들어갑니다.
  • 그러면 정상적인 QuickPost 창에 나타내고자 하는 항목 선택 페이지가 나타납니다. 그리고 그 아래에 보면 QuickImagePost 체크박스가 새로 나타나 있습니다. 이것을 선택하고 Create 버튼을 누릅니다.
  • 이제 QuickImagePost 메뉴 페이지가 나타납니다. 여기에서 IE에 대한 mt.reg 또는 FF/MZ의 익스텐션 파일인 quickimagepost.xpi 를 다운받을 수 있습니다.
  • mt.reg 을 받아 실행시켜 MS Registry 에 추가시켜준 후, IE를 재시작하면 됩니다.
  • 다운받은 uickimagepost.xpi 를 Firefox/Mozilla 브라우져 상에서 "열기"를 하면, 설치를 할 것인가를 물어보는데 이때 설치해주고 재시작하면 됩니다.

Screenshots and Usages

Right-click on an imageFig. 1
서핑이나 블로깅 중에 자신의 블로그에 로깅하고 싶은 이미지를 포함한 페이지를 발견합니다. 그러면 해당 이미지 위에서 마우스 오른쪽 버튼 메뉴를 띄워 그 중의 QuickImagePost 를 선택합니다. (물론 이 전에, 현재 페이지상에서 인용하고 싶은 텍스트 블럭을 미리 마우스로 선택해 둘 수도 있습니다.)

QuickImagePost Popup WindowFig. 2
그러면 QuickImagePost 팝업창이 뜨게 됩니다. 이 창에서 "Save Image" 옵션을 선택해 이미지를 저장할 수도 있습니다. 이 플러그인이 자동으로 삽입해주는 이미지 태그는 아래와 같은 형식입니다.


<a href="현재 페이지 주소 URL" title="현재 페이지 제목"><img src="이미지 주소 URL" width="실재 이미지 폭" /></a><br/>마우스로 선택한 텍스트 블럭


Tip: 이 자동으로 생성되는 이미지 태그 조합은 원한다면 자신의 입맛에 맞게 변경해 줄 수도 있습니다. (mt home)/alt-tmpl/cms/bm_entry.tmpl 파일을 열고 주석부분을 참조하면 가능합니다.

Published EntryFig. 3
위에서 엔트리를 저장하면 아래처럼 퍼블리싱된걸 볼 수 있습니다. 이 예제의 경우에 Max. Width: 값을 300으로 설정했기때문에 퍼블리싱된 엔트리에 삽입된 이미지가 축소되어 나타남을 알 수 있씁니다.

Some Notes

  • Firefox/Moziia에서는 IE와 달리 맨 처음 사용시에 작은 QuickImagePost 옵션창이 뜹니다. 이 옵션창에서 mt.cgi의 경로를 설정해줘야 합니다.
  • Firefox/Mozilla에서는 이 QuickImagePost 익스텐션을 그냥 QuickPost처럼 사용할 수도 있습니다. 즉, 이미지가 아닌 페이지의 빈공간에서 마우스 우클릭을 하면, 자동으로 QuickPost 메뉴로 나타나게 됩니다.
  • 앞서 잠깐 설명한 대로, 디폴트 Entry Body 에 나타나는 이미지 태그 조합부분을 커스터마이징할 수도 있습니다. 이는 bm_entry.tmpl 에서 자바스크립트로 실제는 구현됩니다. 그 템플릿을 열고, Below you can customize if you want문자열을 찾으면 나타납니다. 해당 자바스크립트의 의미를 이해할 수 있을때만 수정하십시요.
    한 예제: 만약 QuickImagePost 로 생성한 엔트리만 담는 전용 블로그를 만들었거나 혹은 전용 카테고리를 만들어서, 새 엔트리를 특정한 블로그 혹은 카테고리로만 저장한다고 할 경우에, 팝업창을 띄운 후에, 일일이 블로그/카테고리를 선택하는 일이 귀찮을 수도 있습니다. 이럴 경우에, 아예 템플릿 상에서, 블로그나 카테고리 ID를 고정시켜주면 됩니다.
    document.entry_form.blog_id.selectedIndex = 1;을 삽입하는 식으로 항상 QuickImagePost로 생성하는 블로그는 blog_id 가 1인 블로그다...라고 고정시킬 수있습니다. 이는 One-click publishing이라는 Quick(Image)Post의 목적에 부합하는 것입니다.
  • 잘 아시다시피 링크블로그(혹은 Sidebar Blog)를 기존의 QuickPost를 사용해 만들 수있습니다. 이때 링크블로그의 경우 해당 링크페이지에 대한 표시로, 페이지 제목을 사용합니다. 하지만 QuickImagePost를 사용하면 다양한 방법으로 링크표시를 이미지로 만들 수 있는데 이를 Image Link Blog라고 부릅니다.ImageLink Blog의 한 예

License

Released under the Creative Commons License.

Version History



  • 3.2.01: for MT 3.2. Includes Firefox/Mozilla extension

  • 1.0 for MT 3.17


TrackBack

TrackBack URL: http://alogblog.com/movabletype/korean_plugins/TCode.name/42.

QuickPost/Bookmarklet 등과 같은 자동화 도구로 트랙백을 보내시면, 귀하의 트랙백은 이 사이트의 운영자가 승인할 때까지 이 페이지에 표시되지 않습니다. 혹 자동화 방법으로 보내실 경우, 트랙백이 표시되지 않아도, 반복적으로 보내진 말아 주십시요. 감사합니다.

 

Comments

안녕하세요. 제가 MT를 3.31로 업그레이드 했습니다.
업그레이드 도중에 잘못 될까봐 무척 쫄았는데, 다행이 큰문제는 없는 것 같아요. 퀵포스트도 퀵이미지포스트로 변경해서 무척 기쁩니다. 이미지 세이브되는 기능도 무척 좋구요. 감사합니다.

다시 코멘트를 드리게 되는군요. 전 아직도 인코딩을 EUC-KR로 사용하고 있는 MT유저입니다. 저는 퀵포스트를 자주 이용하는 편인데, 퀵포스트를 사용할때마다 한글이 깨져 나와서 무척 힘들었습니다.
그러던 중, 예전에 알록블록님의 블로그 중 "MT 원본 소스에 가한 변경 사항 - 8. 8. mt/lib/MT/App/CMS.pm [QuickPost 사용시 한글이 깨지지 않게 하기 위한 수정] 부분을 보고 무척이나 반가웠고, 그렇게 적용해서 사용했었습니다.
근데 요근래에 제가 MT를 3.31로 업그레이드 했는데, 다시금 퀵포스트를 사용하면 한글이 깨져 나오는군요. 그래서 저번처럼 했는데도, 아직도 해결이 안되네요.

어떻게 하면 이 문제를 해결할 수 있을까요?

염치없이 질문드립니다. 알록블록님같은 분이 계셔서 저같이 무지한 녀석도 MT를 돌리고 있습니다. 매번 감사해요.

Post a comment

☞ Your blog URL:

(TypeKeyOpenID 같은 인증 방식을 통한 코멘트만 입력 가능합니다. 이는 이 블로그가 무버블 타입 전용 플러그인에 관한 것이라, 최소 TypeKey 인증은 가지고 계실 것이라는 가정하에, 시범삼아 인증 코멘터만 받는 방식으로 운영해보고자 함입니다. 불편을 드려 죄송합니다.)