2BLOG » WordPress

Akismetのスパム管理が過保護過ぎることに今日気づいた

kosuke — Wed, 12 Aug 2009 03:35:26 +0000

ブログをWordPressに変更して半年たった今更気づくことではありませんが、今迄、相当数のスパムでないコメントやトラックバックを無視していた気がします…。

WordPressを導入した時にプラグインに最初から入っていたAkismetというスパム管理のプラグインを使っているのですが、スパムでないコメントもスパムと判定されていた疑いあり。
今日はじめてコメントのスパムを見てみたのですが、4件中1件がスパムじゃないじゃん！って気づいた。しかも日本語のコメント。いままで一度も見たこと無かった僕の無精さも問題ですが。

ここ見て益々疑いを強めたというか、確実に無視してただろう！自分…。
スパムコメント自動削除のAkismetが強力すぎる件について【パシのSEOブログ】

今日気づいたものは公開しましたが「ひと月以上前の投稿へのスパムコメントを自動的に削除する。」にチェックが入っていて以前のものは調べられません。ダッシュボードには「Akismet は680件のコメントスパムからあなたのサイトを保護しました。」とか出てる。いや、お前、過保護過ぎちゃいないかと問いつめたい…。

承認待ちに来ていたコメントはすべて公開していましたが、普通にコメントやトラックバックを送ったのに載っていなかった方おられましたらスミマセン！これからはスパム欄も見ることにします。

WordPress2.8が不安定過ぎる件

kosuke — Tue, 04 Aug 2009 12:04:12 +0000

別のエントリーを書いていたのですが、WordPress2.8.3が不安定すぎていい加減イライラしてきた。
2.8リリース直後にアップグレードしてから、今日までマイナーアップグレードを繰り返し2.8.3にしましたが、この2.8.x、今のところ大勢の方が報告されている通り不安定過ぎる。

お叱りの声いろいろ。
wordpress 2.8 不安定
 WordPress › フォーラム » 2.8にアップグレードすると管理画面のHTMLが不完全になる
 【続】WordPress 2.8でのプラグイン動作確認 >> 病的溺愛シンドローム

ウチで発生している問題は、
管理画面で遷移中に突然、真っ白になる。
特に新規投稿中に下書きとして保存、プレビューでの症状発生がひど過ぎる。
2.7だと連続する改行を入力した場合、記事ではちゃんと
が増えていたと思うのですが反影されない。
プラグインのShadowbox JSが不安定。2.8にしたの時はフロート表示されなくなった。その後2.8.1か2.8.2か、はたまたShadowboxのアップデートかで解決したのですが、本日2.8.3にしたら、flashを設置した時に使っている背景色のオプション（ options={flashBgColor:’#FFFFFF’ } ）が効かなくなった……。
これ、困る。白想定黒文字のswf見えないじゃん。今更直してられないし。ウチも2.7にダウングレードするしかないですかね。

という訳で、早く解決されることを切に願っています。
あと2.7を使っている方はしばらく2.8へのアップグレードは待った方がいいかも。
リリースから結構たっているけど一向に解決していない気がする。

エントリーを見ていただいてる方でうまく表示されないページがあったらすみません。

WordPressとFlashの連携（コンタクトフォーム）

kosuke — Tue, 07 Apr 2009 05:48:28 +0000

WordPressとFlashを連携させてコンタクトフォームを試した記録。
これまで通りWordPressをベースにして極力サーバー側には触らないアプローチで考えます。

かねてより自分的にコンタクトフォームの類いをFlashで作ってもメリットは微妙だよなぁと思ってます。ま、FULL FLASHのサイトでしか使わないだろうから統一感の点は評価できる。クライアント側での入力チェックやトラフィックの軽減といったAjax同様の効果も期待できる。
しかしまぁ、使う側が使いやすいかというと使い慣れたブラウザのフォームが一番な気がするし、実案件ではサーバー環境の制約があったりセキュリティやスパムの対応が必要だとかDBと連動とかFlash側だけではいかんともしがたい条件になることもしばしば。
そういった煩雑な条件になってくるとFlashで作るって以外の交通整理に時間をとられる。交通整理に各方面と連携が必要なわけだけれど、そういった行程やコストもデメリットとなってくるんだよね。

前置きが長くなりすぎました。というわけで、ここではややこしい複雑なことは考えずにコンタクトフォームを考えてみる。方法はWPのプラグインを使ってフォーム作る。出力結果をFlashに読み込み、ごにょごにょするっていう手法。XHTMLに準拠したソースで動いているものならFlashに読み込ませて大抵の処理は出来ると思う。そりゃもう頑張り次第で….。

では早速。
フォームのプラグインは沢山あったのだけれど、日本語環境で評判のよいContact Form 7を使いました。

インストールしたらツールに「Contact Form 7」のメニューが出来るのでここから必要なフォームエレメントと送信メールを設定します。

まずコントロールパネル右上の「タグの作成」で必要なタグを作成。

このタグを「フォーム」に記述していきます。このフォームの記述に応じて、後で設定するページのxhtmlが出力されるので出力結果と見比べて設定を繰り返します。

メールには送信メールを設定。フォームに入力された値をメールに記載するには[key]のように[]でフォーム欄に入力したタグのキーを囲みます。入力したユーザーにコピーを送るなど、別のメールを送りたい場合はメール（2）も使えます。

メッセージでエラーや完了などの通知メッセージを設定できる。
これはこのまま使ってもいいし、使いやすいように数字とかにしちゃってもいいと思う。これもxhtmlの出力と見比べながら設定していく感じで。

設定が済んだらいつものようにページを作る。
ページの本文にコンタクトフォームのコードを記述します。

コンタクトフォームのコードはhtmlタグに置き換わるので、ページのテンプレートは何も記載しない感じ。Safariだと中途半端なhtmlでもレンダリングされたのでヘッダをhtmlにしています。

 /*
Template Name:cms-form
*/ ?>

header( "Content-Type: text/html; charset=" . get_option( 'blog_charset' ) );
?>

 if (have_posts()) : the_post(); ?>
	 the_content(); ?>
 endif; ?>

このページをブラウザで表示すると、http://sample.nipx.jp/wordpress/?page_id=125（ブラウザによっては表示できないかも？）のように表示される

表示の参考

これをFlashで読み込んで表示する。

出来上がったのがこれ。Flashのコンタクトフォーム

入力しても送信しないようにしているので操作して確認できます。

xhtmlのフォームエレメントをflashのフォームエレメントに置き換えているだけなのだけれど、まったく整理していない＆このxhtml専用の俺俺具合で恥ずかしいくらいごちゃごちゃなソースを晒す…。
ここでは動的にフォームエレメントを生成していますが、設定できるものは通常ステージに配置してコンポーネントインスペクタで設定した方が楽だと思う。

package form{
 
	import caurina.transitions.properties.FilterShortcuts;
	FilterShortcuts.init();
 
	import fl.controls.Button;
	import fl.controls.CheckBox;
	import fl.controls.ComboBox;
	import fl.controls.Label;
	import fl.controls.RadioButton;
	import fl.controls.RadioButtonGroup;
	import fl.controls.TextArea;
	import fl.controls.TextInput;
 
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.net.URLRequest;
	import flash.net.URLRequestMethod;
	import flash.net.URLVariables;
	import flash.text.TextFormat;
	import flash.text.TextFieldAutoSize;
	import flash.utils.Dictionary;
 
	import jp.progression.casts.*;
	import jp.progression.commands.*;
	import jp.progression.scenes.SceneObject;
 
	import index.loading.Loading;
 
	public class FormScene extends SceneObject{
 
		public function FormScene(name:String=null, initObject:Object=null){
			super(name, initObject);
 
			this.onLoad		= this.onLoadHandler;
 
			this.container	= new CastSprite( { x:10, y:60 } );
			this.loading	= new Loading( { x:CastDocument.centerX, y:CastDocument.centerY } );	//ローディングを画面中央に生成
		}
 
		public var request:URLRequest;
		public var dictionary:Dictionary;
		public var container:CastSprite;
		public var loading:Loading;
 
		protected function onLoadHandler():void{
			this.addCommand(
				new AddChild( this.progression.container, this.container ),
				new LoadURL( new URLRequest( "http://sample.nipx.jp/wordpress/?page_id=125" ) ),
				new Func( function():void{
					setup( new XML( this.latestData ), this );
				})
			)
		}
 
		public function dummySend(doc:XML):Boolean{
			var span:XMLList = doc.descendants("span");
			var n:uint = 0;
			for each(var node:XML in span){
				if( node.@["class"] == "wpcf7-not-valid-tip-no-ajax" ){
					n++;
				}
			}
			return ( n == 1 );
		}
 
		//WordPressからのxhtmlを受け取りフォーム画面を生成 //doc = wpからのxhtml, comm = このメソッドはFuncコマンドから実行。そのFuncへの参照
		public function setup( doc:XML, comm:Func=null ):void{
			//trace( doc )
			//フォームの送信先を設定
			request	= new URLRequest( "http://sample.nipx.jp" + doc.form.@action );
			request.method = ( doc.form.@method == "post" ) ? URLRequestMethod.POST : URLRequestMethod.GET;
 
			//送信時使う値を格納するDictionary
			dictionary = new Dictionary( true );
 
			//フォーム生成に利用する変数
			var xml:XML;		//xml
			var x:Number = 0;	//エレメントのx座標
			var y:Number = 0;	//エレメントのy座標
			var h:Number = 0;	//エレメントの高さを一時的に格納
 
			//フロートメッセージ
			if( doc.div.text().length() ){	//メッセージがあれば処理する
				//表示メッセージを生成
				var format:TextFormat		= new TextFormat( "ヒラギノ角ゴ Pro W6", 16, 0x333333 );
				var field:CastTextField		= new CastTextField( { x:0, y:0 } );
					field.defaultTextFormat	= format;
					field.autoSize			= TextFieldAutoSize.LEFT;
					field.text				= doc.div.text();
					field.x					= CastDocument.centerX - field.width /2;
					field.y					= CastDocument.centerY - field.height/2;
					//送信された時
					//if(field.text == "あなたのメッセージは送信されました。ありがとうございました。"){	//正しいif文
					if(field.text == "入力内容に不備があります。確認してもう一度送信してください。" && dummySend( doc ) ){	//ダミー対応
						field.text = "以上のようにFlashからにフォームを利用できます。ありがとうございました。";				//ダミー対応
						field.x = CastDocument.centerX - field.width /2;										//ダミー対応
						field.y = CastDocument.centerY - field.height/2;										//ダミー対応
						//メッセージを表示、フォームを非表示、以降のコマンドを削除をコマンドリストに追加
						comm.parent.insertCommand(
							new AddChild( progression.stage, field, { autoAlpha:250 } ),
							new DoTweener( this.container, { alpha:0, transition:"easeOutSine", time:1 } ),
							new Wait( 2000 ),
							new RemoveChild( progression.stage, field, { autoAlpha:250 } ),
							new Break()
						);		
						return void;
					}
					//送信されない時
					else{
						//メッセージを表示し再度フォームを表示をコマンドリストん追加
						comm.parent.insertCommand(
							new AddChild( progression.stage, field, { autoAlpha:250 } ),
							new Wait( 2000 ),
							new RemoveChild( progression.stage, field, { autoAlpha:250 } )
						);
					}		
			}	
 
			//以前のフォームエレメントを削除
			this.container.removeAllChildren();
 
			//hiddenの設定 wpから得るxhtmlの冒頭にhiddenを格納
			var hidden:XMLList	= doc.descendants("input");
				hidden = hidden.( @type == "hidden" );
			for each( xml in hidden){
				dictionary[ xml.@name.toString() ] = xml.@value;
			}
 
			//フォーム要素の設定　wpから得るxhtmlについてpタグ毎にエレメントを納めている
			var p:XMLList		= doc.descendants("p");
			//エレメントの数繰り返す
			for each( xml in p ){
				if( xml.@["class"] == "captcha1" || xml.@["class"] == "captcha2" ){
					break;
				}
				x = 150;			//左の位置を初期化
				h = 0;				//エレメントの高さを初期化
				//ラベルがあれば表示、ラベルはpタグのテキスト要素として記述されている
				if( xml.text() ){
					var label:Label = new Label();
						label.textField.autoSize = TextFieldAutoSize.LEFT;
						label.text = xml.text();
						label.y = y;
					new AddChild( container, label ).execute();
				}
				//エレメントの種類によりタグが異なる為、必要な判別値を用意
				var className:String = xml.span.span.@["class"];
				var input:XMLList = xml.descendants("input");
				var node:XML;	//繰り返し時にxmlを格納する変数
 
				//ラジオボタンの場合（class名wpcf7-radioのspanにが囲まれている）
				if( className == "wpcf7-radio" ){
					var group:RadioButtonGroup;		//ラジオボタンのグループ
					for each( node in input ){
						var radio:RadioButton = new RadioButton();
							radio.x = x;
							radio.y = y;
							group = ( group == null ) ? new RadioButtonGroup( node.@name ) : group;
							radio.group = group;
							radio.label = node.@value;
							radio.value = node.@value;
							radio.selected = (node.@checked == "checked");
							new AddChild( container, radio ).execute();
							radio.textField.autoSize = TextFieldAutoSize.LEFT;
							x+= radio.textField.width + 25;		//次のラジオボタンのx位置を設定
							h = radio.height;
					}
					dictionary[ node.@name.toString() ] = group;
				}
				//チェックボックスの場合
				else if( className == "wpcf7-checkbox" ){
					var arr:Array = [];				//このpタグのチェックボックスのインスタンスを格納
					for each( node in input ){
						var checkbox:CheckBox = new CheckBox();
							checkbox.x = x;
							checkbox.y = y;
							checkbox.label = node.@value;
							checkbox.selected = (node.@checked == "checked");
							new AddChild( container, checkbox ).execute();
							arr.push( checkbox );
							checkbox.textField.autoSize = TextFieldAutoSize.LEFT;
							x+= checkbox.textField.width + 25;		//次のチェックボックスのx位置を設定
							h = checkbox.height;
					}
					dictionary[ node.@name.toString() ] = arr;		//Dictionaryに登録
				}
				else{
					for each( node in input ){
						//テキストの場合
						if( node.@type == "text" ){
							var text:TextInput = new TextInput();
								text.x = x;
								text.y = y;
								text.width = 250;
								text.text = node.@value;
							new AddChild( container, text ).execute();
							dictionary[ node.@name.toString() ] = text;
							x+= text.width;
							h = text.height;
						}
						//送信ボタンの場合
						else if( node.@type == "submit" ){
							var submit:Button = new Button();
								submit.x = x;
								submit.y = y;
								submit.width = 50;
								submit.label = node.@value;
							new AddChild( container, submit ).execute();
							//dictionary[ node.@name.toString() ] = submit;
							submit.addEventListener( MouseEvent.MOUSE_DOWN, mouseDownHandler, false, 0, true );
							h = submit.height;
						}
					}
					//セレクトボックスの場合（ここではプルダウンのみの想定）
					var select:XMLList = xml.descendants("select");
					if( select ){
						for each( node in select ){
							var combobox:ComboBox = new ComboBox();
								combobox.x = x;
								combobox.y = y;
								combobox.width = 75;
								var option:XMLList = node.option;
								var num:uint = 0;
								for( var i=0; i<option.length(); i++ ){
									var op:XML = option[i];
									num = ( op.@selected == "selected" ) ? i : num;
									combobox.addItem( { label:op.text(), data:op.@value } )
								}
								combobox.selectedIndex = num;
							new AddChild( container, combobox ).execute();
							dictionary[ node.@name.toString() ] = combobox;
							x+= combobox.width;
							h = combobox.height;
						}
					}
					//テキストエリアの場合
					var textareaList:XMLList = xml.descendants("textarea");
					if( textareaList ){
						for each( node in textareaList ){
							var textarea:TextArea = new TextArea();
								textarea.x = x;
								textarea.y = y;
								textarea.width = 250;
								textarea.height= 100;
								textarea.text= node.text();
							new AddChild( container, textarea ).execute();
							dictionary[ node.@name.toString() ] = textarea;
							x+= textarea.width;
							h = textarea.height;
						}
					}
					//エラーメッセージがあればフォームエレメントの右に表示
					var span:XMLList	= xml.descendants("span");
						for each( node in span ){
							if( node.(@["class"] == "wpcf7-not-valid-tip-no-ajax" ) ){
								var msg:Label = new Label();
									msg.textField.autoSize = TextFieldAutoSize.LEFT;
									msg.text = node.text();
									msg.x = x;
									msg.y = y;
								new AddChild( container, msg ).execute();
							}
						}
 
 
				}
				//次の座標を設定
				y+=h;
				y+=10;
			}
		}
 
		//送信ボタンを押したら送信実行
		public function mouseDownHandler(e:MouseEvent):void{
			//変数オブジェクトを生成
			var vars:URLVariables = new URLVariables();
			//dictionaryを参照しキーと値を設定
			for( var i:String in dictionary ){
				var target	= dictionary[i];
				if( target is TextInput || target is TextArea ){	//TextInputかTextAreaならtextを格納
					vars[ i ] = target.text;
				}
				else if( target is Array ){	//Array（チェックボックス）なら配列にチェック済みの値（ラベル）を格納
					var arr:Array = [];
					for( var a=0; a<target.length; a++ ){
						var checkbox:CheckBox = target[a] as CheckBox;
						if( checkbox.selected ){
							arr.push( checkbox.label )
						}
					}
					vars[ i ] = arr;
				}
				else if( target is RadioButtonGroup ){	//ラジオボタンなら選択されている値を格納
					if( target.selection ){
						vars[ i ] = target.selection.value;
					}
				}
				else if( target is ComboBox ){			//セレクトボックスなら選択されている値を格納
					vars[ i ] = target.selectedItem.data;
				}
				else{	//それ以外（ここではhidden）
					vars[ i ] = target;
				}
 
			}
			//変数をリクエストデータに登録
			this.request.data = vars;
			//WPに送信
			var comm:SerialList = new SerialList();
				comm.addCommand(
					new AddChild( this.progression.container, this.loading ),
					new DoTweener( this.container, { _Blur_blurX:20, _Blur_blurY:20, _Blur_quality:3, alpha:0.5, transition:"easeOutSine", time:0.5 } ),
					new LoadURL( this.request ),
					new RemoveChild( this.progression.container, this.loading ),
					new Func( function():void{
						setup( new XML( this.latestData ), this );
					}),
					new DoTweener( this.container, { _Blur_blurX:0, _Blur_blurY:0, _Blur_quality:3, alpha:1, transition:"easeOutSine", time:0.5 } ),
					new Prop( this.container, { filters:null } )
				)
				comm.execute();
		}
 
	}
}

結論。フォームはHTMLがいいと思う。

WordPressとFlashの連携（並び替え）

kosuke — Sun, 05 Apr 2009 02:26:45 +0000

カスタムフィールドの値で並び替えがしたい。実はこれが標準では出来ないようです。標準だと昇順・降順の指定は可能、並び替えのキーは対象（query_postsの並び替え引数を参照）がいくつかあるものの、カスタムフィールドの値は並び替えの対象に出来ない。さらにいわゆる「ABC」順だけのようで、数字として比較するとかも出来ない模様。WPは元々ブログのシステムであって、ブログに使うなら（それが本来な訳だけど）確かに並び替えはそういくつも必要なさそうだものね。そこで並び替えを考えてみます。

いろいろ調べてみたのだけれど、カスタムフィールドっていうのもWPの最近のバージョンから実装されたものらしく、Flashと連携とか以前に並び替え自体の解決策がなかなか見つからなかった。参考に出来そうなのが以下の記事。

WordPress › フォーラム » カスタムフィールドの値で並べ替え
 [WP]カスタムフィールドの値で記事を並び替える

[WP]カスタムフィールドの値で記事を並び替えるは、意図通りなのですがデザイナーにはチトつらいものがある…。もっとスマートに出来ないものかと探したらありました。使えそうなプラグインが。それが、

WP Smart Sort
です。名前からしてスマートそう。

このプラグインも管理画面からインストール可能。インストールすると管理画面の設定にコンパネが追加されます。このコンパネで設定。

まず設定したカスタムフィールドのキーがすべて記載されているので、並び替えに使いたいキーのDisplay Textに解りやすいラベルを入力、数字として並び替えたいカスタムフィールドはIs Numericにチェックを入れて追加ボタンをクリック。

カスタムフィールドだけでなく投稿タイトルや投稿者等の並び替え設定もある。

デフォルトの並び順、カテゴリー毎に並び順を指定することも出来る。

並び替えをどう実行するかというと通常はサイドバーにウィジェットとして追加できるようになっている。
今回はFlashから使うのが目的なのでウィジェットは使わない。Other Optionのプルダウンに表示されているラベル等を参照して並び替えのキーを把握します。

例：上のキャプチャのOther Optionなら
Title（_Title-pm）DESC
の
_Title-pmが並び替えのキー
DESCが並び順のキー（昇順（asc）・降順（desc）
となります。

これがわかったらこれまでと同じくクエリに追加。テンプレート側で値をとってquery_postsの引数に追加します。

引数は
ssort = 並び替えのキー
sdir = 並び順のキー

 /*
Template Name:cms-sort
*/ ?>

header( "Content-Type: text/xml; charset=" . get_option( 'blog_charset' ) );
echo ' . get_option( 'blog_charset' ) . '"?' . '>';
?>
 

$ssort = $_GET['ssort'];
$sdir = $_GET['sdir'];
 
$posts_per_page = 5;
 
$paged = get_query_var('paged');
$paged = ( $paged ) ? $paged : 1;
?>
 query_posts("posts_per_page=$posts_per_page&paged=$paged&ssort=$ssort&sdir=$sdir"); ?>

$numposts = $wp_query->found_posts;
?>
 echo $numposts ?>" posts_per_page=" echo $posts_per_page ?>" paged=" echo $paged ?>">
	 if (have_posts()) : ?>
		 while (have_posts()) : the_post(); ?>
 
 echo c2c_get_custom("Release"); ?>" 
flv=" echo c2c_get_custom("FlV"); ?>" 
image=" echo c2c_get_custom("Image"); ?>" 
title=" echo c2c_get_custom("Title"); ?>" 
song=" echo c2c_get_custom("Song"); ?>" 
artist=" echo c2c_get_custom("Artist"); ?>"
>
 echo c2c_get_custom("Ditail"); ?>

 
		 endwhile; ?>
 

?>
 
	 else : endif; ?>

Flashと連動

ちょっと解りにくくてすみませんが、
http://sample.nipx.jp/wordpress/と見比べれは、Titleで昇順、Releaseを数字評価し昇順、それぞれで並び変わることがわかるかと思います。

WordPressとFlashの連携（検索する）

kosuke — Sat, 04 Apr 2009 05:28:52 +0000

WordPressループのクエリ指定、query_posts(’arguments’)は、引数の指定によって検索も出来るようです。ようですっていうのは公式のリファレンスに記載が無いようなのでソース不足。よって動いているよってことで。

渡す引数は、
s = 検索文言

ただクエリを渡す時、そのままs=〜って渡すと通常の検索結果ページが表示されちゃう。
これはWPの仕組み上あらかじめどのページの時にどのテンプレートで表示するって優先度が決まっているからで、検索結果ページが表示されるってことで、この「s」ってパラメーターがあると最優先テンプレートが検索結果ページと判断されるからだと思います。

固定ページのURL（クエリ無し）を表示 = xmlが表示される = 期待通り
http://sample.nipx.jp/wordpress/?page_id=118

固定ページのURLにクエリにs=〜を渡す = 検索結果ページが表示される
http://sample.nipx.jp/wordpress/?page_id=118&s=nasa

なので、別のキーで検索の値を渡して、query_postsのパラメーターにはsで渡すようにしました。
http://sample.nipx.jp/wordpress/?page_id=118&search=nasa

テンプレートではsearchの値を取ってきます。
その値をquery_postsの引数sの値とします。

';
 /*
Template Name:cms-search
*/ ?>

header( "Content-Type: text/xml; charset=" . get_option( 'blog_charset' ) );
echo ' . get_option( 'blog_charset' ) . '"?' . '>';
?>
 

$search = $_GET['search'];
 
$posts_per_page = 5;
 
$paged = get_query_var('paged');
$paged = ( $paged ) ? $paged : 1;
?>
 query_posts("posts_per_page=$posts_per_page&paged=$paged&s=$search"); ?>

$numposts = $wp_query->found_posts;
?>
 echo $numposts ?>" posts_per_page=" echo $posts_per_page ?>" paged=" echo $paged ?>">
	 if (have_posts()) : ?>
		 while (have_posts()) : the_post(); ?>
 
 echo c2c_get_custom("Release"); ?>" 
flv=" echo c2c_get_custom("FlV"); ?>" 
image=" echo c2c_get_custom("Image"); ?>" 
title=" echo c2c_get_custom("Title"); ?>" 
song=" echo c2c_get_custom("Song"); ?>" 
artist=" echo c2c_get_custom("Artist"); ?>"
>
 echo c2c_get_custom("Ditail"); ?>

 
		 endwhile; ?>
 
	 else : endif; ?>

Flashからクエリを投げて検索後のxmlを元に表示します。
Flashと連動 http://sample.nipx.jp/search/#?search=nasa

通常のブログ表示で同じ検索を確認
http://sample.nipx.jp/wordpress/?s=nasa

WordPressとFlashの連携（メタデータを本文に表示する）

kosuke — Thu, 02 Apr 2009 11:49:45 +0000

Custom Field Template pluginの設定でカスタムフィールドの値を本文に表示することができます。
カスタムフィールドの値を取得して固定ページでxmlを出力するなら、通常のエントリー本文にカスタムフィールドの値を表示する必要性はなさそうですが、通常のエントリーにカスタムフィールドの値を表示すれば、確認は便利そう。そう思って、
http://sample.nipx.jp/wordpress/
では、カスタムフィールドの値を表示しています。この本文への表示について試したことを記録しておこう。

Custom Field Template pluginでは、本文に
[cft]
って記述すると、その部分をカスタムフィールドの値をリストに置き換えて表示します。
この[cft]の置き換え対象にするには、カスタムフィールドの定義でoutput = trueと指定します。
さらに
[cft format=フォーマット番号]
って記述するとCustom Field Template pluginの設定の [cft] and [cftsearch] Shortcode Formatコンパネで指定したフォーマットで置き換えが可能でした。

さらに、さらに
Custom Field Template pluginの設定のAuto Hook of `the_content()` (Experimental Option)コンパネで指定すると、投稿の前後等に特定の記述が指定できるので、ここに[cft]とかを指定すると毎回投稿に[cft]と記述しなくてもよくなる。

どうですか？場合によっちゃぁ、便利かもしれない…。そんな感じだよなぁー…。

ところで固定ページを作らずWP全体をFlashで読み込むこと前提にカスタマイズしちゃうみたいなことも出来るハズ。
Flash読み込み専用のxmlテーマなるものを作るみたいな感じで。誰かやってくれませんかね…。

WordPressとFlashの連携（ページ分けをしたい）

kosuke — Wed, 01 Apr 2009 15:04:36 +0000

前回の内容は、WordPressを使わない場合に置き換えるなら、ひとつのxmlファイルを使う想定になると思います。xmlの子ノードに記載される内容が一覧等に使う軽い内容なら、1000件あたって容量も処理時間も問題ないと思いますが、諸般の事情で複数ページに分けたい時もあると思います…。僕にはありました。今回はページ分けについて試した時の記録です。

ページの分け方もケース次第なので条件を設定。条件は全エントリーを対象にカテゴリーやタグなどで絞りこんで、1ページあたり5つのエントリーにしたxmlを生成。絞りこんだエントリー数分のページをxmlで出力するって条件でやってみました。

まずページを分ける最低限必要なことを考えて、必要な要素の取得方法を得る為にWordPressのタグリファレンスやGoogleと格闘すること小一時間…。やっとの思いで以下の手法を得る。

公開されている全エントリー数の取得
$count_posts = wp_count_posts();
$published_posts = $count_posts->publish;
参考：
Function Reference/wp count posts « WordPress Codex

絞りこんだ後のエントリー数の取得
$numposts = $wp_query->found_posts;
参考：
「○○件中 ○件を表示中」現在の位置、ページ数表示
 検索結果の件数を表示【WordPressカスタマイズメモ】

現在表示しているページ番号を取得
$paged = get_query_var(‘paged’);
参考：
WordPress › フォーラム » ページでページングを利用したい

ループ内のクエリを変更（エントリー取得の仕方を条件指定）
query_posts(‘arguments’)
WordPressループの前にこのテンプレートタグを設置して取得方法を指定できる。
渡す引数の例：
1ページに表示するエントリー数を指定 = posts_per_page
表示するページを指定 = paged
参考：
テンプレートタグ/query posts – WordPress Codex 日本語版

この辺がわかっていればページ分けは出来そう。
で、これらを使って、Flashでページを切り替えて表示するにあたり、FlashからWPにリクエストするURLにはクエリを設定してWordPress取得して処理する。
その結果出力されたxmlは、次回Flashからリクエストするのに必要な情報を付与する。
ってことが必要。

これを踏まえて以下のテンプレートを作ってみました。

 /*
Template Name:cms
*/ ?>

header( "Content-Type: text/xml; charset=" . get_option( 'blog_charset' ) );
echo ' . get_option( 'blog_charset' ) . '"?' . '>';
?>
 

//1ページに表示する投稿数を指定
$posts_per_page = 5;
 
//現在のページ
$paged = get_query_var('paged');
$paged = ( $paged ) ? $paged : 1;
?>
 query_posts("posts_per_page=$posts_per_page&paged=$paged"); ?>

$numposts = $wp_query->found_posts;
?>
 echo $numposts ?>" posts_per_page=" echo $posts_per_page ?>" paged=" echo $paged ?>">
	 if (have_posts()) : ?>
		 while (have_posts()) : the_post(); ?>
 
 echo c2c_get_custom("Release"); ?>" 
flv=" echo c2c_get_custom("FlV"); ?>" 
image=" echo c2c_get_custom("Image"); ?>" 
title=" echo c2c_get_custom("Title"); ?>" 
song=" echo c2c_get_custom("Song"); ?>" 
artist=" echo c2c_get_custom("Artist"); ?>"
>
 echo c2c_get_custom("Ditail"); ?>

 
		 endwhile; ?>
 
	 else : endif; ?>

実際にテスト版を作ってみた。（たまにいじっているので今後現状のまま公開し続けれるかわからないです。）上のテンプレート使っているXMLを出力する固定ページが以下です。

XMLのページ

で、通常のページでは確認用にメタ情報を本文に表示しています。
通常のページ
※サンプルで使っている映像素材は、無料のVJ素材映像素材 1 gdm.NETさんの素材をお借りしています。

cmsページのxmlを参照して動作しているSWFがこちら。
SWFのページ

Flashでxmlの処理しているところはこんな感じ。Progressionは非同期処理を書くのにも秀逸だね。

package index{
 
	import flash.net.URLRequest;
	import flash.xml.XMLNode;
 
	import index.btn.BtnNext;
	import index.btn.BtnPrev;
	import index.loading.Loading;
	import index.player.Player;
	import index.thumb.*;
 
	import jp.nium.utils.MathUtil;
	import jp.progression.*;
	import jp.progression.casts.*;
	import jp.progression.commands.*;
	import jp.progression.events.*;
	import jp.progression.loader.*;
	import jp.progression.scenes.*;
 
	public class IndexScene extends SceneObject{
 
		public function IndexScene(){
			this.title	= "sample";
			this.onInit		= this.onInitHandler;
 
			this.loading		= new Loading( { x:CastDocument.centerX, y:CastDocument.centerY } );
			this.thunbContainer	= new ThumbContainer();
			this.btnPrev		= new BtnPrev( { x:35, y:125 } );
			this.btnNext		= new BtnNext( { x:465, y:125 } );
		}
 
		public var loading:Loading;
		public var player:Player;
		public var btnPrev:BtnPrev;
		public var btnNext:BtnNext;
		public var thunbContainer:ThumbContainer;
		public var debugField:CastTextField;
 
		protected function onInitHandler():void{
			this.request( this.sceneInfo.query.toString() ).execute();
		}
 
		//WordPressにxmlをリクエストして表示するコマンドリスト
		public function request( q:String ):SerialList{	//qにはクエリの文字列
			var comm:SerialList = new SerialList();	//このコマンドリスト
				comm.addCommand(
					new RemoveChild( progression.container, thunbContainer ),
					new RemoveChild( progression.container, btnNext ),
					new RemoveChild( progression.container, btnPrev ),
					new AddChild( progression.container, loading ),
					new LoadURL( new URLRequest( "http://sample.nipx.jp/wordpress/?page_id=3&" + q ) ),
					new Func( function():void{
						var doc:XML = new XML(this.latestData);	//直前のコマンドからデータを取得
						var numposts:Number			= Number( doc.@numposts );	//このクエリで絞り込んだ場合の全エントリー数
						var posts_per_page:Number	= Number( doc.@posts_per_page );	//1ページに表示するエントリー数
						var paged:Number			= Number( doc.@paged );				//現在表示中のページ番号（1=最初）
							paged = ( !paged || paged < 1 ) ? 1 : paged;				//空の時、1より小さい時は1
						var max:Number = Math.ceil( numposts / posts_per_page );		//全エントリー数/1ページに表示するエントリー数 = 最大ページ数
 
						btnNext.sceneId = new SceneId( "/index", { paged:paged+1 } );	//次へボタンに新しいクエリを設定
						btnPrev.sceneId = new SceneId( "/index", { paged:paged-1 } );	//戻るボタンに新しいクエリを設定
						var margin:Number = 5;	//サムネイルを並べる時のマージン
						//サムネイルのコンテナを生成（画面中央に表示）
						thunbContainer = new ThumbContainer( {
							x:CastDocument.centerX - ( (Thumb.WIDTH * posts_per_page) + margin * (posts_per_page-1) ) / 2,	//サムネイルの幅*ページに表示する数、マージン*ページに表示する数-1
							y:CastDocument.centerY - Thumb.HEIGHT/2	//サムネイルの高さ/2上に移動
						});
 
						//xmlからサムネイルを生成
						var parallelList:ParallelList	= new ParallelList();	//外部イメージを表示する為コマンド
						var serialList:SerialList		= new SerialList();		//xmlの値を格納し外部イメージを読み込むコマンド
						//エントリー数繰り返し
						for( var i:uint=0; i<doc.entry.length(); i++ ){
							//ノードを格納しサムネイルのクリップを生成
							var node:XMLNode = doc.entry[i];
							var thumb:Thumb = new Thumb( { node:node, x:( Thumb.WIDTH + margin ) * i } );	//サムネイルへの参照
							var image:ThumbImage = thumb.image;											//サイネイルの画像への参照
								image.y = Thumb.HEIGHT * ( MathUtil.even(i) ? 1 : -1 );					//サムネイルの画像は交互に上下位置をずらして配置
							serialList.addCommand( new AddChild( thunbContainer, thumb ) );				//サムネイルを表示リストに追加するコマンドを設定
							parallelList.addCommand( new AddChild( thumb, image, { delay:i*150 } ) );	//サムネイルの画像をサムネイルに追加するコマンドを設定
						}
						//コマンドリストに設定
						this.parent.addCommand(
							serialList,		//サムネイル画像を順番に読み込み
							new RemoveChild( progression.container, loading ),		//読み込み完了後ローディングを非表示
							new AddChild( progression.container, thunbContainer ),	//サムネイルnコンテナを表示
							parallelList	//サムネイル画像を表示
						);
 
						//次へボタン（最後のページじゃなければ表示）
						if( paged < max ) this.parent.addCommand( new AddChild( progression.container, btnNext ) );
						else this.parent.addCommand( new RemoveChild( progression.container, btnNext ) );
 
						//戻るボタン（最初のページじゃなければ表示）
						if( 1 < paged ) this.parent.addCommand( new AddChild( progression.container, btnPrev ) );
						else this.parent.addCommand( new RemoveChild( progression.container, btnPrev ) );
 
					} )
				)
				return comm;	
		}
 
		//flvを表示するコマンドリスト
		public function flvOpen( flv:String ):SerialList{
			this.player = new Player( { flv:flv } );
			var comm:SerialList = new SerialList();
				comm.addCommand(
					new Prop( this.thunbContainer, { mouseChildren:false } ),
					new Prop( this.btnPrev, { mouseEnabled:false } ),
					new Prop( this.btnNext, { mouseEnabled:false } ),
					new AddChild( this.progression.container, this.player )
				)
			return comm;
		}
 
		//flvプを非表示するコマンドリスト
		public function flvClose():SerialList{
			var comm:SerialList = new SerialList();
				comm.addCommand(
					new Prop( this.thunbContainer, { mouseChildren:true } ),
					new Prop( this.btnPrev, { mouseEnabled:true } ),
					new Prop( this.btnNext, { mouseEnabled:true } ),
					new RemoveChild( this.progression.container, this.player )
				)
			return comm;
		}
 
	}
}

WordPressで.flvの拡張子を登録しないとエラーが表示される

kosuke — Mon, 30 Mar 2009 08:01:21 +0000

WordPressでムービーファイルなどの管理をする際、管理画面からメディアのアップロードを行いますが、管理画面からflvファイルをアップロードした時にエラーが表示されてアップできないことがあります。

この時に表示されるエラーは「ファイルタイプがセキュリティガイドラインを満たしていません。別のファイルタイプを試してください。」という以下のエラー。

ユーザーが管理者の権限だとこのエラーは起きずに無事アップロードできちゃうので最初は気づかなかった。調べてみたら公式ページにあっさり答えがありました。
FAQ/WordPress 2.5 – WordPress Codex 日本語版
特定のタイプのファイルがアップロードできなくて、”ファイルタイプがセキュリティガイドラインを満たしていません。別のファイルタイプを試してください。”と表示されます。

WPに定義していない拡張子はブロックされちゃうから登録してね、ということらしい。
なるほどflvじゃなくても知らない拡張子は全部NOってことね。

1）WordPressをCMSとして第三者に使ってもらうならユーザー権限を管理者以外にすることは多々あると思います。
2）Flashコンテンツの管理ページとしてWordPressを使うならflvをアップするケースは多々あると思います
3）1）と2）を満たすというケースが多少あると思います……というレアケースだろって話に備えて拡張子を登録しておきましょう。

公式のページの指示に従ってwordpressのディレクトリの中にあるwp-includes/functions.phpを開いて、wp_check_filetypeとwp_ext2type関数を修正。

wp_ext2type

function wp_ext2type( $ext ) {
	$ext2type = apply_filters('ext2type', array(
		'audio' => array('aac','ac3','aif','aiff','mp1','mp2','mp3','m3a','m4a','m4b','ogg','ram','wav','wma'),
		'video' => array('asf','avi','divx','dv','mov','mpg','mpeg','mp4','mpv','ogm','qt','rm','vob','wmv','flv','f4v'),
		'document' => array('doc','docx','pages','odt','rtf','pdf'),
		'spreadsheet' => array('xls','xlsx','numbers','ods'),
		'interactive' => array('ppt','pptx','key','odp','swf'),
		'text' => array('txt'),
		'archive' => array('tar','bz2','gz','cab','dmg','rar','sea','sit','sqx','zip'),
		'code' => array('css','html','php','js'),
	));
	foreach ( $ext2type as $type => $exts )
		if ( in_array($ext, $exts) )
			return $type;
}

‘video’ => array(‘asf’,'avi’,'divx’,'dv’,'mov’,'mpg’,'mpeg’,'mp4′,’mpv’,'ogm’,'qt’,'rm’,'vob’,'wmv’,‘flv’,'f4v’)

videoにflvを追加、ついでにFlashPlayer10からのMPEG4フォーマットの拡張子、f4vも登録しておく。
wp_ext2typeは、拡張子に対して表示されるアイコンを登録しているので正しいarrayに登録しよう。

wp_check_filetype

function wp_check_filetype( $filename, $mimes = null ) {
	// Accepted MIME types are set here as PCRE unless provided.
	$mimes = ( is_array( $mimes ) ) ? $mimes : apply_filters( 'upload_mimes', array(
		'flv' => 'video/x-flv',
		'f4v' => 'video/mp4',
		'jpg|jpeg|jpe' => 'image/jpeg',
		'gif' => 'image/gif',
		'png' => 'image/png',
		'bmp' => 'image/bmp',
		'tif|tiff' => 'image/tiff',
		'ico' => 'image/x-icon',
		'asf|asx|wax|wmv|wmx' => 'video/asf',
		'avi' => 'video/avi',
		'divx' => 'video/divx',
		'mov|qt' => 'video/quicktime',
		'mpeg|mpg|mpe|mp4' => 'video/mpeg',
		'txt|c|cc|h' => 'text/plain',
		'rtx' => 'text/richtext',
		'css' => 'text/css',
以下略

‘flv’ => ‘video/x-flv’
‘f4v’ => ‘video/mp4′

を適当なところに追加。

これで晴れて管理者以外でも、flvファイルとf4vファイルをアップできるようになる。
flv以外の未知の拡張子の時は、その用途にあったwp_ext2typeのarrayに登録して、MIMEタイプをwp_check_filetypeに登録すればよいかと。

WordPressとFlashの連携（カスタムフィールドの取得）

kosuke — Sun, 29 Mar 2009 15:51:49 +0000

前回Custom Field Template pluginで設定したカスタムフィールドの値を取得する為の記録。
カスタムフィードに入力した値は、メタ情報の扱いとなるので、そのままでは本文に載りません。

そこでFlashでカスタムフィールドの値を使えるように値を取り出してxmlに整形する必要があります。
で、この値を取り出す方法だけど、これも便利なプラグインがある。

Get Custom Field Values
がそれで、これを使うと、

 echo c2c_get_custom( 'キー', '値の前に付与する文字列', '値の後に付与する文字列' ); ?>

とするだけでキーのカスタムフィールドの値を取得できる。
第二、第三引数を指定すると、取得する値の前後に文字列を付与した結果が得られます。

例えば、

 echo c2c_get_custom( 'title', '', '
' ); ?>

とすれば、

タイトルの値

って結果が得られるって寸法。

この結果を表示する先は、以前のエントリーで紹介した5ive.blogさんの「WordPressでFlash用に複数のxmlを出力する方法」に習って専用ページを作ります。専用ページで使うテンプレートにはカスタムフィールドから取得した値をxmlに整形するよう定義する。

Custom Field Template pluginの設定で以下のカスタムフィールドを設定。

[FlV]
type = text
size = 35
blank = true
 
[Image]
type = text
size = 35
blank = true
 
[Title]
type = text
size = 35
blank = true
 
[Release]
type = text
size = 35
blank = true
 
[Song]
type = text
size = 35
blank = true
 
[Artist]
type = text
size = 35
blank = true
 
[Ditail]
type = textarea
cols = 40
rows = 10
blank = true

カスタムフィールドの値をxmlに整形するのテンプレートをcms.phpとして定義します。
そしてこれをテンプレートとして新しい固定ページcmsを新設します。

 /*
Template Name:cms
*/ ?>

header( "Content-Type: text/xml; charset=" . get_option( 'blog_charset' ) );
echo ' . get_option( 'blog_charset' ) . '"?' . '>';
?>
 

 query_posts(""); ?>
 if (have_posts()) : ?>
	 while (have_posts()) : the_post(); ?>
 
 echo c2c_get_custom("Release"); ?>" 
flv=" echo c2c_get_custom("FlV"); ?>" 
image=" echo c2c_get_custom("Image"); ?>" 
title=" echo c2c_get_custom("Title"); ?>" 
song=" echo c2c_get_custom("Song"); ?>" 
artist=" echo c2c_get_custom("Artist"); ?>"
>
 echo c2c_get_custom("Ditail"); ?>

 
	 endwhile; ?>
 
 endif; ?>

試しにカスタムフィールドに以下の値を入力してエントリーをしてみる。

[Flv] /wordpress/wp-content/uploads/2009/03/sample.f4v
[Image] /wordpress/wp-content/uploads/2009/03/sample.png”
[Release] 20090112
[Title] sample
[Song] sample_Song
[Artist] sample_Artist
[Ditail] sample_Ditail

エントリーが済んだらcmsページを表示すると以下のようなxmlが出力されます。

 version="1.0" encoding="UTF-8"?>
>
 
 
release="20090112" 
flv="/wordpress/wp-content/uploads/2009/03/sample.f4v" 
image="/wordpress/wp-content/uploads/2009/03/sample.png" 
title="sample" 
song="sample_Song" 
artist="sample_Artist"
>
sample_Ditail>
 
>

WordPressとFlashを連携させたい（入力編）

kosuke — Fri, 27 Mar 2009 10:40:51 +0000

WordPressをFlashコンテンツのCMSとして利用する方法を模索した記録。

やってみたいことは沢山ありますが、案件にも使えそうだし汎用性の高いところから手をつけてみる。ということでFlashで読み込むxmlファイルの管理にWPを使う方法から考えてみます。

その前に入力。ブログなのでそのままだとWPの投稿欄はタイトルと本文だけです。
この入力欄を使ってどうxmlを定義していくか。

本文の中に直接xmlのノードを書くってのもありだと思いますが、これだとxmlを直接編集するのとあまり違わないような気がして何だか残念ですよね。
そこで、カスタムフィールドを使ってみる。
これだとキーと値をセットにしてメタ情報として登録できる。
要は管理画面ではフォーム入力のように必要な値だけを入力してxmlを定義したいのでこのカスタムフィールドを使う方向で考えます。（＆なるべく楽に）

で、このカスタムフィールドなんだけれど、デフォルトだと一度使ったキーはドロップダウンメニューになるものの、複数のカスタムフィールドを使うのに都度「カスタムフィールドを追加」ボタンを押して入力欄を用意しなければいけない。
これは面倒だし管理画面として誰かに使ってもらうにはちょっと不親切だよね。
できれば、入力項目は一覧で表示したい。

これに便利なプラグインを発見。
Hiroaki Miyashita.さんの「Custom Field Template plugin」がそれです。
これを使わせていただくことにします。

Custom Field Template pluginはWP公式のWordPress plugin directoryにも登録されているので、インストールは管理画面から自動で行えます。インストールしたらプラグインを有効にして設定のコントロールパネルを開く。

インストール直後はサンプルが設定されているので、とりあえず僕は「オプションを削除する」を押してまっさらにしました。

で、「カスタムフィールドテンプレートオプション」に入力項目を定義していきます。

すると投稿画面に定義した項目のカスタムフィールドのコンパネが表示されます。

な感じで使います。自分的に便利になったことをざっと記録。

入力項目をテンプレートにまとめて一度に表示できる
さらに複数のテンプレートを切り替えることができる
テンプレートの説明書きを設定できる
テンプレートインストラクションで設定します。
入力項目に対して説明書きを定義できる
label = 入力項目に対する説明書き
初期値を設定できる
default = 初期値
空欄でも登録できる
blank = true
本文に表示できる
output = true
[cft] and [cftsearch] Shortcode Format
Auto Hook of `the_content()` (Experimental Option)
空欄でも登録できる
blank = true
自動でタグに登録できる
insertTag = true
入力項目にカスタムなJavaScriptを設定可能
ということはJavaScriptによる入力チェックが設定可能。やりたくは無いが。

と他にもありますが、至れり尽くせりで、これだけでもうお腹いっぱいです。
ごちそうさまでした。侍JAPAN、優勝おめでとうございます！

定番のWordPressテーマ

kosuke — Mon, 23 Mar 2009 09:27:34 +0000

ブログのデザインを変更するにあたりWordPressのテーマをいろいろ試してみた記録。

WordPressを昔から使っている人には、何を今更的な話と思いますがテーマはすごく豊富にあります。僕は使い始めたばかりなので、「あ、これってこのテーマなんだ」みたいに発見の連続でした。

ただねぇ、バッチリ気に入るテーマというものはなかなか無いもの。
気に入ったテーマも、いざ使ってみると、なんだか合わなかったりする。
テーマを作っているデザイナーは、圧倒的に外国人が多くて、日本語のブログにそのまま使っても体裁が良くなかったりするし、ラベリングも当然日本語でないので、その扱い（日本語表記にカスタマイズするしない、とか、手間とか…。）も悩む…。

なので比べてみるとデフォルトのKubrickテーマがよく出来ていることに気づくのだよね。飽きもこないし、WordPressがアップデートしても問題が起きる心配もない。よっぽどデフォルトでいんじゃないかと思ったのだけれど、いくつか変更したいところがあってテーマを探してみた。

選んだ基準は、
1）固定ページのメニューが綺麗に表示されること。
2）シンプルで読みやすいこと。
3）カスタマイズが容易なこと。

1）は、Kubrickだとウィジェットでサイドバーに固定ページのメニューを設置するだけってのが不満。固定ページ無しの時はよかったのだけれど、今回、AboutとかWorksとかを固定ページで新設したかった。

2）は、ブログなので何よりも一番に記事の読みやすいデザインがよいと思う。この点でKubrickは個別記事を表示した時、もう少し1行あたりの文章が多く表示できたほうがいいかなぁと思うくらいで、とても読みやすいと思う。MTから移行した時にこのkubrickの表示に合わせて本文に手をいれているので、なるべく同じような表示にしたいって理由もあるような、ないような…。

3）は、一般的なカスタマイズのことではない感じ。まんまテーマ使うんじゃなくて、どこかに独自なイメージを入れたいのだけれど、華麗に入れられそうかどうかがまず一つ。Kubrickが気に入っているのなら、1）2）はKubrickに手をいれることで実装するって方法もある訳で、そういう意味で自分的に変更したいものが比較して簡単にできるかって点でカスタマイズのしやすさが重要。

この結果、最終的にU-BOXってテーマを使わせていただいたのだけれど、他にも使ってみたいと思うテーマがあったのでブックマーク変わりに整理しよう。

Kubrickの進化系ともいうべき定番のテーマK2。これにしようかと最後迄悩んだ。K2をベースにカスタマイズされたテーマも沢山ある。最新版ではAjaxによるライブサーチや、ライブアーカイブ（ダイナミックに検索結果やアーカイブが表示される）みたいな先進の機能も実装されている。ORIOAさんが以前のバージョンの日本語化をされていました。

Hemingway

エントリーを二段に組むことと、巨大なフッタにまとめられたメニューがとにかくカッコイイHemingway。このスタイルを広めたとても有名なテーマ。もともとこのテーマを作っていた方はアップデートをやめていますが、Hemingwayを元にしたテーマを多くの有志のデザイナーが作っています。

参考
[WP]Hemingwayテーマから生まれたクールなWordPressテーマ15+1選
 Hemingway Reloaded

しかし、K2とかHemingwayとかってネーミングのセンス良すぎ。
日本語で同じセンスのネーミングしたらどうなるんだ。富士山とか鴎外とかでしょうか。あ、でもそれならカッコイイなぁ。

Sandbox

ページ構造を定義するPHPを含むテンプレートファイルと、レイアウトを行うファイル（スキン）とを切り離し、一つのテンプレートに対してスキンを切り替えることで見た目の変更をするテーマ。iDeasiloさんが日本語化しています。
この日本語化ファイルをSandboxに適用してスキンをいくつか試してみるとこの構造の意義がよくわかる。

参考
SANDBOX DESIGNS COMPETITION

wp.Vicuna

ご存知Vicuna。もちろん日本語。日本では得に人気のテーマだよね。Vicunaもスキンという考え方で一つのテンプレートに対し見た目の変更が可能。様々なブログプラットフォームに移植されている為、複数のプラットフォームで統一したりプラットフォームを変更した場合にとても有利に思う。見た目もクール。

Simpla

シンプルだけれど明確に色分けされた配色が絶妙。クールになりすぎない感じがいいなぁと思った。

Typograph

英語だとカッコイイ。男前な感じのタイポグラフィ。

使わせていただいたU-BOXテーマのデザイナー、Utomさんに感謝を込めて、Utomさんの作られたテーマをいくつか紹介。

U3 style

Kubrickがベース。

U4 style

WP2.7でうまく表示されないので少し古めのHemingwayがベースかな。

K2-U3 style

こちらもちょっと古めのK2がベースかな。

で、他にも沢山あったのですが、このブログは文章が長く入ってきたり短かったり、写真があったりイラストがあったりとコンテンツ内容が統一されていないので、文章には合うのだけれどイラストには合わないものとか、記事に対し見た目が柔らかすぎるとか、全部に合うテーマを探そうとするとなかなかありませんでした。

例えばHemingwayなんてスゴく好みなのだけれど、文章量の違うものが左右に入ると見栄えが悪かったし、左右にトーンの違うビジュアルが入ってきたら微妙だし。

そんな中でU-BOXは本文の幅がKubrickと同じ位の幅で読みやすい。レイアウトも崩れない。
フレームは本文に目を引きつけてくれるし、配色、角丸の具合ともクールすぎず、柔らかすぎずよいと思ったのです。
これがいやならあとはもう自分で気に入るよう作る位しかなさそうだったし。

ところで最近のテーマにはpotファイルが添付されていることがあります。作者次第で無いことも多いのですが。
これを使うとラベル単位で日本語に訳してpoファイルとmoファイルを作ることで日本語化できる。
potファイルの扱い方についてはClaps::blogさんの説明がわかりやすい。テーマだけでなくプラグインなんかにもpotファイルが添付されていることがあります。