Home 모블로그 모블로그 도구 웹사이트 링크 작성시 썸네일(Thumbnail)과 함께 사이트의 제목을 한방에 생성해주는 ShareHTML

[§] [모블로그] 웹사이트 링크 작성시 썸네일(Thumbnail)과 함께 사이트의 제목을 한방에 생성해주는 ShareHTML

2238
0
SHARE

블로그를 쓰다보면 내 사이트의 지난기사나 다른 사이트를 소개하는 링크를 작성 할 일이 매우 많습니다.

주로 a 태그를 이용하여 텍스트에 링크를 거는 방식으로들 많이 사용하곤 하는데, 元제목 그대로를 다 소개하는 일은 드문것 같습니다. 타이핑하기도 귀찮고 말이죠. 하물며 스마트폰에서는 더 말할 것도 없습니다.

오늘 소개드리는 ShareHTML은 소개링크 작성시 모블로그에 있어 빠뜨릴 수 없는 매우 편리한 북마클릿(Bookmarklet)입니다. 원기사의 풀제목과 사이트명 그리고 썸네일(Thumbnail)까지 간단히 생성해 주며, 이 썸네일은 워드프레스에서 Featured Image로도 사용됩니다.


아래와 같은 소개링크가 생성이 됩니다.

소개링크 예시

아이캐치(Eye Catch) 이미지와 함께 소개글의 풀제목 텍스트는 SEO에도 도움이 된다.

 

소개링크 생성하기

아래는 위 소개링크의 HTML소스코드 입니다.
모블로그 소개링크 작성하기

이러한 링크가 클릭 한번에 생성 가능합니다.

ShareHTML Maker

북마클릿을 생성해주는 ShareHTML메이커에 접속합니다.

ShareHtmlメーカー
이곳에 코멘트를 입력

옆에 2user라고 되어 있는 것은 하테나북마크에 등록된 수 입니다. 커스터마이징을 통해 없앨 수 있습니다.

메뉴설명

ShareHTML 북마클렛 생성기

북마클렛명

그대로 놔둬도 무방

최대문자수

제목과 사이트명 표시의 최대 문자수. 그대로 놔둬도 무방.

텍스트를 감싸는 태그

텍스트 스타일을 변경할 시 수정.

출력방법

왼쪽 위부터 차례대로 “미리보기 표시”, “팝업창”, “Textforce로 보내기”, “Draftpad로 보내기”, “slpro로 보내기”

팝업창 선택하시면 무난합니다. 보내기 기능은 urlscheme으로 자동으로 해당 어플이 실행됩니다.

서식 템플릿

Bookmarklet 북마클릿 생성기

서식 템플릿을 선택하세요. (두번째 항목부터 선택하시면 됩니다.)
ShareHtmlメーカー
왼쪽 썸네일 大 – 왼쪽정렬

ShareHtmlメーカー
왼쪽 썸네일 小 – 왼쪽정렬

ShareHtmlメーカー
왼쪽 썸네일 大 – 테이블ShareHtmlメーカー
오른쪽 썸네일 大 – 테이블

ShareHtmlメーカー
썸네일 없음

맨 아래의 항목은 “예약어 일람”으로 소개링크에 표시되는 내용의 스타일과 항목을 변경할 수 있습니다.

북마클릿 생성 및 즐겨찾기 추가

세팅이 완료되었으면 생성버튼을 누릅니다.
Bookmarklet 북마클렛 생성 모블로그

“데모(미리보기), PC등록용” 링크에서 우클릭, 링크를 복사하여 즐겨찾기에 추가합니다. (단, 크롬에서 등록시 작동하지 않습니다.)

아이폰에서는 아이폰 등록용 링크를 꾸욱~ 눌러 URL을 복사합니다. 다음, 아무페이지나 책갈피에 추가한 후 편집하여 복사한 내용을 붙여넣기 해주고, javascript 앞의 ?부터는 삭제한 후 완료.

Bookmarklet 모블로그 북마클릿 사이트 소개

실제로 사용해 보기

소개하고자하는 페이지를 띄워놓은 상태에서 북마클릿을 실행하면 됩니다.

지금 보시는 이 페이지에서 북마클릿을 실행해보세요.

실행하면 바로 아래와 같은 창이 뜬다. Input Memo란에 소개내용을 입력한다. 입력없이 OK도 가능.
Bookmarklet 모블로그 sharehtml 사용법

생성된 링크를 전체복사하여 원하는 곳에 삽입한다.
Bookmarklet 모블로그 sharehtml 사용법

ShareHTML for Workflow

iOS에서 일련의 작업들을 자동화시켜주는 워크플로우(Workflow)용 레시피입니다. 모블로깅시에 매우 편리합니다.
Import
Sharehtml workflow

아래의 앱 링크도 북마클릿을 통해 생성하였습니다.
Workflow: Powerful Automation Made Simple
카테고리: 생산성, 유틸리티

맺음말

블로그 작성시 본문 뿐만 아니라 HTML 입력이 필요한 경우가 있는데 이를 다 타이핑 하기는 힘듭니다. 또한 코딩을 할 줄 모르는 경우도 많구요.

북마클릿은 모블로깅에 빠질 수 없는 도구이며, 북마클릿의 보급으로 일본에서 모블로그가 활성화될 수 있었던 것 같습니다.

앞으로 여러 북마클렛을 소개하여 한국에서도 모블로그가 활성화되고, 한국실정에 맞는 북마클렛도 많이 개발되었으면 하는 바램입니다.

Posted from SLPRO for iOS.