Photolog はじめました

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

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

使ったプラグイン

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

Photolog はじめました」への1件のフィードバック

  1. ピンバック: links for 2009-08-11 | LOVE!?

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください