togasoh on Flickr Subscribe via RSS Feed

[plugin] Twitterのツイートを一瞬でWordPressの記事へ引用する方法。


WP_Twitter
記事にTwitterの個別ツイートを引用する際、よく使われれる手法としてスクリーンショットの掲載があります。
この作業、画像を撮って、アップロードして…と地味にめんどくさかったんですね。。

個人的にはTwitterの見た目さえ維持できればどんな方法でもよかったのですが、プラグインの導入により驚くほど簡単に解決できたのでご紹介します。

使用プラグイン

Twitter Blackbird Pie 0.3.7
※ver.0.4が同タイミングでリリースされましたが、個人的に思うように動かなかったので1つ下のバージョンを使用しています。

使用方法

使い方は非常にシンプル。
プラグインを有効化したら、引用したいツイートのURLをそのまま記事にコピペするだけ。特別なタグは何も必要ありません。なんて簡単!!

Twitter引用
ツイート個別のURLは赤枠部分(日付)から取得できます。
ためしに引用してみました。↓

WordPress 3.1がリリースされとる。

@togasoh

togasoh

ちなみに、Twitterの新デザインにある「#!」が入ったURL(http://twitter.com/#!/xxxx)でも問題なく表示されます。

応用編

「使わないかもしれないけどあったほうがわかりやすいかも。」ということで、当ブログでは、少しだけプラグインをカスタマイズしています。
本当にちょっとしたことなのですが、ツイートへのテキストリンクをエリアの下に追加しました。

<div class='bbpBox' id='bbpBox_$id'>
<p class='bbpTweet'>$tweetText
<span class='timestamp'><a title='tweeted on $friendlyDate' href='$tweetURL' target='_blank'>$timeAgo</a> via $source</span>
<span class='metadata'><span class='author'><a href='http://twitter.com/$screenName' target='_blank'><img src='$profilePic' /></a>
<strong><a href='http://twitter.com/$screenName' target='_blank'>$screenName</a></strong>$realNameHTML</span></span>
</p>
</div>
<p>⇒<a href='$tweetURL' target='_blank'>つぶやきを見る</a></p>

プラグインの真下に下記コードを追加した形ですね。

<p>⇒<a href='$tweetURL' target='_blank'>つぶやきを見る</a></p>

元々ツイートへのリンクは設定されているのですが、こちらの方がUI的にはわかりやすくて明確かなと思います。

ちなみに、「target=’_blank’」も設定していますが、通常使われる「”_blank”」ではエラーになるため「’_blank’」にする必要があります。(そもそも「target=”_blank”」非推奨とかの話は抜きにして)

参考程度にご確認ください。

PR

コメントの投稿