|
|
를 방문해서 글을 읽다보면 안 고리와 바깥 고리를 표현하는 방법이 다른 것을 알 수 있습니다. 위키 안쪽 고리는 일반 링크로 표시되지만 바깥 고리는 옆에 작은 아이콘이 있는 것을 알 수 있습니다. 워드프레스 도 이러한 기능을 하는 플러그인이 있고, 태터툴즈 에도 있을 것으로 생각했습니다.
그런데 막상 태터툴즈 의 플러그인을 찾아보니 검색어의 한계인지 아니면 실제 없어서인지 몰라도 플러그인을 찾을 수 없더군요. 그래서 제 사이트에서 사용하기 위해 급히 만들어본 플러그인 입니다.
①은 위키백과로 연결된 바깥 고리이며, ②는 안 고리입니다.안쪽 고리는 회색으로 단순히 고리임을 표시하고 있지만 바깥 고리는 회색의 고리 외에 파란색의 아이콘이 추가되어 있는 것을 알 수 있습니다.
- 내려받기: ExternalLink.zip
설치하는 방법은 간단합니다. 내려받은 파일을 푼 뒤 폴더째 태터툴즈 의 플러그인 폴더로 올리고 환경설정/플러그인 설정에서 바깥 고리 표시를 미사용에서 사용중으로 바꾸면 됩니다.
바깥 고리와 안 고리를 인식하는 기준은 다음과 같습니다.
- <A> 태그의 href 속성값이 http://로 시작하지 않으면 안 고리로 인식
- <A> 태그의 href 속성값이 http://로 시작하며, 이어지는 주소가 블로그의 주소와 같으면 안 고리로 인식
- <A> 태그의 href 속성과 무관하게 <A> 태그 내에 <IMG> 태그가 있으면 안 고리로 인식(아이콘을 표시하지 않습니다)
마지막으로 막풀 님의 의견을 받아들여 $newWindow 옵션과 $ext 옵션, $imageFile 옵션을 추가했습니다. 만약 바깥 고리를 새창으로 열고 싶다면 index.php 파일에서 $newWindow를 1로 설정하면 됩니다. 바깥 고리를 새창으로 열면서 Zip 파일과 같은 파일은 기존 창으로 열고 싶다면 $ext에 원하는 확장자를 추가하면 됩니다. 바깥 고리를 표시할 때 사용되는 이미지를 다른 것으로 바꾸고 싶다면 $imageFile을 바꾸면 됩니다. 아울러 바깥 고리는 기존 창으로 열고, 바깥 고리 아이콘을 클릭할 때에만 새창으로 열고 싶다면 $newWindow를 2로 설정하면 됩니다.
Guju 님이 얘기하신 버그를 수정한 버전을 새로 올려두었습니다. $newWindow 옵션을 2로 설정해서 사용하실 분은 새로 내려받아 사용하시기 바랍니다.
P.S. 바깥 고리 아이콘으로 사용할 그림을 구합니다. 적당한 그림이 있으시 분은 artech (at) qaos (dot) com으로 보내 주시기 바랍니다.
Comments
외부 링크가 있을 때마다 바깥 고리 그림 주소를 일일이 붙여 줬었는데
좀 더 간단하게 외부 링크를 표시할 수 있을 것 같습니다. 마음에 드네요.
한가지 질문 드립니다.
비표준이지만 개인 취향상 외부 링크는 새 창으로 열리는게 좋은 것 같아
링크마다 바깥고리 그림처럼 일일이 target을 지정해 주고 있습니다.
도아님 플러그인으로 외부 링크는 새 창으로 열도록 수정할 방법이 있을까요?
태터 게시판에 링크를 새창으로 여는 플러그인이 있고
바깥 고리 그림도 표시할 수 있도록 되어있지만
뭔가 잘 맞지 않아서 사용하지 못하고 있었습니다.
지금 상태도 만족하지만 좀 더 편해지고 싶은 마음에 몇 자 더 적어봤습니다.
좋은 플러그인 잘 사용하겠습니다.
수정한 판을 새로 올려 두었습니다. 위의 링크에서 다시 내려받아 사용하시기 바랍니다.
수정 사항은 역시 본문을 참조하시기 바랍니다.
직접 수정해서 올려주셨군요.
잘 적용되네요. 정말 감사합니다.
좋은 플러그인 잘 사용하고 있습니다.
바깥꼬리 아이콘을 사용시 아이콘 뒤의 글들이 모두 링크와 유사하게 hover되는 현상이 발생합니다. 바깥꼬리가 없을 때는 발생하지 않는군요.
몇번 시험해본 결과로는 index.php에서 2번으로 설정했을 경우에만 이런 현상이 일어나는군요. 현재는 1번으로 설정하여 사용중입니다.
문제점을 수정한 판을 다시 올렸습니다. 위의 링크에서 새로 내려받아 테스트해보시기 바랍니다.
정상적으로 잘 작동하는군요. 감사합니다^^
먼저, 잘 쓰고 있습니다. 나름대로 항상 같은 페이지가 변경되어서 불편했는데, 너무 고맙습니다.
다만, 외부 링크 이미지 경로가 상대경로로 지정되어서 그런지 RSS 리더 등에서는 그림이 깨어지는 문제가 있는 것 같습니다.
이미지의 링크를 URL로 변경한 판을 내로 올려 두었습니다. 다시 내려받아 사용하시기 바랍니다.
도아님 감사합니다 ^^
지금은 도아님이 수정해주셨지만 점차적으로는 RSS리더들도 상대경로를 처리할 수 있어야할 것 같습니다.
상대 경로를 처리하는 RSS 리더도 많이 있습니다. 자동 광고 필터링 등 부가 기능을 가지고 있는 것들도 많고요.
아이콘에 파란 틀이 나오길레 28번째 줄에 border=0를 추가했습니다.
하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요.
1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다.
>하나 제안드리자면, 저는 모든 링크를 바깥고리로 하는데, 그래서 옵션 1로 설정하면 아이콘은 클릭이 안되더군요.
>1을 옵션으로 할 때 아이콘까지 클릭되게 하면 좋을 것 같습니다.
이 부분은 사람 따라 취향이 다르기 때문에 각자 맞춰서 사용하면 되는 부분인 것 같습니다. 저는 아이콘을 빼는 것을 더 좋아합니다.
34번 줄에 title='새 창으로 열리는 링크입니다' 를 추가하였습니다.
35번 줄을 추가하여 $image="<a href='$url' target='_blank' title='새 창으로 열리는 링크입니다' style='text-decoration: none'>$image</a>";
를 넣었습니다. (옵션2의 항목을 복사한 것임)
즉, 옵션1로 할 때 "팝업안내문구 수정+아이콘도 클릭가능"으로 만들었습니다.
유용한 플러그인 감사합니다.
고맙습니다. 잘 사용할게요. :)
트랙백된 글은 잘 읽어봤습니다.
감사합니다.
자유님 블로그에서 보고 따라 왔습니다. 잘 쓰겠습니다. (Sync Preview가 엄청 인상적이네요!!!)
미리 보기 플러그인도 있습니다. http://offree.net/481 를 참조하시기 바랍니다.
저도 적용했어요~ 감사히 쓰겠습니다^-^
도움이 되셨다니 다행입니다.
이 플러그인을 좀 수정해서
아이콘은 빼고 링크 자체를 클릭하면 새창이 뜨도록 수정해서 사용중입니다.
혹시 문제가 되면 말씀해주세요.^^;;
와 정말 제가 찾던 플러그인이군요 이제서야 발견하다니....
감사합니다. 플러그인을 사용하실 때 가급적 $newWindow=0으로 설정하고 사용하시기 바랍니다. 1, 2를 쓰면 까대는 사람이 있기 때문입니다.
감사합니다. 잘 쓰겠습니다...^^
도움이 되셨다니 다행압니다.