[텍스트큐브] SNS에 글 보내는 단추 달기 1.0

〈새 판 목록〉

  앞서 올렸던 확장기능(플러그인)을 판올림했습니다. 이번 판에는 짧은 주소 넣기와 SNS 계정 잇기 기능을 더했습니다.

주요 기능

• SNS와 즐겨찾기에 글 보내는 단추 달기 (글 제목, 주소, 본문 앞머리 보내기)
• 글쓴이의 SNS 계정으로 보내는 단추 달기 (옆막대, 치환자)
• 글 보내기 : 트위터(twitter), 페이스북(facebook), 요즘(yozm), 미투데이(me2day), 커넥트(connect), C공감, 텀블(tumblr), 디그(digg), 구글 즐겨찾기(google bookmarks), 딜리셔스(deliciuos), 야후 즐겨찾기(yahoo bookmarks)
• 계정으로 보내기 : 트위터, 페이스북, 요즘, 미투데이, 커넥트, 유튜브(youtube)
• 쪽글에 글 주소를 짧은 주소로 넣기
• 확장기능 설정으로 단추 모양을 꾸밈
• 쪽그림(아이콘)을 한 파일로 묶어서 http 요청 수를 줄임 (CSS sprite)

1.0의 새 기능과 고친 점

보탠 기능

• 글짜 수 제한이 있는 쪽글에 짧은 주소로 넣기  (j.mp / bit.ly / v.gd / is.gd / goo.gl / 지정한 주소)
• 글쓴이의 SNS 계정을 잇는 단추 달기 (트위터, 페이스북, 미투데이, 요즘, 유튜브)
• 단추 줄 간격, 쪽그림 이름 색/폭 정하기
• 쪽그림 아래에 이름 넣기
• '야후 즐겨찾기(yahoo bookmarks)', '네이트 커넥트(nate connect)', '텀블(tumblr)'에 글 보내기
• 쪽그림 파일의 경로를 지정할 수 있게 함 (전송량 분산)

고침

• 여백, 간격에 단위를 넣으면 단위가 잘못 들어가는 것을 바로잡음
• '구글 즐겨찾기' 등에 본문 앞머리를 넣을 때 [##_ ..... _##]와 같은 치환차가 들어가지 않게 함
• 쪽그림을 나타내는 HTML을 고침
• '요즘'을 연결하는 주소를 바꿈
• IE 7 이하에서 글 보내기 단추 위에 가리키개(커서)를 올릴 때 손 모양으로 바뀌게 함
• 단추가 한 쪽에 여러 개 나올 때 id 중복으로 HTML 문법 검사의 지적을 받는 것을 바로잡음

설정 방법과 주의할 점

  확장기능 설정에서 다음과 같은 항목들을 고르거나 바꿀 수 있습니다.


  이것저것 넣다 보니 설정 항목들이 꽤 복잡해졌습니다. T.T

  IE 6 이상, 파이어폭스, 오페라, 크롬 등에서 단추 모양이 달라지지 않게 애썼습니다. 그래도 사용 환경과 기능이 얽히는 경우 수가 많다 보니 빈 틈이 있을 수 있습니다. 고쳐야 할 점이 보이면 덧글로 알려 주시기 바랍니다.

  글짜 수 제한이 있는 쪽글에 글 주소를 짧은 주소로 바꾸어 넣을 수 있습니다. 밖에서 받는 짧은 주소는 j.mp(bit.ly) / is.jd / v.gd / goo.gl / durl.me 가운데 고를 수 있습니다. 골라 쓰는 짧은 주소 서버에 문제가 생겨서 주소를 받지 못하면 본래 주소가 들어갈 수 있습니다. 아니면 블로그 바탕 주소를 갈음하고 나머지 주소는 그대로 연결해 주는 다른 도메인 주소를 넣을 수도 있습니다.

  덧붙임(2011.5.1) : 짧은 주소 설정에서 "※ 짧은 주소 서버의 상태가 글을 여는 속도에 영향을 미칠 수 있습니다."라는 말은 잘못 들어갔습니다. 글을 열 때가 아니라 짧은 주소가 들어가는 SNS 창이 열릴 때만 시간차가 날 수 있습니다.

  단추를 블로그 스킨에 넣을 때는 아래 치환자를 끼워 넣습니다.


  옆막대(사이드바)에 단추를 달 때는 텍스트큐브 관리자의 '꾸미기 → 사이드바 위젯 → 추가 가능한 플러그인'에 있는 위젯을 골라 옆막대에 넣습니다.

  SNS 계정으로 보내는 단추는 확장기능 설정에 계정 아이디를 넣어야 나옵니다. 본문 위아래에는 넣을 수 없고 옆막대에 넣거나 치환자로 넣을 수 있습니다.

  본문 위나 아래에 글 보내기 단추를  '글 단추'로 넣으면 티스토리에서처럼 RSS에 단추가 나타납니다. 쪽그림으로 넣으면 RSS에 단추가 보이지 않습니다.

  이 확장기능은 텍스트큐브 1.8 이상에서 쓸 수 있습니다. 텍스트큐브 1.7 이상에서 쓸 수 있는 판은 만드는 대로 이 글에 덧붙이겠습니다. (쉽게 될지는 모릅니다.)

 

쪽그림, 글 단추 미리보기

  확장기능 설정에서 단추 모양, 간격, 여백 등을 조절하여 쪽그림(아이콘)이나 글 단추를 붙일 수 있습니다. 글 단추 모양은 웹 탐색기에 따라 다릅니다.

 

이전판에서 고친 내용

0.91.1

• 새로 열리는 창 크기를 조절함

0.91

• 객체의 id, class를 잘못 지정하여 HTML 문법 검사를 통과하지 못하는 것을 바로잡음
• 방명록, 글 분류, 보관함 등을 블로그 대표 주소가 아닌 원래 주소로 연결함

0.903

• 트위터에 짧은 주소(t.co)로 연결할 때 트위터가 한글이 들어간 문자 주소를 받지 못하여 숫자 주소로 보내도록 바꿈
• 파이어폭스 등에서 새 창을 띄우게 함

0.902

• IE7에서 쪽그림이 세로로 나오지 않게 고침

0.901

• 블로그 대표 주소로 최근 글이 뜰 때 글 주소와 꼬리표를 가져 오지 못하는 문제를 해결

받기

  그 동안 텍스트큐브 1.8 이상에서만 이 확장기능을 쓸 수 있었으나, 1.6 이상에서도 쓸 수 있게 고친 파일을 덧붙여 올립니다. 이 파일은 앞으로 판올림하면서 구조가 바뀔 텍스트큐브에서 작동하지 않을 수 있습니다. 텍스트큐브 1.7대에서는 .htaccess 파일 때문에 짧은 주소를 밖에서 받아올 때 새 창에서 오류가 날 수 있습니다. 아래 굵은 글씨로 나타낸 부분을 1.8의 .htaccess 파일처럼 고치면 오류를 없앨 수 있습니다.

텍스트큐브 1.7의 .htaccess

#<IfModule mod_url.c>
#CheckURL Off
#</IfModule>
#SetEnv PRELOAD_CONFIG 1
RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(cache)+/+(.+[^/])\.(cache|xml|txt|log)$ - [NC,F,L]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.+[^/])$ $1/ [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(thumbnail)/([0-9]+/.+)$ cache/$1/$2 [L]
RewriteRule ^(.*)$ rewrite.php [L,QSA]

텍스트큐브 1.8의 .htaccess

#<IfModule mod_url.c>
#CheckURL Off
#</IfModule>
#SetEnv PRELOAD_CONFIG 1
RewriteEngine On
RewriteBase /

RewriteRule ^(thumbnail)/([0-9]+/.+)$ cache/$1/$2 [L]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(cache)+/+(.+[^/]).(cache|xml|txt|log)$ - [NC,F,L]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.+[^/])$ $1/ [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ rewrite.php [L,QSA]