米が好き

Tag：Tumblr

【WordPress】外部RSSを取得して表示する方法

2009年 9月 6日（日） [19:08] 4,232 views

Category ： WordPress > Tips

WordPress ＆ RSS WordPressで他サイトのRSSを取得して表示する方法はプラグインの『FeedList』を使えば簡単に出来ますが、複数設置出来ないのが難点。

以前の詳細記事は以下

米が好き
【WordPress】Tumblrを表示させる方法
【WordPress】FeedListを複数設置する方法
【WordPress】ニコニコ動画をRSSで表示させる方法
【WordPress】FeedListのバージョンアップ、ちょっと待った！

『feedlist.php』に手を加えればいけない事もないんですが、バージョンアップの度に直さなくてはいけないのは面倒です。
なので、WordPressのテーマ内PHPに直接書く事にしました。
利用させてもらったのは、以下のサイトからです。

WebTecNote
[WP]wordpressでRSSを取得して表示

WordPressは管理画面などでRSS取得表示してるので、それを上手くテーマにも利用すれば良いんですね。
まず全てのファイルに適用出来るように、ヘッダーに以下のコードを追加。

header.php

<?php
include_once(ABSPATH . WPINC . '/rss.php');
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');
define('MAGPIE_CACHE_DIR', './cache');
define('MAGPIE_FETCH_TIME_OUT', 30);
define('MAGPIE_CACHE_AGE', 60*60);
?>
<!DOCTYPE ～～～
<html ～～～

簡単な下準備が整った所で、表示させたい箇所に以下のコードを追加します。
（tumblrを読み込んだ例）

sidebar.phpなど

<?php
  $rss = fetch_rss('http://ほげほげ.tumblr.com/rss');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <a href="<?php echo $item['link']; ?>" title="<?php echo $item['title']; ?>" target="_blank"><?php echo $item['description']; ?></a>
<?php endforeach; ?>

基本的に以下の項目だけを編集します。
$rss　＝　読み込むRSSのアドレス
$maxitems　＝　読み込む数（上記では最新の1つだけ取得）

『No items』は読み込むデータがない場合に表示されます。
『表示させる記事がありません』とか『何もありまへん』とか日本語でもOK。
『<a>～～～</a>』は実際に表示させたい項目のコードを書きます。

$item['link']　＝　リンクアドレスが取得されます。
$item['title']　＝　タイトル（キャプション等）が取得されます。
$item['description']　＝　全てが取得されます。（tumblrの場合、画像とキャプション）

上記の取得される項目と表示された時のソースとCSSを上手く使って、好みにデザインします。
私的には画像のアドレスだけ取得したい所なんですが。

これを基本に使えば、ニコニコ動画のマイリストを取得したり（以前の記事）出来ます。
『twitter』は表示されない時が多々あるので、『Twitter Tools』（解説サイト）と言うプラグインを使用しています。
『YouTube』は少々手を加えなきゃいけません。（後日書きます）

Tag ： RSS, Tumblr

Tumblr の TUMBLARITY

2009年 7月 25日（土） [22:00] 227 views

Comments (0) Trackbacks (0)

Category ： PC / NET > インターネット

Tumblr 裏（？）でTmblrをやっている訳ですが、TUMBLARITYの値が昨日まで500程度だったのに、今日見たら1,227もあってビックリ。

計算方法などは以下のサイトに書いていますが、イマイチ分かっていません。
しかし、何があった？ｗ

あそびや in Tumblr – Tumblarity

Tag ： Tumblr

【WordPress】Tumblrを表示させる方法

2009年 6月 4日（木） [23:42] 1,919 views

Comments (0) Trackbacks (0)

Category ： WordPress > プラグイン

WordPress ＆ Tumblr Tumblrで投稿した内容を、WordPress上で表示させる事が出来るプラグインがあります。
正確に言えば、RSSで表示させるのでTumblrじゃなくても良いんですが。

『拾いもの画像』をちまちまとサムネイル作ってアップしていましたが、ちょっと面倒になってきたのでTumblrでアップしてそれを取り込もうと言う試みになりました。
なもので、只単に画像をRSSで取り込むだけです。
その方法は以下。

まず、WordPressのプラグインをダウンロードしてインストールします。

WordPress
FeedList

ダウンロードして解凍したファイルをフォルダ毎プラグインフォルダに移動します。
階層的には以下の感じ。

wp-content
　└ plugin
　　　└ feedlist
　　　　　├ feedlist.php
　　　　　└ readme.txt

そのまま管理画面でインストールしても良いんですが、管理画面上で設定などは出来ず、直接ファイルを弄らなければいけません。
『feedlist.php』を開き、以下の箇所に手を入れます。

feedlist.php　変更前　（200行目～）

return array( 'rss_feed_url' => 'http://del.icio.us/rss',
    'num_items' => 15,
    'show_description' => true,
    'random' => false,
    'before' => '<li>',
    'after' => '</li>',
    'description_separator' => ' - ',
    'encoding' => false,
    'sort' => 'none',
    'new_window' => false,
    'ignore_cache' => false,
    'suppress_link' => false,
    'show_date' => false,
    'additional_fields' => '',
    'max_characters' => 0,
    'max_char_wordbreak' => true,
    'file'=>$settings['file'],
    'feedsToShow'=>0,
    'mergeFeeds'=>false,
    'show_date_per_item' => false,
    'show_description_only' => false
  );

表示させる数は1つだけで良いので、『num_items』を『1』に変更。
リスト表示じゃなくボックスにしたいので、『before』と『after』を変更。
セパレータではなく改行表示する為に『description_separator』を変更。
リンクをクリックした時に別ウィンドウにする為に『new_window』を『true』に変更。
で、以下のような感じ。

feedlist.php　変更後　（200行目～）

return array( 'rss_feed_url' => 'サイトアドレス/rss',
    'num_items' => 1,
    'show_description' => true,
    'random' => false,
    'before' => '<div class="tumblr_box">',
    'after' => '</div>',
    'description_separator' => '<br />',
    'encoding' => false,
    'sort' => 'none',
    'new_window' => true,
    'ignore_cache' => false,
    'suppress_link' => false,
    'show_date' => false,
    'additional_fields' => '',
    'max_characters' => 0,
    'max_char_wordbreak' => false,
    'file'=>$settings['file'],
    'feedsToShow'=>0,
    'mergeFeeds'=>false,
    'show_date_per_item' => false,
    'show_description_only' => false
  );

変更が終わったらファイルを保存して、管理画面でインストールします。
表示させたい箇所に以下のコードを入れれば、その場所に表示されるハズです。

sidebar.phpなど

<?php feedList(array('Key' => '', 'Key' => 'Value')); ?>

後はCSSで画像の大きさを整えます。

style.css

.tumblr_box img {
  width: 200px;
}

『200px』は仮なので、自分の表示させたい大きさに変更してください。
横幅さえ変えれば高さは自動で変わります。
IEでの表示は少々画像が荒くなります。

さあどーだ！？
・・・って事で見てみましたが、画像を表示させた場合『タイトル』『画像』『タイトル』と表示されます。
ソースを見ると、以下のような感じ。
（見やすいように改行してます）

ソース

<div class="tumblr_box">
<span class="rssLinkListItemTitle"><a href="http://kome.tumblr.com/post/117856017" rel="external"  title="タイトル">タイトル</a></span><br />
<img src="画像のアドレス"/><br/>
<br/>
タイトル</div>

下のタイトルを消そうとか試みましたが、RSSの段階でこのようになっているので無理っぽいです。
上のタイトルだけならCSSで消せるんですが、リンクも消えてしまうのでうまくない。
ま、いっか。ｗ

ちなみに、上のタイトルはクラスが付いてるので以下のコードで見た目を消す事が出来ます。

style.css

.tumblr_box .rssLinkListItemTitle {
	display: block;
	height: 0px;
	overflow: hidden;
}

以下のサイトを参考にさせてもらいました。

木下茂雄のブログ
WordPressのサイドに自分のはてなブックマークを表示させる

Tag ： Plugin, RSS, Tumblr

【Tumblr】日付とかTag表示とかFollowingとか色々

2009年 5月 4日（月） [3:49] 1,902 views

Comments (0) Trackbacks (1)

Category ： PC / NET > インターネット

『【Tumblr】日付とかTag表示とかFollowingとか色々』をはてなブックマーク

Tumblr 以前にも書いた通り、Tumblrをコツコツやってます。
デザインを自分でカスタマイズ出来るので、色々弄ったりしてます。

最初はCSSがHTML内に書かれているので、それを外部ファイルにして編集しやすくしたり、Tag表示を綺麗に表示させるようにしたり、日付の月表示が英語になってるのを数字にしたり、Following（簡単に言うとリンク）を表示したりと。

WordPress等のようにあまりカスタマイズ出来る点は少ないんですが、それでも上記に書いた事を簡単に説明いたします。
続きを読む

Tag ： Tumblr

さて、Tumblrを始めている訳だが…

2009年 4月 14日（火） [1:16] 292 views

Comments (0) Trackbacks (0)

Category ： PC / NET > インターネット

Tumblr 前々から登録はしてて放置してたんですが、最近また『Tumblr（タンブラー）』をやり始めました。
自分でHTMLとCSSをカスタマイズ出来るテーマを見つけたんで、自分好みで作ってます。

内容はネットで拾った18禁画像が主なんですけど。
とあるサイトに登録したら、昨日のカウントが1176もありやんの。ｗｗｗ

やっぱエロパワーは大きいですね。ｗ
ちなみに私のTumblrサイトは、とある記事にリンク貼ってありますので興味のある方は探してみてください。

Tag ： Tumblr