wordpress

워드프레스의 포스트 SNS로 공유하기

은둔한량 2013. 8. 6. 11:00
반응형
워드프레스는 다양한 SNS로 해당 게시물을 공유할 수 있는 다양한 플러그인을 가지고 있습니다. 그러나 워드프레스 자체가 해외에서 제작된 CMS 툴이다 보니 국내의 SNS 서비스들로의 공유를 제공하는 플러그인은 아직 제작/배포되어 지고 있지 않습니다. 때문에 국내 SNS에서 제공하고 있는 API 관련 매뉴얼 페이지를 확인하여 국내 SNS로의 공유도 가능할 수 있는 소스를 제작해 보았습니다. 디자인 형태는 티스토리의 형태를 참고하여 제작하였으나, 미투데이, 요즘, 마미피플로의 공유하는 각 서비스의 API 문건을 확인하여 제작되어 테스트까지 완료된 상태입니다.



소스는 아래와 같습니다.
<div class="post_share clearfix">
	<?
		$title = apply_filters('the_title', $post->post_title);
	?>
		<ul>
			<li><a onclick="window.open('http://www.facebook.com/share.php?u=<?php the_permalink() ?>','facebook','width=450,height=300,left='+(screen.availWidth/2-375)+',top='+(screen.availHeight/2-150)+'');return false;" href="http://www.facebook.com/share.php?u=<?php the_permalink() ?>" title="<?php the_title(); ?>"  target="blank"><img src="/images/sns_fb.png" alt="facebook"/></a></li>
			<li><a onclick="window.open('http://twitter.com/home?status=<?php echo UrlEncode($title); ?>:<?php echo wp_get_shortlink(); ?>','twitter','width=450,height=300,left='+(screen.availWidth/2-375)+',top='+(screen.availHeight/2-150)+'');return false;" href="http://twitter.com/home?status=encodeURIComponent(<?php the_title(); ?>)+<?php the_permalink() ?>" title="<?php the_title(); ?>" target="blank"><img src="/images/sns_tw.png" alt="Twitter"/></a></li>
			<li><a onclick="window.open('http://me2day.net/plugins/post/new?new_post[body]=<?php echo UrlEncode($title); ?>+<?php echo wp_get_shortlink(); ?>','me2day','width=960,height=600,left='+(screen.availWidth/2-885)+',top='+(screen.availHeight/2-300)+'');return false;" href="http://me2day.net/plugins/post/new?new_post[body]=<?php the_title(); ?>+<?php echo wp_get_shortlink(); ?>" title="<?php the_title(); ?>"  target="blank"><img src="/images/sns_me2day.png" alt="Me2day"/></a></li>
			<li><a onclick="window.open('http://yozm.daum.net/api/popup/post?prefix=<?php echo UrlEncode($title); ?>+<?php echo wp_get_shortlink(); ?>&sourceid=none&link=&meta=&key=&imgurl=&crossdomain=0&callback=','yozm','width=450,height=300,left='+(screen.availWidth/2-375)+',top='+(screen.availHeight/2-150)+'');return false;" href="http://yozm.daum.net/api/popup/post?prefix=<?php the_title(); ?>+<?php echo wp_get_shortlink(); ?>&sourceid=none&link=&meta=&key=&imgurl=&crossdomain=0&callback=" title="<?php the_title(); ?>" target="blank"><img src="/images/sns_yozm.png" alt="Yozm"/></a></li>
			<li><a onclick="window.open('https://mypeople.daum.net/mypeople/web/share.do?link=<?php echo wp_get_shortlink(); ?>&prefix=<?php echo UrlEncode($title); ?>+<?php echo wp_get_shortlink(); ?>&source_id=none','mypeople','width=700,height=560,left='+(screen.availWidth/2-625)+',top='+(screen.availHeight/2-280)+'');return false;" href="https://mypeople.daum.net/mypeople/web/share.do?link=<?php echo wp_get_shortlink(); ?>&prefix=<?php the_title(); ?>+<?php echo wp_get_shortlink(); ?>&source_id=none" title="<?php the_title(); ?>"  target="blank"><img src="/images/sns_daum.png" alt="My People"/></a></li>
		</ul>
	</div>
팝업으로 SNS 사이트로 공유할 수 있는 형태를 제공하고 있으며, 상단에 추가된 변수는 간혹 캐릭터셋의 문제로 인해 한글이 특수 문자로 깨지는 현상이 발생하는 것을 막고자 추가된 부분입니다. 부족한 부분이지만 참고하시어 더 편리하게 워드프레스를 활용할 수 있는 사이트를 제작해 보시기 바랍니다.

 

반응형