도아 :: 태터 플러그인: 바깥 고리 표시

태터 플러그인: 바깥 고리 표시(3/4/1374)

2006/08/04 10:22 :: 컴퓨터/태터툴즈 ::인쇄

위키백과

를 방문해서 글을 읽다보면 안 고리와 바깥 고리를 표현하는 방법이 다른 것을 알 수 있습니다. 위키 안쪽 고리는 일반 링크로 표시되지만 바깥 고리는 옆에 작은 아이콘이 있는 것을 알 수 있습니다. 워드프레스

도 이러한 기능을 하는 플러그인이 있고, 태터툴즈

에도 있을 것으로 생각했습니다.

그런데 막상 태터툴즈 의 플러그인을 찾아보니 검색어의 한계인지 아니면 실제 없어서인지 몰라도 플러그인을 찾을 수 없더군요. 그래서 제 사이트에서 사용하기 위해 급히 만들어본 플러그인 입니다.

①은 위키백과로 연결된 바깥 고리이며, ②는 안 고리입니다.안쪽 고리는 회색으로 단순히 고리임을 표시하고 있지만 바깥 고리는 회색의 고리 외에 파란색의 아이콘이 추가되어 있는 것을 알 수 있습니다.

내려받기: ExternalLink.zip

설치하는 방법은 간단합니다. 내려받은 파일을 푼 뒤 폴더째 태터툴즈 의 플러그인 폴더로 올리고 환경설정/플러그인 설정에서 바깥 고리 표시를 미사용에서 사용중으로 바꾸면 됩니다.

바깥 고리와 안 고리를 인식하는 기준은 다음과 같습니다.

<A> 태그의 href 속성값이 http://로 시작하지 않으면 안 고리로 인식
<A> 태그의 href 속성값이 http://로 시작하며, 이어지는 주소가 블로그의 주소와 같으면 안 고리로 인식
<A> 태그의 href 속성과 무관하게 <A> 태그 내에 <IMG> 태그가 있으면 안 고리로 인식(아이콘을 표시하지 않습니다)

마지막으로 막풀 님의 의견을 받아들여 $newWindow 옵션과 $ext 옵션, $imageFile 옵션을 추가했습니다. 만약 바깥 고리를 새창으로 열고 싶다면 index.php 파일에서 $newWindow를 1로 설정하면 됩니다. 바깥 고리를 새창으로 열면서 Zip 파일과 같은 파일은 기존 창으로 열고 싶다면 $ext에 원하는 확장자를 추가하면 됩니다. 바깥 고리를 표시할 때 사용되는 이미지를 다른 것으로 바꾸고 싶다면 $imageFile을 바꾸면 됩니다. 아울러 바깥 고리는 기존 창으로 열고, 바깥 고리 아이콘을 클릭할 때에만 새창으로 열고 싶다면 $newWindow를 2로 설정하면 됩니다.

// 0 바깥 고리 아이콘만 표시합니다. // 1 바깥 고리는 새창으로 엽니다. // 2 바깥 고리를 클릭하면 기존 창으로 열고, 바깥 고리 옆의 아이콘을 // 클릭하면 새창으로 엽니다. $newWindow=2; // $newWindow를 1로 설정한 뒤 새창으로 열고 싶지 않은 확장자를 추가합니다. // |ext 형식으로 계속 덧붙이면 됩니다. $ext="zip|rar|exe"; // 사용할 이미지 파일을 지정합니다. 이미지 파일은 index.php 파일과 같은 폴더에 // 있어야 합니다. $imageFile='external.png';

Guju 님이 얘기하신 버그를 수정한 버전을 새로 올려두었습니다. $newWindow 옵션을 2로 설정해서 사용하실 분은 새로 내려받아 사용하시기 바랍니다.

P.S. 바깥 고리 아이콘으로 사용할 그림을 구합니다. 적당한 그림이 있으시 분은 artech (at) qaos (dot) com으로 보내 주시기 바랍니다.

저작권 정책 제 블로그의 글은 기본적으로 펌금지, 링크 허용의 정책을 취하고 있습니다. 특히 네이버로의 펌은 어떠한 경우에도 허용하지 않습니다. 다른 사항은 알림글을 참조하시기 바랍니다.

구독 & 책갈피

글이 마음에 드시나요? HanRSS로 편하게 구독하세요!!! 그리고 고료는 추천으로 받습니다!!!
책갈피 하기:

WZD | 구글 | 네이버 | 뉴스2.0 | 다음 | 델리셔스 | 마가린 | 북마커 | 야후 | 한RSS | 정보

컴관련

오늘의글

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

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

제목: 야베스의 부르짖음
보낸곳: 세상을 바라보는 새로운 창 - Look Through Belief 2006/08/06 00:36
Jabez cried out to the God of Israel, "Oh, that you would bless me and enlarge my territory! Let your hand be with me, and keep me from harm so that I will be free from pain." And God granted his request. 1Chr. 4:10 NIV 야베스의 기도 브루스 윌..
제목: [TT 1.0.6] 바깥 고리 표시 플러그인
보낸곳: June & Young의 Story... 2006/09/07 16:01
이번에 사용해본 플러구인 ^^ 깔끔해서좋다 ^^ 자세한 내용은 여기로 바깥고리 플러그인 사이트
제목: 오랜만에 새 플러그인 설치
보낸곳: :+: 자유 쩜 오알지 :+: 2006/10/17 15:21
그 동안 포스트를 올리면서 이런 저런 참고를 위해 링크를 거는 일이 꽤 있었다. 물론, 내가 예전에 주절거린 이야기가 생각나 링크를 걸 때에는 내부링크, 그러니까 그 창에서 바로 링크 내용..
제목: 바깥고리, 웹표준에 맞추기
보낸곳: CunningWeb 2006/10/19 03:19
“바깥고리”플러그인을 사용하면 웹표준을 준수할 수 없고, 접근성이 떨어지며, validator 통과를 할 수 없습니다. 이의 대안으로 웹표준을 준수하고, 접근성을 확보하면서 새창띄우는 ...
제목: 사실 확인은 글쓰기의 기본
보낸곳: 도아의 세상사는 이야기 2006/11/28 12:33
얼마전 블로그에서 낯선 트랙백을 발견했다. 바깥고리, 웹표준에 맞추기라는 글이다. 글의 내용을 읽어보면 알 수 있지만 주된 요지는 웹 표준을 지키자는 글이다. 좋은 글이다. 그러나 내용..
제목: 테터툴즈 바깥고리, Link_thumbnail 플러그인과 SNAP의 접목
보낸곳: eyeball's Life 2007/01/25 17:06
요즘들어 위와같으 snap 을 쓰는 블로거들이 많이 보인다. snap이란 snap.com 에서 제공중인 링크 미리보기 서비스다. 하지만 나는 개인적으로 snap의 미리보기는 너무 크고 지저분하다고 느낀다. ..

막풀 2006/08/04 11:52
외부 링크가 있을 때마다 바깥 고리 그림 주소를 일일이 붙여 줬었는데
좀 더 간단하게 외부 링크를 표시할 수 있을 것 같습니다. 마음에 드네요.

한가지 질문 드립니다.
비표준이지만 개인 취향상 외부 링크는 새 창으로 열리는게 좋은 것 같아
링크마다 바깥고리 그림처럼 일일이 target을 지정해 주고 있습니다.
도아님 플러그인으로 외부 링크는 새 창으로 열도록 수정할 방법이 있을까요?
태터 게시판에 링크를 새창으로 여는 플러그인이 있고
바깥 고리 그림도 표시할 수 있도록 되어있지만
뭔가 잘 맞지 않아서 사용하지 못하고 있었습니다.
지금 상태도 만족하지만 좀 더 편해지고 싶은 마음에 몇 자 더 적어봤습니다.

좋은 플러그인 잘 사용하겠습니다.
- 도아 2006/08/04 12:46
  수정한 판을 새로 올려 두었습니다. 위의 링크에서 다시 내려받아 사용하시기 바랍니다.
  
  수정 사항은 역시 본문을 참조하시기 바랍니다.
- 막풀 2006/08/04 14:12
  직접 수정해서 올려주셨군요.
  잘 적용되네요. 정말 감사합니다.
Guju 2006/08/08 01:46
좋은 플러그인 잘 사용하고 있습니다.
바깥꼬리 아이콘을 사용시 아이콘 뒤의 글들이 모두 링크와 유사하게 hover되는 현상이 발생합니다. 바깥꼬리가 없을 때는 발생하지 않는군요.
- Guju 2006/08/08 15:43
  몇번 시험해본 결과로는 index.php에서 2번으로 설정했을 경우에만 이런 현상이 일어나는군요. 현재는 1번으로 설정하여 사용중입니다.
- 도아 2006/08/08 16:07
  문제점을 수정한 판을 다시 올렸습니다. 위의 링크에서 새로 내려받아 테스트해보시기 바랍니다.
- Guju 2006/08/09 16:11
  정상적으로 잘 작동하는군요. 감사합니다^^
컴사랑 2006/08/12 00:43
먼저, 잘 쓰고 있습니다. 나름대로 항상 같은 페이지가 변경되어서 불편했는데, 너무 고맙습니다.
다만, 외부 링크 이미지 경로가 상대경로로 지정되어서 그런지 RSS 리더 등에서는 그림이 깨어지는 문제가 있는 것 같습니다.
- 도아 2006/08/12 09:01
  이미지의 링크를 URL로 변경한 판을 내로 올려 두었습니다. 다시 내려받아 사용하시기 바랍니다.
- 컴사랑 2006/08/13 06:30
  도아님 감사합니다 ^^
  지금은 도아님이 수정해주셨지만 점차적으로는 RSS리더들도 상대경로를 처리할 수 있어야할 것 같습니다.
- 도아 2006/08/13 06:37
  상대 경로를 처리하는 RSS 리더도 많이 있습니다. 자동 광고 필터링 등 부가 기능을 가지고 있는 것들도 많고요.
DML 2006/08/14 21:36
아이콘에 파란 틀이 나오길레 28번째 줄에 border=0를 추가했습니다.
하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요.
1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다.
- 도아 2006/08/15 11:39
  >하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요.
  >1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다.
  이 부분은 사람 따라 취향이 다르기 때문에 각자 맞춰서 사용하면 되는 부분인 것 같습니다. 저는 아이콘을 빼는 것을 더 좋아합니다.
DML 2006/08/14 21:47
34번 줄에 title='새 창으로 열리는 링크입니다' 를 추가하였습니다.
35번 줄을 추가하여 $image="<a href='$url' target='_blank' title='새 창으로 열리는 링크입니다' style='text-decoration: none'>$image</a>";
를 넣었습니다. (옵션2의 항목을 복사한 것임)

즉, 옵션1로 할 때 "팝업안내문구 수정+아이콘도 클릭가능"으로 만들었습니다.

유용한 플러그인 감사합니다.
자유 2006/10/15 11:49
고맙습니다. 잘 사용할게요. :)
- 도아 2006/10/17 16:26
  트랙백된 글은 잘 읽어봤습니다.
  
  감사합니다.
하루에 2006/10/18 00:56
자유님 블로그에서 보고 따라 왔습니다. 잘 쓰겠습니다. (Sync Preview가 엄청 인상적이네요!!!)
- 도아 2006/10/19 17:16
  미리 보기 플러그인도 있습니다. http://offree.net/481 를 참조하시기 바랍니다.
루미넌스 2006/10/26 16:18
저도 적용했어요~ 감사히 쓰겠습니다^-^
- 도아 2006/10/27 13:19
  도움이 되셨다니 다행입니다.
DragonZeen 2006/11/02 21:01
이 플러그인을 좀 수정해서
아이콘은 빼고 링크 자체를 클릭하면 새창이 뜨도록 수정해서 사용중입니다.
혹시 문제가 되면 말씀해주세요.^^;;
amethyst 2006/12/22 00:55
와 정말 제가 찾던 플러그인이군요 이제서야 발견하다니....
- 도아 2006/12/22 09:15
  감사합니다. 플러그인을 사용하실 때 가급적 $newWindow=0으로 설정하고 사용하시기 바랍니다. 1, 2를 쓰면 까대는 사람이 있기 때문입니다.
복이 2007/07/10 13:25
감사합니다. 잘 쓰겠습니다...^^
- 도아 2007/06/21 08:11
  도움이 되셨다니 다행압니다.