를 방문해서 글을 읽다보면 안 고리와 바깥 고리를 표현하는 방법이 다른 것을 알 수 있습니다. 위키 안쪽 고리는 일반 링크로 표시되지만 바깥 고리는 옆에 작은 아이콘이 있는 것을 알 수 있습니다. 도 이러한 기능을 하는 플러그인이 있고, 에도 있을 것으로 생각했습니다.

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

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

내려받기: ExternalLink.zip

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

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

  1. <a> 태그의 href 속성값이 http://로 시작하지 않으면 안 고리로 인식
  2. <a> 태그의 href 속성값이 http://로 시작하며, 이어지는 주소가 블로그의 주소와 같으면 안 고리로 인식
  3. <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으로 보내 주시기 바랍니다.

관련 글타래

2006/08/04 10:22 2006/08/04 10:22
글쓴이
author image
운영체제의 모든 것을 운영하고 있는 IT 블로거. IT 블로거라는 이름은 현재 시국때문에 시사 블로거로 바뀐 상태다. 그러나 나는 아직도 시사와 사회에 관심이 많은 IT 블로거일 뿐이다. 컴퓨터, 운영체제, 시사, 가족, 여행, 맛집, 리뷰등과 살면서 느끼는 소소한 일상이 블로그의 주제이다. 왼쪽의 아이콘은 둘째 딸 다예가 그린 내 모습이다.
오늘의 글
인기있는 글
조회수 많은 글 | 베오베
댓글 많은 글 | 베오베

Trackback

Trackback Address :: http://offree.net/trackback/518

  1. Subject : 야베스의 부르짖음

    Tracked from 세상을 바라보는 새로운 창 - Look Through Belief 2006/08/06 00:36 del.

    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 야베스의 기도 브루스 윌..

  2. Subject : [TT 1.0.6] 바깥 고리 표시 플러그인

    Tracked from June & Young의 Story... 2006/09/07 16:01 del.

    이번에 사용해본 플러구인 ^^ 깔끔해서좋다 ^^ 자세한 내용은 여기로 바깥고리 플러그인 사이트

  3. Subject : 오랜만에 새 플러그인 설치

    Tracked from :+: 자유 쩜 오알지 :+: 2006/10/17 15:21 del.

    그 동안 포스트를 올리면서 이런 저런 참고를 위해 링크를 거는 일이 꽤 있었다. 물론, 내가 예전에 주절거린 이야기가 생각나 링크를 걸 때에는 내부링크, 그러니까 그 창에서 바로 링크 내용..

  4. Subject : 바깥고리, 웹표준에 맞추기

    Tracked from CunningWeb 2006/10/19 03:19 del.

    &#8220;바깥고리&#8221;플러그인을 사용하면 웹표준을 준수할 수 없고, 접근성이 떨어지며, validator 통과를 할 수 없습니다. 이의 대안으로 웹표준을 준수하고, 접근성을 확보하면서 새창띄우는 ...

  5. Subject : 사실 확인은 글쓰기의 기본

    Tracked from 도아의 세상사는 이야기 2006/11/28 12:33 del.

    얼마전 블로그에서 낯선 트랙백을 발견했다. 바깥고리, 웹표준에 맞추기라는 글이다. 글의 내용을 읽어보면 알 수 있지만 주된 요지는 웹 표준을 지키자는 글이다. 좋은 글이다. 그러나 내용..

  6. Subject : 테터툴즈 바깥고리, Link_thumbnail 플러그인과 SNAP의 접목

    Tracked from eyeball's Life 2007/01/25 17:06 del.

    요즘들어 위와같으 snap 을 쓰는 블로거들이 많이 보인다. snap이란 snap.com 에서 제공중인 링크 미리보기 서비스다. 하지만 나는 개인적으로 snap의 미리보기는 너무 크고 지저분하다고 느낀다. ..

  7. Subject : 외부링크 새창열기가 블로그 운영자에게 독인가? 배려인가?

    Tracked from Blogine 2009/04/07 19:02 del.

    블로깅을 하다보면 이웃 블로거나 나의 블로거의 글을 읽을 때 자주 나타나는 것이 외부링크(External Link)의 사용입니다. 외부링크를 만나면 여러분들은 어떤식으로 반응하시는지요? 그냥 누...

  8. Subject : [텍큐 플러그인]외부링크,내부링크 구분하여 링크표시

    Tracked from 필넷의 블로그라이프 2009/09/18 07:31 del.

    유용한 텍스트큐브 플러그인들 텍스트큐브 설치형을 사용하면서 유용하게 사용하고 있는 플러그인들이 있다. 기본 플러그인 이외에 DaumView , Footnote , TAG Relation , JP Entry Hits Plugin , Lightbox TT AZ , L

Facebook

Comments

  1. 막풀 2006/08/04 11:52

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

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

    좋은 플러그인 잘 사용하겠습니다.

    perm. |  mod/del. reply.
    • 도아 2006/08/04 12:46

      수정한 판을 새로 올려 두었습니다. 위의 링크에서 다시 내려받아 사용하시기 바랍니다.

      수정 사항은 역시 본문을 참조하시기 바랍니다.

    • 막풀 2006/08/04 14:12

      직접 수정해서 올려주셨군요.
      잘 적용되네요. 정말 감사합니다.

  2. Guju 2006/08/08 01:46

    좋은 플러그인 잘 사용하고 있습니다.
    바깥꼬리 아이콘을 사용시 아이콘 뒤의 글들이 모두 링크와 유사하게 hover되는 현상이 발생합니다. 바깥꼬리가 없을 때는 발생하지 않는군요.

    perm. |  mod/del. reply.
    • Guju 2006/08/08 15:43

      몇번 시험해본 결과로는 index.php에서 2번으로 설정했을 경우에만 이런 현상이 일어나는군요. 현재는 1번으로 설정하여 사용중입니다.

    • 도아 2006/08/08 16:07

      문제점을 수정한 판을 다시 올렸습니다. 위의 링크에서 새로 내려받아 테스트해보시기 바랍니다.

    • Guju 2006/08/09 16:11

      정상적으로 잘 작동하는군요. 감사합니다^^

  3. 컴사랑 2006/08/12 00:43

    먼저, 잘 쓰고 있습니다. 나름대로 항상 같은 페이지가 변경되어서 불편했는데, 너무 고맙습니다.
    다만, 외부 링크 이미지 경로가 상대경로로 지정되어서 그런지 RSS 리더 등에서는 그림이 깨어지는 문제가 있는 것 같습니다.

    perm. |  mod/del. reply.
    • 도아 2006/08/12 09:01

      이미지의 링크를 URL로 변경한 판을 내로 올려 두었습니다. 다시 내려받아 사용하시기 바랍니다.

    • 컴사랑 2006/08/13 06:30

      도아님 감사합니다 ^^
      지금은 도아님이 수정해주셨지만 점차적으로는 RSS리더들도 상대경로를 처리할 수 있어야할 것 같습니다.

    • 도아 2006/08/13 06:37

      상대 경로를 처리하는 RSS 리더도 많이 있습니다. 자동 광고 필터링 등 부가 기능을 가지고 있는 것들도 많고요.

  4. DML 2006/08/14 21:36

    아이콘에 파란 틀이 나오길레 28번째 줄에 border=0를 추가했습니다.
    하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요.
    1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다.

    perm. |  mod/del. reply.
    • 도아 2006/08/15 11:39

      하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요. 1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다. 이 부분은 사람 따라 취향이 다르기 때문에 각자 맞춰서 사용하면 되는 부분인 것 같습니다. 저는 아이콘을 빼는 것을 더 좋아합니다.

  5. DML 2006/08/14 21:47

    34번 줄에 title='새 창으로 열리는 링크입니다' 를 추가하였습니다.
    35번 줄을 추가하여 $image="<a href='$url' target='_blank' title='새 창으로 열리는 링크입니다' style='text-decoration: none'>$image</a>";
    를 넣었습니다. (옵션2의 항목을 복사한 것임)

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

    유용한 플러그인 감사합니다.

    perm. |  mod/del. reply.
  6. 자유 2006/10/15 11:49

    고맙습니다. 잘 사용할게요. :)

    perm. |  mod/del. reply.
    • 도아 2006/10/17 16:26

      트랙백된 글은 잘 읽어봤습니다.

      감사합니다.

  7. 하루에 2006/10/18 00:56

    자유님 블로그에서 보고 따라 왔습니다. 잘 쓰겠습니다. (Sync Preview가 엄청 인상적이네요!!!)

    perm. |  mod/del. reply.
  8. 루미넌스 2006/10/26 16:18

    저도 적용했어요~ 감사히 쓰겠습니다^-^

    perm. |  mod/del. reply.
  9. amethyst 2006/12/22 00:55

    와 정말 제가 찾던 플러그인이군요 이제서야 발견하다니....

    perm. |  mod/del. reply.
    • 도아 2006/12/22 09:15

      감사합니다. 플러그인을 사용하실 때 가급적 $newWindow=0으로 설정하고 사용하시기 바랍니다. 1, 2를 쓰면 까대는 사람이 있기 때문입니다.

  10. 복이 2007/07/10 13:25

    감사합니다. 잘 쓰겠습니다...^^

    perm. |  mod/del. reply.
  11. 퍼플 2009/01/09 10:49

    감사합니다.
    잘 사용하겠습니다^^

    perm. |  mod/del. reply.
  12. 블로그인 2009/04/07 19:04

    워드프레스용을 찾던차에 없어 고민했는데 도아님이 이미 만들어 놓으셨네요 ^^약간 수정해서 제 워드프레스에 적용해 두었습니다. 감사합니다.

    perm. |  mod/del. reply.
    • 도아 2009/04/07 19:36

      예. PHP로 되어 있다보니 저도 가끔 워프 것을 가져 오기도 합니다.

  13. 필넷 2009/10/07 11:20

    관리자만 볼 수 있는 댓글입니다.

    perm. |  mod/del. reply.
    • 도아 2009/10/07 13:38

      잘되다 안된다고 하면 다른 플러그인과의 충돌 때문이 아닌가 싶습니다. 다만 제가 미투데이를 사용하지 않아서 그 충돌이 어디에서 발생하는지는 저도 알기 힘듭니다.

댓글로 기쁨을 나눠요!

(옵션: 없으면 생략)

글을 올릴 때 [b], [i], [url], [img]와 같은 BBCode를 사용할 수 있습니다.