« 
 »
2月 24 2010

Twitterを表示する

投稿者: admin, カテゴリ: WordPress, tags: , , ,
投稿日: 2010.02.24 - 04:26
更新日: 2011.09.18 - 00:01

Twitterを様々な場所に表示したい。

WordPress

Twitter WordPress Sidebar Widget を使うことにした。

PHP

今日も勉強しました: simpleXML でRSSの表示　PHP5 の方法がいいと思う（試してない）


<?php
$xml = simplexml_load_file('http://blog.goo.ne.jp/jhta0729/index.rdf');
$i = 0;
foreach ($xml->item as $item) {
if(++$i>3) break;
$title = (string)$item->title ;
$link = (string)$item->link ;
print ($title.$link."<br>");
}?>

Javascript や Flash

Twitter公式のものが利用できる。


<div style="><div id="twitter_div" style="width:720px;margin-left:auto;margin-right:auto;text-align:left;">
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/xxxxxxxx" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/xxxxxxxx.json?callback=twitterCallback2&count=5"></script>
</div>
<style type="text/css">
<!--
#twitter_div {
margin : 0;
padding : 0;
width:180px;
border : 1px solid #cccccc;
background-color : #ffffff;
text-align : left;
color : #666666;
word-break: break-all;
font-size : 12px;
}
#twitter_div h2 {
margin : 5px 0 5px 0px;
text-align : center;
padding-left : 0px;
color : #33ccff;
font-size : 12px;
}
#twitter_div li {
margin-left : 0px;
padding-top : 5px;
padding-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
border-bottom : 1px dashed #cccccc;
list-style-type: none;
}
#twitter_div a:link {
color : #088253;
}
#twitter_div a:active {
color : #088253;
}
#twitter_div a:visited {
color : #088253;
}
#twitter_div a:hover {
color : #28a273;
}
#twitter_update_list {
margin-left: 5px;
padding-left : 0px;
padding-top : 2px;
border-top : 1px dashed #cccccc;
}
</style>
<div id="twitter_div">
<h2>Twitter Updates<span></span></h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/xxxxxxxx" id="twitter-link">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/xxxxxxxx.json?callback=twitterCallback2&count=5"></script>

APIによる通信もできるとか。

参考文献

関連記事

スポンサードリンク

このエントリは 2010 2月 24 04:26 に投稿され、WordPress 以下にファイルされています。 あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。 あなたはこの記事に対しコメントすることが可能です。また、あなたのサイトからトラックバックを送ることも可能です。 (TEST-4: 3692 )

コメントする

Spam protection by WP Captcha-Free

すべての企業名および製品名は、関連するそれぞれの企業の商標である場合があります。