Home > 【webサービス】 Archive
【webサービス】 Archive
WordPressのTumblrウィジェット
Tumblrの写真をWordpressに表示させるのにウィジェットを使ってたんだけど、どれもTumblrの標準アドレスにしか対応してなくて、独自ドメインにするとエラーになっていました。
独自ドメインのTumblrの写真をWordpressのサイドバーに表示させる方法をさがしてて、下記サイトを見つけました。
で、左サイドバーにテキストウィジェットで以下コードを追加したらうまくいきました。
<style>
/* theme 作成時にtheme CSSに組み込み */
div.tmbl_widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.tmbl_widget li {
float: left;
margin: 0 10px 10px 0;
padding:0;
}
div.tmbl_widget li a {
margin: 0;
padding: 0;
}
div.tmbl_widget img,
div.tmbl_widget a:visited img{
margin: 0;
padding: 0;
border: 2px solid #ccc;
}
div.tmbl_widget a:hover img{
margin: 0;
padding: 0;
border: 2px solid red;
}
div.tmbl_widget ul:after {
display: block;
clear: both;
}
</style>
<script type=”text/javascript” src=”http://tumblr.megumu.org/api/read/json?num=2&type=photo”
></script>
<script type=”text/javascript” >
show_number = 2;for (i = 0; i < show_number; i++) {
label = tumblr_api_read[“posts”][i][“photo-url-75”];
url = tumblr_api_read[“posts”][i][“url”];
document.write(‘<div class=”tmbl_widget”><ul>’);
document.write(‘<li><a href=”‘, url , ‘”><img src=”‘ , label , ‘”></a></li>’);
document.write(‘</ul></div>’);
}
</script>
ほんとはもうちょっといじって、写真サイズとかカスタマイズしたいけど、とりあえずこれで。
ちなみに独自ドメインのTumblrサイトURLは、http://tumblr.megumu.org/ です。
- Comments: 0
- Trackbacks: 0
WPのバグ?
- 2010-01-13 (水)
- 【webサービス】
さっき↓の投稿をして気づいたこと。
タイトルに半角の「&」が入ってると、拍手の画像がちゃんと表示されないみたい。全角の「&」に変えたらいつもどうりに表示された。
う〜ん、どこに問題があるんだろう? いろいろ要素がありすぎていちいち検証する気になれないよー。
とりあえずタイトルに半角「&」を使わないようにすればいっか。
- Comments: 0
- Trackbacks: 0
WordPress 2.9
- 2010-01-02 (土)
- 【webサービス】
あーWordPress 2.9のアップデートがきてるけど、レンタルサーバーのデータベースの仕様が足りてないんだよなー。いや、WP2.9の仕様にあったDBのバージョンも利用可能だからDBを引っ越せばいいんだけど。 いっそのこと3.xのメジャーアップデートまでこのまま(WP2.8)にしておこうかな。別に困ってもいないし・・・
- Comments: 0
- Trackbacks: 0
Home > 【webサービス】 Archive
- Search
- Feeds
- Meta