最近、私のまわりで WordPress と Twitter を連携させた Photolog が流行っている。
先駆けは、@hiromasa の hiromasa.quick :o) なのだが、その後続々とみんなが参戦。
あれよあれよと言う間に、Twitter 上で交流のある WPer の方々の大半が Photolog サイトを持つようになってしまった。
今までは Twitter 上に写真を流す時は Twitpic を使用していたのだが、先日の Twitter への DoS 攻撃の余波で Twitpic の反応が悪くなってしまったので、一念発起して私も開始することに。
そんなわけで作った Photolog サイトが以下のサイトです。
shot.dogmap.jp

作成した Photolog サイトでは、他の方々の Photolog サイトと同じように
ケータイ or スマートフォンから写真をメールで送付
→ エントリを作成
→ Twitter に通知
を行います。

使ったプラグイン

Akismet、WP Multibyte Patch 以外には、以下のプラグインを使用しました。

• wp-shot
  メール投稿プラグインです。
  もっと、高機能な Ktai Entry でも良かったんですが、現在私が保守してるのでこちらを採用しました。
• Simple Tweet
  Twitter ポスト用のプラグインです。
  新規エントリがあったら、Twitter に通知するプラグインです。
  本文に "Tweet This" リンクを追加することもできます。
• WP-lightpop
  画像、動画ハイライト表示用のプラグインです。
  よくあるサムネイルをクリックすると拡大表示するためのもの。
• wp-kougabu
  画像付きアーカイブ表示用のプラグインです。
  今回は、本文内のサムネイル画像も wp-kougabu で表示してみました。
• Ktai Style
  携帯対応プラグインです。
  高機能な WordPress 用携帯対応プラグイン。定番ですね、

使ったテーマ

Photo-Biyori を若干改造して使いました。
変更点は、以下のとおり。

• サムネイルを wp-kougabu で表示
  Photo-Biyori にもサムネイル表示機能があるのですが、wp-kougabu のサムネイルが可愛いので、こちらを使うようにしました。
  single.php であれば、24行め付近を以下のように修正すれば、wp-kougabu でのサムネイル表示になります。

  <!-- thumbnails begins -->
  		<div id="th_container">
  			<?php // pb_before_after_thumbnails(7); ?>
  			<ul><?php kougabu_get_images('count=6&sort_key=date&max_width=80&max_height=60'); ?></ul>
  			<div class="clear"></div>
  		</div>
  <!-- thumbnails ends -->

  あと style.css に以下のようなコードを追記すれば良いかな？

  #th_container ul { display: inline; list-style-type: none; }
  #th_container ul li { display: inline; }

• 本文内のサムネイルを wp-kougabu で表現
  これは functions.php に以下のようなコードを追加すれば、おっけ。

  function use_kougabu_thumb($content) {
  	global $post;
  	$thumb = str_replace(array("\r","\n"), '', preg_replace(
  		'/^.*(<img &#91;^>]*>).*$/i' ,
  		'$1' ,
  		kougabu_get_images(array(
  			'before' => '' ,
  			'after' => '' ,
  			'post_id' => $post->ID ,
  			'echo' => false ,
  			'max_width' => 320 ,
  			'max_height' => 320
  		))));
  	$content = preg_replace(
  		'/^(<a &#91;^>]*>)(<img &#91;^>]*>)(<\/a>)(.*)$/i' ,
  		'$1' . $thumb . '$3$4' ,
  		$content
  		);
  	return $content;
  }
  add_filter('the_content', 'use_kougabu_thumb', 9);

  手抜きコードなので、1エントリに画像が複数あるとうまく動作しません (^^;;;

あとは style.css を好みに合わせて適当に修正して完成。
wp-kougabu がサムネイル画像にフレームを付けてくれるので可愛い感じに仕上がりました。