案件で必要になったのに最終的に
「やっぱり公式ウィジェットでおながいします」
という会心の一撃でお蔵入りになったかわいそうなコードです( ゚∀゚)・∵. グハッ・・・
かわいがってあげてください。

ポイント

・twitterの検索結果は「http://search.twitter.com/search.atom?q=検索ワード(ハッシュタグとか)」で取得可能
・apiで取得するとリクエスト回数を制限しなきゃいけないのでめんどくさい。最悪死ぬ。
・Linkの取得の仕方がちょっと特殊らしい。(よく分からない)

コード

<ul>
<?php
$rss = simplexml_load_file('http://search.twitter.com/search.atom?q=検索ワード(ハッシュタグとか)');
$i = 0;
foreach ($rss->entry as $entry) {
if(++$i>5) break;
$attr=$entry->{'link'}->attributes();
echo "<li>";
echo '<a href="'.$attr['href'].'">'.convert($entry->author->name).'</a><br />';
echo convert($entry->content);
echo "</li>";
}
function convert($str) {
return mb_convert_encoding($str,"auto");
}
?>
</ul>

表示形式は
 ユーザー名にリンク(ツイートステータス)
 ツイート内容
になります。
ulを予めつけているので、CSSを当てて表示を調整してみてください。
最大5ツイート表示ですが、6行目の数字を変えれば自由に表示数を変えられます。


メモ書き的なエントリーです。
HTML5で組むとき用ですが、たぶんHTML5がどうたら書いてる部分を削除したらXHTMLとかでも大丈夫じゃないですかね。
わかんないけど。

最終的にできるコード

最終的に以下のコードが出来ます。
※CSSのパスについては、任意のものに書き換えてください。
※コメントはわかりやすいようにつけているだけです。











こんな感じです。
jQueryとかは</body>直前に入れてもいいと思います。
以下ソースとちょっとした補足です。

CSS

個人的によく使ってるHTML5対応のreset.css
HTML5 Reset Stylesheet | HTML5 Doctor
便利そうなサイト
YUI 2: Reset CSS
CSS Reset | CSS Reset – All the most common CSS Resets in one place with one-click copy/paste, documentation and tutorials
↑いろんなreset.cssがコピーできるみたいです。

ちなみに、CSSはインポートよりリンクで1つずつ書いたほうが読み込みが速いらしいです。
IEでインポートで記述した場合に同時読み込みができないからだとか。

javascript

IE6/7/8あたりでHTML5を適切に使うためのjsを用意します。
※これが無いとHTML5の新要素が空でレンダリングされるらしい。


HTML5のブロック要素を使うためにCSSで「display:block」と定義します。


HTML5.jsについてはこちらで詳しく解説しています。なるほど。
HTML5.jsの中身を見てみよう

つづいてIE用のjsを読み込みます。
ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting
IEの前のバージョンをjsをつかって透過pngとかに対応させる用。
基本的にどれでもいいんですけど、一応IE9のやつを導入します。


最後にとりあえずjqueryでも入れておきます。
googleがホストしてるやつを最近は使うことが多いです。
以下のサイトでワンクリックでコードをコピーできちゃいます。コードも一応載せておきます。
jQuery google api and other google hosted javascript libraries. – ScriptSrc.net


と、こんな感じで下準備完了です。


コメント( Comments – Facebook開発者 )を挿入する場合

scriptの中の「ja_JP」がdefaultでは「en_US」なので、コードのように変更すると日本語で表示される。
※複数パーツを使う場合はヘッダーとかに読み込ませるといいかも。


コードを今回はしっかりストックしておいたので投稿(キリッ
ふんぱつしてサンプルまで作りました(キリッ

サンプル

ぴろぴろアコーディオンパネルサンプル
Read More »


ホームパス

< ?php echo home_url( '/' ); ?>

テーマまでのパスを出力

(さらに下層指定するときは/を忘れないように!)

< ?php bloginfo('template_directory'); ?>

最新記事を表示(5件)

    < ?php query_posts('showposts=5'); ?> < ?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  • < ?php the_title(); ?>
  • < ?php endwhile; endif; ?>

Read More »

1 2 3 4 5 21