[텍스트큐브] 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 문법 검사의 지적을 받는 것을 바로잡음


설정 방법과 주의할 점

  확장기능 설정에서 다음과 같은 항목들을 고르거나 바꿀 수 있습니다.
  • 쪽글에 짧은 주소 넣기 (j.mp / bit.ly / v.gd / is.gd / goo.gl / 다른 블로그 연결 주소)
  • 본문 위, 아래에 글 보내는 단추 달기 (기본값은 본문 아래에 넣기)
  • 단추를 넣을 곳마다 넣을 SNS/즐겨찾기 고르기
  • 단추를 넣을 곳마다 단추 모양, 여백, 간격, 쪽그림 이름 모양 고르기
  • SNS 계정 주소 넣기
SNS에 글 보내는 단추 달기 설정
SNS에 글 보내는 단추 달기 설정 - 단추 꾸미기


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

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

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

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

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

  • [##_SNS_icons_##] : 글 보내기
  • [##_SNS_account_icons_##] : 계정으로 보내기

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

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

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

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

 


쪽그림, 글 단추 미리보기

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

24x24 쪽그림
24x24 쪽그림
24x24 쪽그림 + 옆 이름
24x24 쪽그림 + 옆 이름
글 보내기 단추
31x31 쪽그림 + 아래 이름
글 단추
글 단추
 

이전판에서 고친 내용

0.91.1

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

0.91

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

0.903

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

0.902

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

0.901

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


받기

SNS_icons_1.0_for_tc1.8.zip
(텍스트큐브 1.8 이상)
SNS_icons_1.0_for_tc1.6.zip
(텍스트큐브 1.6 이상)

  그 동안 텍스트큐브 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]
글 걸기 주소 : 이 글에는 글을 걸 수 없습니다.

덧글을 달아 주세요

  1. 와일드 2011/04/30 00:09 고유주소 고치기 답하기

    지난번에 알려주셨던 위치와 관련해서 궁금한데요.
    SNS단추가 관련글타래위에 위치하게 하셨나요? (즉, 본문내용 바로 아래에)
    치환자로 해서 해보니..저는 그렇게 안되더라고요.. ㅠ.ㅠ

    그리고, 썸네일이미지가 사이드바에 있는 그림만 불러와지네요.
    (본문에 있는 이미지는 불러올수 없는것 같습니다.)
    이건 원래 이런건가요?

    ★플러그인 업데이트 감사합니다 ★

    • 팥빙산 2011/04/30 01:48 고유주소 고치기 답하기

      제 블로그는 SNS 단추를 치환자를 쓰지 않고 확장기능 설정에서 본문 아래에 붙였습니다.
      관련 글타래와 같은 분류의 다른 글을 치환자로 붙였습니다.
      같은 분류의 다른 글은 본래 본문 아래에 붙이게 되어 있었는데, 치환자로 붙이도록 고쳐서 쓰고 있습니다.

      치환자를 쓰지 않고 본문 위나 아래에 붙이는 확장기능은 /plugins 자료방(디렉토리) 안에 든 각각의 확장기능 자료방 이름 순서대로 실행됩니다.
      본문 아래에 붙일 때는 a로 시작되는 것이 먼저 붙어서 위에 붙고 z로 시작하는 것이 나중에 붙어서 아래에 붙겠죠.
      ftp나 텔넷 또는 ssh로 접속해서 자료방 이름 앞에 a~z를 붙여 보면서 확인하면 됩니다.
      물론 자료방 이름을 바꾸면 켜 두었던 확장기능은 꺼지니 다시 켜야 쓸 수 있습니다.

      페이스북에 들어가는 그림은 페이스북이 알아서 집어넣는 것이어서 이 확장기능이 건드릴 수 있는 부분은 없습니다.
      한 번 기억한 그림이 얼마 동안 유지되고, 나중에 바뀌기도 하는 것을 보았습니다.

    • 팥빙산 2011/04/30 10:10 고유주소 고치기 답하기

      페이스북은 <img> 태그로 넣은 그림을 썸네일로 만드는 것 같습니다.
      블로그에 붙박은 그림은 <span>이나 <div> 따위로 자리를 잡고, style 속성이나 CSS 파일에서 배경 그림(bakcground-image)으로 지정하면 페이스북에 들어가지 않을 겁니다.

      이미 페이스북이 기억한 글은 고친 다음에 새로 등록하는 쪽글에 썸네일이 갱신되기까지 시간이 걸립니다.

  2. chief 2011/05/01 13:03 고유주소 고치기 답하기

    안녕하세요~

    잘 붙네요...
    잘 사용하겠습니다..

    솔직히 어떻게 활용하는 건지는 잘은 모르겠지만,
    남들도 하는 거같아서, 그냥 따라서 달아밨습니다 ㅎㅎ

    일종의 방문객 편의를 위한 거겠죠?!

    • 팥빙산 2011/05/01 13:19 고유주소 고치기 답하기

      네, 물론 방문객들을 위한 겁니다.
      티스토리에는 있는 기능이 설치형 텍스트큐브에는 없는 게 안타까워서(?) 만들었습니다.
      실은 제가 구글 즐겨찾기만 조금 쓰지, SNS는 거의 안 쓰고 있습니다.^^

  3. 其仁 2011/05/09 23:05 고유주소 고치기 답하기

    티스토리에 있던 기능을 부러워하던 차에 이 플러그인을 발견했네요. 정말 감사합니다. 그리고 잘 사용하겠습니다.