Yfrogの画像をWordPressに表示する方法
2011年10月1日
以前書いた「TwitterでWordPressに投稿する方法」の続き。
なので、以前の記事のようにTwitterからWordpressへ投稿する、と言う環境以外ではあまり意味のないネタです。
Twitterの画像のアップロード先には、TwitPicやYfrogなどのサービスになるわけですが、つぶやきをそのままWordpressに取り込むと、投稿記事には書くサービスへのURLが表示されるのみ。
アップロード先を自分のWordpressに出来ればいいんだけど(出来るクライアントもあるらしいけど)。
そこで考えたのが、記事中に画像アップロードサービスのURLがある時はこれをIMGタグに置き換えて、画像表示してやろうと言う方法。
で、それを実現するためのソースです。
対象はYfrogのみ。
Yfrogの場合、たとえばhttp://yfrog.com/mnxl2vjと言うリンクを
とURLの最後に":iphone"ってのを追加してやると、サイズが自動調整されるらしい。
このコードは、テーマにあるfunction.phpに追記しました。
function addSURLImg($contentData) { $strPattern = "<a href="(http://yfrog.com/[^"]+)" rel="nofollow">http://yfrog.com/[^"]+</a>"; if(preg_match('/'.$strPattern.'/', $contentData, $matches)>0) { $contentData = preg_replace("/".$strPattern."/","<a href="".$matches[1]."" target="_blank"><img src="".$matches[1].":iphone" /></a>",$contentData); } return $contentData; } add_filter('the_content', 'addSURLImg');
これで画像表示させてるのは以下の投稿記事。
・「お持ち帰り犬。」
・「白いキョーダイン?」