最近、私のまわりで 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 でのサムネイル表示になります。
  ?

  23 24 25 26 27 28 29

  <!-- 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 に以下のようなコードを追記すれば良いかな？

  ?

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

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

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

  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 がサムネイル画像にフレームを付けてくれるので可愛い感じに仕上がりました。