やってることは Simple Colors さんと同じです。あ、でもパクリちゃいますよ。WordPress なんつー超メジャーなパブリッシングプラットホームじゃぁ大抵のことは既に誰かがやっています。検索したら類似記事があったけど、せっかくなので記事書こう、みたいな Web あるあるです。記事を書くからには人として知ってて丸無視はできませんので、先達に敬意を表することがオープンソースに生きる我ら Web クリエイターとしての礼儀ってもんです。

知り合いのマイナー（失礼な）ブログでなるほど記事を読んだしばらく後に、メジャーなブログで同じような記事を見かけたら残念な気持ちになりますよね。それが続くと　なんやろこれ　ってなりますよね。え、ならない？なりませんか！わぉ。

コード

テーマフォルダの functions.php に以下のコードを貼り付ければ OK です。

// [my_home_url] ショートコードを定義します。
add_shortcode( 'my_home_url', 'my_home_url' );
function my_home_url( $atts ) {
    return home_url();
}

// 投稿保存時に、本文内のドメイン付き絶対URL部分を [my_home_url] に置換します。
add_filter( 'wp_insert_post_data', 'my_insert_post_data', 10, 2 );		
function my_insert_post_data( $data, $postarr ) {
    $data['post_content'] = preg_replace( 
        '/'.preg_quote( home_url(), '/' ).'/', 
        '[my_home_url]', 
        $data['post_content'] 
    );
    return $data;	
}

// 管理画面での投稿編集時に  [my_home_url] をドメイン付き絶対URL に戻します。
add_filter( 'the_editor_content' , 'my_the_editor_content' );			
function my_the_editor_content( $content ) {
    return preg_replace( 
        '/'.preg_quote( '[my_home_url]' ).'/', 
        home_url(), 
        $content 
    );	
}

仕組み

1. 投稿の保存時に、本文内で 管理画面の［設定｜一般］の［サイトアドレス (URL)］に相当する部分 をショートコード [my_home_url] に置換します。
2. ショートコードなので、本文の取得＆表示時に 'the_content' フィルタを apply_filters() されると [my_home_url] がサイトアドレスに置換されます。
3. 投稿編集時は 'the_editor_content' フィルタで同上です。

これで画像のパスも別投稿へのリンクも、投稿本文中にあるドメイン付き絶対URL はひととおりヨキに計らってくれます。WordPress をインストールしたディレクトリとは別のディレクトリにサイトのホームページを設定したりしなかったりしても大丈夫です。また、クライアントがショートコードを目にすることもないので、何かと安心です。

ところでセキュアな URI スキームの場合はどうするんだい？と上司がイジワル言ってくるかもしれないので、その辺りは ジムさんのブログ を参考にご自身でチャレンジしてみてください。

追記
この方法はコンテンツを仕込む前に施しておく必要があります。既に記事を書きまくってしまった方は、ヲカモトさんのWordPress でドメイン移行したとき全URLを手っ取り早く変えるを参考にチェンジにチャレンジしてみてください。

動作確認バージョン

• WordPress 3.3.1

Contact Form 7 はなんでラジオボタンを必須にできないの？とみなさんおっしゃいます。ソレに対して Contact Form 7 のチェックボックス、ラジオボタン、メニュー のページでは、HTML の仕様 を見てみなはれと書かれています。Web 業界の中の人で仕様をちゃんと読んで仕事をする人の割合はだいたい消費税くらいなもんでしょうか。早く10%行くといいですね。
で、仕様を読んでみると「ラジオボタンてどれかひとつが選択されてなアカンやん。全部 OFF やったらブラウザがはじめのヤツを ON にしたったらええやん。ほんでもブラウザかてアテにならんでアンタがどれか ON にしとき。絶対やで。」言うてはります。
そう、必須も何もラジオボタンというのはハジメから「どれかひとつを選ばれてる状態にしておく」ものなのでした。さっそく default オプション で選択しておきましょう！

とは言っても

そんな HTML の仕様など関係無く毎日を生きてるおっちゃんおばちゃんとかは、未選択の状態から閲覧者にどれかひとつを選んで欲しいと言ってきます。未選択じゃなくても変わらないと思うのですが、そこはもうおっちゃんおばちゃんですから人の言うことなど聞く耳持ちません。Contact Form 7 ではそういうご要望に応えるため（かどうかは知らないぜ）に「チェックボックスを排他化する」という仕組みがあります。見た目はチェックボックスになりますが、選択できるのはひとつのみ。全 OFF の状態にもできます。すばらしい！

とは言っても2

おっちゃんおばちゃんですからラジオボタンの見た目がいいと言ってききません。じゃぁもう JavaScript で画像を使って見た目ラジオボタンにしたらええやんと思うのですが、そんなんメンドくさいやん、JavaScript 使えへんし、という方々のために以下のコードを捧げます。テーマの functions.php に貼付ければ OK◎

add_filter( 'wpcf7_validate_radio', 'my_validate_radio' ), 10, 2 );
function my_validate_radio( $result, $tag ) {
    $type = $tag['type'];
    $name = $tag['name'];

    if ( 'radio' == $type ) {
        if ( empty( $_POST[$name] ) ) {
            $result['valid'] = false;
            $result['reason'][$name] = wpcf7_get_message( 'invalid_required' );
        }
    }
        
    return $result;
}

※ radio* のタグ追加ではなくて、ラジオボタンならとにかく未選択は許さない仕様です。

動作確認バージョン

• Contact Form 7 3.1.2

テーマフォルダの functions.php に以下を追加します。

function my_result_count() {
  global $wp_query;

  $paged = get_query_var( 'paged' ) - 1;
  $ppp   = get_query_var( 'posts_per_page' );
  $count = $total = $wp_query->post_count;
  $from  = 0;
  if ( 0 < $ppp ) {
    $total = $wp_query->found_posts;
    if ( 0 < $paged )
      $from  = $paged * $ppp;
  }
  printf(
    '<p>全%1$s件中 %2$s%3$s件目を表示</p>',
    $total,
    ( 1 < $count ? ($from + 1 . '〜') : '' ),
    ($from + $count )
  );
}

使い方

index.php, archive.php, category.php, date.php などの記事一覧系テンプレートファイルに、以下のように書きます。

if ( have_posts() ) : 
  my_result_count();  // ここら辺で表示します
  while ( have_posts() ) :
    the_post();
    /* do stuff */
  endwhile;
else :
  /* Nothing Found */
endif;

ちなみに

「全部で◯件」を取得するだけなら以下のように書けば OK ◎

$count = 0 < get_query_var( 'posts_per_page' ) ? $wp_query->found_posts : $wp_query->post_count;

※ functions.php など、テンプレートファイル以外に書く場合は予め global $wp_query; の記述も必要です。

index.php などで

while( have_posts() ) : the_post();
    /* do stuff */
endwhile;

のように WordPress ループ（メインループ）の処理をいきなり書けるのは、テンプレートファイルが実行される時点ですでに「サイトにアクセスされた URL からクエリ変数を抽出し、それらの条件に一致する記事オブジェクトを取得している」からです。

そして、例えばホーム（トップページ）やサイドバーなどで、メインループとは別の条件で記事を取得（，出力）するループ処理がある場合、それらを複数ループ（Multiple Loops）と言います。
ここでよくある不具合が

• サイドバーやフッターで条件分岐タグが正しく判定されない。
• ページネーションが正しくできない。
• $post を使う関数の結果が正しくない。

などなど。。。エラーにならないけど値が変わっている、動作がおかしい、WordPress は不安定？と、謎現象として長らく恐れられています。

グローバル変数の扱いを理解しよう

複数ループは不安定、危険などと言われる原因は、ループ＆クエリーでのグローバル変数の扱いが十分に理解されていないことにあります。

以下は、ループ＆クエリーに関係のある主なグローバル変数です。

$wp_the_query ..... WP_Query オブジェクト。URL のクエリーバックアップ用。
$wp_query ......... WP_Query オブジェクト。カレントのクエリー。
$posts ............ クエリーを実行して取得した記事オブジェクトの配列。
$post ............. カレントの記事オブジェクト。

そして、これらのグローバル変数を上書きする関数は以下の通り。

query_posts() ........................ $wp_query を上書き。
the_post(), WP_Query::the_post() ..... $post を上書き。

テンプレートファイル内では $wp_query, $posts, $post はグローバル変数として宣言されているので、これらも何らかの値を代入すれば上書きされます。

さらに、上書きされたグローバル変数を復元する関数があります。

wp_reset_query() ........ $wp_query を $wp_the_query, $post を $wp_query->post で復元。
wp_reset_postdata() ..... $post を $wp_query->post で復元。

例えば is_category() などの条件分岐タグや posts_nav_link() などはグローバル変数の $wp_query を元にしています。「メインループの状態が欲しいのにグローバル変数を上書きしたまま復元していない」「グローバル変数を復元した後に複数ループ側の状態を取得している」といった現在のグローバル変数の状態を正しく認識していないことが、複数ループにまつわる問題の原因です。

正しい書き方

以下は、query_posts(), get_posts(), WP_Query() 各々についての、現在のところ副作用が無く不具合を作り込み難い書き方です。なお、いずれの関数／クラスも内部では最終的に WP_Query::get_posts() を実行しています。

query_posts()

$arg = array( 
    /* 省略 */ 
    'paged' => get_query_var( 'paged' ), // ページネーションするなら必須
);
query_posts( $args );
    while ( have_posts() ) : 
        the_post();
        /* do stuff 
           the_title(), the_permalink() 等使用可
        */
    endwhile;
    /* 必要なら endwhile 〜 wp_reset_query() の間でページネーション */
wp_reset_query();

グローバル変数の $wp_query, $post を使うテンプレートタグ／関数がそのまま利用できるので便利です。ちなみに

query_posts();
  /* */
query_posts();
  /* */
wp_reset_query();

のように複数の query_posts() の最後に wp_reset_query() しても問題ありませんが、気持ち悪いのでやめましょう。

get_posts()

$arg = array( 
    /* 省略 */ 
);
$my_posts = get_posts( $args );  //  $posts = とは書かない
    global $post;  // テンプレートファイル内なら書かなくても良い
    foreach ( $my_posts as $post ) : 
        setup_postdata( $post );
        /* do stuff 
           the_title(), the_permalink() 等使用可
        */
    endforeach;
wp_reset_postdata();

$posts = と書かないのは、$posts を復元する関数が用意されていないからです。他で使用されるフシが無く、

$GLOBALS['posts'] = & $wp_query->posts;

で復元すれば良さそうですが、余計なことはしない方が得策です。また、グローバル変数の $post を使用せず $my_post のようにも書けますが、the_title() などのテンプレートタグはグローバル $post 専用のため、echo get_the_title( $my_post ) のように書く必要があります。

ついでに get_posts(), get_children() は query_posts(), WP_Query()の WordPress ループの内側で入れ子ループとしても利用できます。そういえばメインループから見るとここで挙げている3つの関数／クラスはどれも二重ループの内側になりますね。

ただし query_posts(), get_posts(), WP_Query() の同じ関数／クラスでループを入れ子にするのはやめましょう。その必要はまずありませんし、労多くして得るもの少なしです。

WP_Query()

$arg = array( 
    /* 省略 */ 
);
$my_query = new WP_Query( $args );
    while ( $my_query->have_posts() ) : 
        $my_query->the_post();  // global の $post を上書きする
        /* do stuff 
           the_title(), the_permalink() 等使用可
        */
    endwhile;
wp_reset_postdata();

$my_query->the_post() がグローバル変数の $post を上書きすることに注意しましょう。これよりは query_posts() の方が素直で使い易いかな、と思います。

クエリーの改変

もしメインループとは別のループ、ではなく、メインループそのものを変更したいだけなら pre_get_posts アクションを使うと良いでしょう。WordPress はメインループ用に URL からクエリ変数を抽出し、条件に一致する記事オブジェクトを取得していますが、これにも WP_Query::get_posts() が使用されています。

pre_get_posts アクションは、WP_Query::get_posts() の内部でオリジナルのクエリーからクエリ変数や条件分岐タグ用の変数を設定した後かつ記事オブジェクトを取得する前に実行されるため、元のクエリーを判定して新たなクエリーを与えることができます。複数ループにする必要がなくメインループだけで完結するので、クエリ実行のコストが節約できますね。

例）カテゴリーアーカイブは1ページ20件で日付の昇順にする場合

テーマフォルダの functions.php に以下を追加します。

add_action( 'pre_get_posts', 'my_pre_get_posts' );
function my_pre_get_posts( $query ) {
    if ( ! is_admin() && is_category() ) {
        $query->set( 'posts_per_page', 20 );
        $query->set( 'order', 'ASC' );
    }
}

! is_admin() の条件が無いと、管理画面でも有効になります。

CONCLUSION

謎めいた現象に見えても、プログラムは書いた通りにしか動いていないのでした。仕組みがわかりさえすればとてもシンプルなことでしたね。

明日は @shinichiN さんです！お楽しみに！

動作確認バージョン

• WordPress 3.2.1

昔カリスマ美容師が流行ったときにテレビで見た、クマさんみたいなチャラくない美容師さんとモデルさんのやりとりにこんなクダリがありました。

みたいな。

クマさんは学校で学び習得した理論から、この女優の頭の形や髪の生え方・クセを計算して、髪の長さやカットの仕方を導き出しているわけではないんですね多分。もちろんそういうような理論はある気がしますが、それにハマっていないから彼にしかできないわけで、そらもうただ「なんとなく」なんていう理由なわけです。

ただしその「なんとなく」には理由があって、自分が一番シックリくることなんだと思います。それがその人のセンスであり、自分の脳内に快感物質が分泌されまくる方向です。多くの人がそのアウトプットをいいね！と感じるならセンスが良いということになるのでしょう。

このクマさんのカットの仕方を解析してみると、実に美しく理論的にまとめられるに違いありません。そして、その理論を習得した人はクマさんと同じようなカットができることでしょう。できない場合は、それは器用さとかスキルの限界なのかもしれません、ごめんなさい。

インプットを増やそう

ステキな曲を作り人々を感動させるアノ人だって、もしかしたら楽譜を読めないかもしれない。YOUNG GUITAR の表紙を飾る彼なんて、もしかしたらタブ譜しか読めないかもしれない。でも理論を学べば、表現が広がり生み出す力がもっと豊かになるでしょう。例えベタにも程がありますが、自分の力だけで何もかもを生み出すことはできません。より良いより多くのアウトプットができるように、多くを学びたいですね。

もちろん、理論として完成されたものを学ぶだけでなく、普段から良いものに触れておくことも大切だと思います。元ネタのブログにある「様々なWebデザインを見て引き出しを増やしておく」ことがそれですね。誰かが体系的にまとめていなくても、私達の脳はインプットすればするほど、それらをゴニョゴニョして自分の創造力にしてくれます。そしてその創造力やアウトプットの「程度」が「センス」なのかな、と思います。

分解能を上げよう

例えば、この画像：

大差はないかもしれませんが、右側は色々やりすぎに感じます。いやぁ、そんなん好みちゃうのん？って話かもしれませんが、ここで言いたいのは「この左右の違いを認識していて自分で描くときにどの程度が最適かを繊細に調整できるかどうか」ということです。「文字の上側にドロップシャドウを入れて型押しの効果を出す」ときに右の画像しか出てこないと、まだまだインプットが足りないかもしれません。

そしてインプットは漫然と「すげーなー」とか「ステキだなー」と眺めるだけではなくて、サイズや濃淡、距離など何故良いと感じるのかを細かく認識するようにすると良いでしょう。この認識の分解能の高さを上げることが、自分のセンスを鍛え、結果としてアウトプットのクオリティの高さにつながるような気がします。
この画像の差が「Web サイトの効果」にどれだけ影響するかは謎ですが、Web デザイナーと名乗るなら意識しておくと何かと良いかもしれませんね。

詳しくは Codex を参照してくださいですが、query_posts() や get_posts() など、PHP コードでなら以下のように書けますね。

query_posts( array(
    'post_type'  => 'staff',
    'meta_key'   => 'division',
    'meta_value' => 'sales',
    /* 他のパラメータは省略 */
) );

メタクエリーを使えば、複数の条件を組み合わせることができます。

query_posts( array(
    'meta_query' => array(
        array(
            'key'     => 'division',
            'value'   => 'sales',
        ),
        array(
            'key'     => 'gender',
            'value'   => 'male',
        ),
    ),
    /* 他のパラメータは省略 */
) );

簡単な方法

同様に URL にクエリパラメータを付ければできそうな気がしますが、

http://example.com/staff/?meta_key=division&meta_value=sales

ないなら、付け足せばいいじゃない的な解決方法が以下です。テーマフォルダの functions.php に書けば OK。

add_filter( 'query_vars', 'my_query_vars' );
function my_query_vars( $public_query_vars ) {
    return array_merge( $public_query_vars, array( 'meta_key', 'meta_value' ) );
}

これで、先ほどの ?meta_key=division&meta_value=sales が有効になります。ただし、複数の条件を指定することはできません。

よりクールな方法

いやでも URL に meta_key とか meta_value とかダサくないだろうか。えびちゃんドン引きしちゃうんじゃないだろうか。こんなことならカスタムフィールドじゃなくてカスタム分類（タクソノミー）で作っておけばよかった。カスタム分類なら、

http://example.com/staff/?division=sales

ってスマートに書けるのに。カスタム分類は敷居が高いからずっと避けていた。納期もアレだから安直にカスタムフィールドで済ませてしまっていた。いつまでもそうやって逃げてるの？そう言われて何も言い返せなかった。オレ、このままでいいんだろうか。。。

と、お悩みのアナタに以下のコードを捧げます。テーマの functions.php に書きましょう◎

global $my_public_query_vars;
$my_public_query_vars = array( 'division', 'gender' );

add_filter( 'query_vars', 'my_query_vars' );
function my_query_vars( $public_query_vars ) {
    global $my_public_query_vars;
    return array_merge( $public_query_vars, $my_public_query_vars );
}

add_action( 'pre_get_posts', 'my_pre_get_posts' );
function my_pre_get_posts( $query ) {
    if ( ! is_admin() && is_post_type_archive( 'staff' ) /* && 'staff' == $query->get( 'post_type' ) */ ) {
        $meta_query = array();
        
        global $my_public_query_vars;
        foreach ( $my_public_query_vars as $key ) {
            if ( $val = $query->get( $key ) ) {
                $meta_query[] = array(
                    'key'   => $key,
                    'value' => $val,
                );
            }
        }
        
        if ( ! empty( $meta_query ) ) {
            $query->set( 'meta_query', $meta_query );
        }
    }
}

もちろん、以下のような複数条件も指定できます。

http://example.com/staff/?division=sales&gender=male

おまけ：クエリ変数付きの URL を PHP で作る方法

投稿タイプが staff で、部署が sales で性別が male な URL は

add_query_arg( 
    array(
        'division' => 'sales',
        'gender'   => 'male',
    ),
    get_post_type_archive_link( 'staff' )
);

で作成できます。add_query_arg() って何やねん、と気になったコードジャンキーな方は PHPXref 0.7: WordPress でソース見てみてん◎

CONCLUSION

コンテンツ設計というかデータ設計というか、そういうものはしっかりキッチリ練っておきましょうね！

動作確認バージョン

• WordPress 3.2.1

WPでカテゴリAのRSSを配信する際に、カテゴリAとBに登録してるエントリは省きたいんだけど、そゆことできるのかしら。

2011.11.29 3:43 pm via TweenReplyRetweetFavorite

@take_it02

たけ

はい、できます！

言い換えると

• カテゴリーID：1に属する記事を配信、かつ
• カテゴリーID：2に属する記事は配信しない

となりますので（例ね）、我らがクエリ改変の切り札 pre_get_posts アクションを使って、そのままの処理を テーマフォルダの functions.php に記述します。

add_action( 'pre_get_posts', 'my_pre_get_posts' );
function my_pre_get_posts( $query ) {
    if ( is_feed() ) {    // フィードだったら
        $query->set( 'category__in'    , 1 );  // カテゴリーID：1を含める      
        $query->set( 'category__not_in', 2 );  // カテゴリーID：2は含めない
    }
}

動作テストする時はフィードの内容が即時反映されるように、記事を追加したり削除したりして WordPress に「ぁ、記事集め直さなかん」って思わせるようにしてね（はぁと

もちろん、含める／含めないカテゴリーは以下のように複数指定できます。

add_action( 'pre_get_posts', 'my_pre_get_posts' );
function my_pre_get_posts( $query ) {
    if ( is_feed() ) {    // フィードだったら
        $query->set( 'category__in'    , array( 1, 2, 3 ) );  // カテゴリーID：1, 2, 3 を含める      
        $query->set( 'category__not_in', array( 4, 5, 6 ) );  // カテゴリーID：4, 5, 6 は含めない
    }
}

動作確認バージョン

• WordPress 3.1.3

• カスタムフィールドに入力した日付を元に、年別アーカイブ一覧を出力したり年別アーカイブを表示したりする。
• カスタムフィールドの値の書式は 'yyyy年mm月dd日'。
• カスタムフィールドのキーは 英数字。

使い方

wp_get_archives() とほぼ同じですが、パラメータがちょびっと違ってます。

書式

<?php 
my_get_year_archives( array(
	'date_field' => 'mydate',
) );
?>

パラメータ

• type
  このパラメータはありません。
• datre_field
  （文字列）日付用のカスタムフィールドのキー。初期値は 'date'。

コード

以下をテーマの functions.php にペッとすれば OK◎ タブが激しいですけど、気にしないで。

<?php
function my_get_year_archives( $args = '' ) {
	global $wpdb, $wp_locale;

	$defaults = array(
		'date_field' => 'date',
		'format' => 'html',
		'echo' => true,
		'limit' => '',
		'before' => '',
		'after' => '', 
		'show_post_count' => false,
	);

	$r = wp_parse_args( $args, $defaults );
	extract( $r, EXTR_SKIP );

	if ( '' != $limit ) {
		$limit = absint( $limit );
		$limit = ' LIMIT '.$limit;
	}

	$field  = 'm.meta_value';
	$select = "SELECT SUBSTRING($field,1,4) AS `year`, count(p.ID) AS posts";
	$where  = "WHERE p.post_type = 'post' AND p.post_status = 'publish'";
	$where .= $wpdb->prepare( ' AND m.meta_key = %s', $date_field );
	$join   = " INNER JOIN $wpdb->postmeta AS m ON m.post_id = p.ID";
	
	$where  = apply_filters( 'getarchives_where', $where, $r );
	$join   = apply_filters( 'getarchives_join' , $join , $r );

	$output = '';
	$query = "$select FROM $wpdb->posts AS p $join $where GROUP BY SUBSTRING($field,1,4) ORDER BY $field DESC $limit";
	$key = md5( $query );
	$cache = wp_cache_get( 'my_get_year_archives' , 'general' );
	if ( !isset( $cache[ $key ] ) ) {
		$arcresults = $wpdb->get_results( $query );
		$cache[ $key ] = $arcresults;
		wp_cache_set( 'my_get_year_archives', $cache, 'general' );
	} else {
		$arcresults = $cache[ $key ];
	}

	if ( $arcresults ) {
		$afterafter = $after;
		foreach ( (array) $arcresults as $arcresult ) {
			$url = add_query_arg( array( 'meta_key' => $date_field ), get_year_link( $arcresult->year ) );
			$text = sprintf( '%d', $arcresult->year );
			if ($show_post_count)
				$after = '&nbsp;('.$arcresult->posts.')' . $afterafter;
			$output .= get_archives_link( $url, $text, $format, $before, $after );
		}
	}
		
	if ( $echo )
		echo $output;
	else
		return $output;
}

add_action( 'init', 'my_init' );
function my_init() {
	global $wp;
	$wp->add_query_var( 'meta_key' );
}

add_action( 'pre_get_posts', 'my_pre_get_posts' );
function my_pre_get_posts( $query ) {
	if ( $query->is_year ) {
		$meta_query = array(
			array( 
				'key'     => $query->get( 'meta_key' ),
				'value'   => $query->get( 'year'     ),
				'compare' => 'LIKE'
			),
		);
				
		$query->set( 'meta_query' , $meta_query );
		$query->set( 'year'       , ''          );
		$query->set( 'date'       , ''          );
		$query->set( 'meta_key'   , ''          );
	}
} 
?>

ポイント

my_get_year_archives()

• 指定されたカスタムフィールドの始めの4文字を「年」として、その年に記事が何件あるかを取得します。
• 年アーカイブのリンクに日付用のカスタムフィールドのキーをクエリ変数としてくっつけます。

my_init()

• パブリックなクエリ変数に meta_key を追加します。
  これをしとくと URL の後ろに '?meta_key=なんちゃら' の書式でお好みのクエリ変数が使えるようになります。パブリックなクエリ変数には元々どんなものがあるかは wp-includes/class-wp.php の始めの方にある $public_query_vars を見るといいですよ。

my_pre_get_posts()
※WordPress は URL を元にどういう風に記事を取得するか判断します。pre_get_posts アクションではこの「どういう風に」の部分をコッソリ改変することができます。

• 年別アーカイブなら、meta_key で指定されたカスタムフィールドの値で該当する記事が取得されるように meta_query を仕込みます。

CONCLUSION

フォーラムのご質問の仕様ビッチビチに作ってますので「私のやりたいことと微妙に違うの。」というえびちゃんは、このエントリーを参考に自分で何とかしてみてください。

でも、もしあなたが何日も解決できなくて泣きそうになったり、そんなんハナから自分でやるツモリのないえびちゃんだったりしたときは、wpxtreme までお気軽に お問い合わせ ください。

wpxtreme では、カスタマイズ1案件につき基本 10,500円（税込）にて承っております。数時間後〜どんなに重いカスタマイズでも翌日には納品いたしますよ。これまでたくさんの方々にお喜びいただいております。

さぁ！次はあなたの番です。きっと、圧倒的なスピードとクオリティで異次元のコストパフォーマンスを体験していただけることでしょう。

以上、あからさまな PR でした。

動作確認バージョン

• WordPress 3.1.3

んもぅ！何度も何度も出てきやがってこいつめ！今ちょっと混んでるけどしばらくすれば登録できるから！感出しやがってからに！登録できる気配がまるでないので、もしかしてこういう詐欺商法かな、と思ってしまいました。
今回気づいたんですけど、Mac の場合、インストールとかがスンナリいかないと当該のアプリケーションに ウラアァァァァァアア！と呪いをかけてます。でも、Windows を使ってた頃は OS にオマエのせいじゃアァァッァア！と呪いをかけてましたね。。。

ググる

なんか問題があった場合は、まずググりましょう！ググれカス！ってどっかのオッサンも言ってましたし！Versions には Google グループ があるのでソコが検索でひっかかります。言い換えると他には情報がありません。で、ソコでさらに検索するとひどい状況 を目の当たりにできます。おぉぉ、もしかしてオレ $39 捨ててしもたんか。。。残念ながら、ググっても解決できませんでした。カスって言う人がカスなんだとボクは思います。

@versionapp でも登録できない件についてちょいちょい問い合わせられてますね。毎度「とりあえずメールして！」って返信してはるけど解決してるんやろか。

サポートに問い合わせる

てか購入した製品で問題があったなら、まずサポートに問い合わせればいいじゃない！なんで知恵袋で訊いたりするわけ？知恵袋ってアレよね、なんか SNS 的使い方されてるのね。公開 DM みたいなんとか。ほぇーって感じ。恋愛カテとか業者の自演か全力中高生ばかりでとても癒されるし。ほぇー。
それはともかく「サポートのレスポンス悪いんじゃ！」みたいなのをさっきいっぱい目にした気がしますが Versions サポートページ の［Email］でイヤミちっくに［Inquiry Type］を "Bug Report" にしたら「登録できんよー」の旨を伝えましょう。

で、帰ってきたお返事をまとめると：

• ファイアウォール、プロキシ、Little Snitch の類いをツコてたらそらアカンで！
• もしかすると SSL証明書かもわからんね

だそうです。［システム環境設定｜セキュリティ｜FileVault］が「入」になっててもアカンらしいですよ。ウチの場合はファイアウォールとかの問題ではないので、 SSL証明書をやっつけてみます。

証明書を受け入れさせる

サポートからのお返事によれば「認証局のルート証明書をキーチェーンに追加して信頼設定するといいよ！」とのことですのでメンドくさいですがやってみましょう。

1. https://register.madebysofa.com/versions/buy にアクセス！
   （以下 Safari でご説明します）
2. 証明書が怪しい旨をお知らせされますので［証明書を表示］ボタンをクリック後、証明書アイコンをデスクトップにドラッグ＆ドロップして証明書ファイルをゲットしましょう。
   
3. そのファイル "register.madebysofa.com.cer" をダブルクリックすると「証明書の追加」ダイアログが表示されます。［キーチェーン］を「システムルート」にして（「ログイン」のママでも良いよ）［OK］ボタンをクリックします。
   
4. パスワードを求められる場合は、素直に応じます。今はまだ、そのときではありませんから。これでキーチェーンに追加されましたが、まだ信頼はされていません。これはきっと日頃の行いのせいでしょうね。。。
   
5. 証明書を選択して［キーチェーンアクセス｜ファイル｜情報を見る］をクリックします。表示されたダイアログの［信頼］をクリックして［この証明書を使用するとき：］を「常に信頼する」にします。これこそが本当の愛です。
   ※モザイクでヒミツっぽくしてみました。
6. 以上で、めでたく信頼されていることになりました。あれ、何だか偽りの愛みたいですね。
   

登録してみよう

おー！登録できた！！WordPress Rocks♥ とかなんとか言っとる！やっほー！！！


CONCLUSION

• 後でやってもダメなのに "Please try again later." とか表示しない。
• メンドくさいことになるくらいなら、オンライン登録とか小難しいことに挑戦しない。
• メールでチマチマ対応してないで FAQ で詳細に説明しとこう。

ちなみにこの Versions を開発したのはミニマルだかシンプルだかのネタでよく紹介されていた We are Sofa の皆さんですが、目立ったせいで Facebook に取り込まれてしまい WE WERE SOFA になってしまいました。翔丸組に入るんだ、的なアレですね。Facebook はヤワじゃねぇ。

動作確認バージョン

• Versions 1.1.8
• Mac OSX 10.5.8
• Safari 5.0.6
]]> http://wpxtreme.jp/versions-how-to-solve-the-registration-probrem/feed 2 http://wpxtreme.jp/get-comments-by-ajax-in-wordpress http://wpxtreme.jp/get-comments-by-ajax-in-wordpress#comments Wed, 26 Oct 2011 08:02:31 +0000 kz http://wpxtreme.jp/?p=669 WordPress フォーラム から「コメントの表示スクリプト」です。コメントを新着順に数件表示しておいて、全部読みたい方には［全部読む］ボタンをクリックしてもらおうという作戦です。wpxtreme 的にはページネーションとかチラ見せはメンドくさいので全部見せといたらええやん！と思いますが、こういった需要は多いハズなのでやってみます。記事書きながらのカスタマイズです、できるかな。Continue Reading »]]>

ご要望により、コメントの表示形式を以下の 3タイプご用意いたしました。

1. コメント全部表示
2. 始めから指定件数分表示
3. 2. の残りを表示

コメント表示の仕組みは TwentyEleven に倣います

1. single.php に
   

   <?php comments_template( '', true ); ?>

   と書く。
2. テーマに comments.php を用意しておく。
3. comments.php 内に
   

   wp_list_comments( array( 'callback' => 'twentyeleven_comment' ) );

   のように書いて、各コメントの表示はコールバック関数にお任せする。このコールバックは皆様オリジナルのものでも良いです。Codex には非推奨って書いてあって何かコワいですけど 本家 Codex では Use with caution なので、コールバックの意味をわかってて使うなら何も問題ないです。っていうか知らんでも問題ないよ大丈夫◎

これ、基本形ね。

コメントの表示をコントロールするには

始めに5件だけ表示しておくなら［管理画面｜設定｜ディスカッション］で

1ページあたり［5］件のコメントを含む複数ページに分割し、［最後］のページをデフォルトで表示する 

にしとけば OK ◎ ついでに、新しいコメントから表示しないと変なので

［新しい］コメントを各ページのトップに表示する

にしましょう。って、これだと全然 OK じゃないぞ。

フォーラムでもコメントされているように

6件コメントがあると、最初の表示で1件、次のページで5件とかっこ悪い表示になってしまう

ので何とかします。

コメントの表示に使ってる wp_list_comments() ですが、実はこの wp_list_なんちゃら の一覧表示系関数には独自の Walker を指定することができます。Walker っていうのは一覧する項目をひとつづつテクテク辿って表示してくれるかわいいヤツです。コメントの場合は Walker_Comment クラス（wp-includes/comment-template.php）がソレですね。これを拡張してオリジナルの Walker をババーッと作ってしまえば、フィルターでチマチマ表示をカスタマイズする必要も無くなります。

オレ様 Walker を作ろう

何でもそうですけど、モノを作るときは使う側の立場で作りましょう。作る側の都合で作るとロクなものはできません。ということで、オレ様 Walker を使う場合に

wp_list_comments( array( 
  'callback' => 'twentyeleven_comment',
  'walker' => new My_Walker_Comment,  // これがオレ様 Walker
  'display' => 'initial',  // 未指定か initial で始めから指定件数分、rest で残り全部、all で始めから全部を表示します
) );

みたいに書きさえすれば、後は良きにはからってくれるよう頑張って作ります。始めの5件とか表示のときは display パラメータ無しか 'initial' 指定で OK。残り全部のコメントを表示するときに display パラメータを 'rest' にします。

カテゴリーによってコメントを全表示にしたり、チラ見せしたりを切り替えるなら以下のようにします。

wp_list_comments( array( 
  'callback' => 'twentyeleven_comment',
  'walker' => new My_Walker_Comment,  // これがオレ様 Walker
  'display' => in_category( 全表示したいカテゴリの ID, スラッグ, 名前等 ) ? 'all' : 'initial', 
) );

てことでオレ様 Walker ができましたのでテーマの funcrions.php に以下をペッとしてください。長いけど、オリジナルの paged_walk() をちょこっとイジッただけです。

<?php
class My_Walker_Comment extends Walker_Comment {
  function paged_walk( $elements, $max_depth, $page_num, $per_page ) {
    /* sanity check */
    if ( empty($elements) || $max_depth < -1 )
      return '';

    $args = array_slice( func_get_args(), 4 );
    $output = '';

    $id_field = $this->db_fields['id'];
    $parent_field = $this->db_fields['parent'];

    if ( !empty($args[0]['reverse_top_level']) )
      $elements = array_reverse( $elements );

    $per_page = (int)$per_page;
    if ( 0 == $per_page )
      $per_page = get_option( 'comments_per_page' );
    $count = -1;
    $total_top = count( $elements );
    $paging = $total_top > $per_page;
		
　  $display = 'initial';
      if ( ! empty( $args[0]['display'] ) )
        $display = $args[0]['display'];
			
      switch ( $display ) {
        case 'initial':
          $start = 0;
          $end   = $per_page;
          break;
        case 'rest':
          $start = $paging ? $per_page : $total_top;
          $end   = $total_top;
          break;
        default: // 'all'
          $start = 0;
          $end   = $total_top;
	  break;
    }

    // flat display
    if ( -1 == $max_depth ) {
      $this->max_pages = $paging ? 2 : 1;
      $empty_array = array();
      foreach ( $elements as $e ) {
        $count++;
        if ( $count < $start )
          continue;
        if ( $count >= $end )
          break;
        $this->display_element( $e, $empty_array, 1, 0, $args, $output );
      }
      return $output;
    }
      
    $top_level_elements = array();
    $children_elements  = array();
    foreach ( $elements as $e) {
      if ( 0 == $e->$parent_field )
        $top_level_elements[] = $e;
      else
        $children_elements[ $e->$parent_field ][] = $e;
    }

    $total_top = count( $top_level_elements );
    $paging = $total_top > $per_page;
    $this->max_pages = $paging ? 2 : 1;
		
      switch ( $display ) {
        case 'initial':
          $start = 0;
          $end   = $per_page;
          break;
        case 'rest':
          $start = $paging ? $per_page : $total_top;
          $end   = $total_top;
          break;
        default: // 'all'
          $start = 0;
          $end   = $total_top;
	  break;
    }

    if ( !empty($args[0]['reverse_children']) ) {
      foreach ( $children_elements as $parent => $children )
        $children_elements[$parent] = array_reverse( $children );
    }

    foreach ( $top_level_elements as $e ) {
      $count++;

      if ( $end >= $total_top && $count < $start )
        $this->unset_children( $e, $children_elements );

      if ( $count < $start )
        continue;

      if ( $count >= $end )
        break;

      $this->display_element( $e, $children_elements, $max_depth, 0, $args, $output );
    }

    if ( $end >= $total_top && count( $children_elements ) > 0 ) {
      $empty_array = array();
      foreach ( $children_elements as $orphans )
        foreach( $orphans as $op )
          $this->display_element( $op, $empty_array, 1, 0, $args, $output );
    }

    return $output;
  }
}?>

なお、パーマリンクでのコメントページ指定 /comment-page-1/ とかは一切無視しています。

［すべてのコメントを表示］ボタンを作る

comments.php で display パラメータ無しか 'initial' の wp_list_comments() を書いた下辺りに以下のコードを書きます。

カテゴリーによってコメントを全表示にしたりする場合は、始めの if 文に条件を追加します。

<?php if ( get_comment_pages_count() > 1 ) : ?>
<?php 
/* カテゴリーによって全表示とかする場合は、こっちの書き方で！
if ( get_comment_pages_count() > 1 && ! in_category( 全表示するカテゴリの ID, スラッグ, 名前等 ) ) : 
*/
?>
<div id="get-rest-of-comments"><a href="#">すべてのコメントを表示</a></div>
<script type='text/javascript'>
//<![CDATA[ 
jQuery(document).ready( function($) {
  $('#get-rest-of-comments a').click( function() {
    $(this).replaceWith('<span class="loading">Loading...</span>');
	
    $.post( '<?php echo site_url(); ?>', {
        get_rest_of_comments: 1,
        post_id: <?php echo get_the_ID(); ?>
      }, function(data) {
        $('#get-rest-of-comments').remove();
        $('#comments .commentlist').append(data); // 各コメントの li 要素の親まで辿って append してね！
      }
    );
	
    return false;
  });
});
//]]>
</script>
<?php endif; ?>

簡単に説明すると、

1. 表示し切れてないコメントの残りがあるなら、
2. ［すべてのコメントを表示］リンクを表示して、
3. ソレがクリックされたら、
4. リンクを「Loading...」に変更して、
5. get_rest_of_comments という合い言葉と記事 ID をパラメータにして Ajax !
6. 残りのコメントを取得したら余計なものは削除して、
7. コメントの最後に追加します。
8. あぁっ！このクリックは無かったことにしといてね！

てな感じです。

Ajax で残りのコメント全部を取得する

テーマの functions.php に以下をペッとします。

<?php
add_action( 'init', 'my_ajax' );
function my_ajax() {
  if ( ! isset( $_POST['get_rest_of_comments'] ) )
    return;

  if ( 'XMLHttpRequest' == $_SERVER['HTTP_X_REQUESTED_WITH'] ) {
    @header('Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );

    $post_id = (int) $_POST['post_id'];
		
    $GLOBALS['post'] = get_post( $post_id );
		
    $comments = get_comments( array(
      'post_id' => $post_id, 
      'status' => 'approve', 
      'order' => 'ASC',
    ) );
    
    wp_list_comments( array( 
      'callback' => 'twentyeleven_comment',
      'walker' => new My_Walker_Comment,
      'display' => 'rest',
      ), $comments );
  }
	
  exit();
}
?>

管理画面じゃない（通常の公開画面？）からの Ajax は init アクションで処理しましょう。

簡単に説明すると、

1. get_rest_of_comments の合い言葉が POST されてないなら無視！
2. Ajax だったら処理します。
3. POST された記事 ID でもって、
4. 現在の post を設定しておいて、
5. その記事のコメントを取得する。
6. 残りのコメントを表示します。
7. さいなら！

てな感じです。wp_list_comments() で表示しちゃってる内容が、先ほどの Ajax な POST

$.post( url, parameters, function(data) {} )

の結果として data に入ってきます。

CONCLUSION

• 一覧表示系関数の出力をイジるなら、オリジナルの Walker を作るのがイマどき。
• 公開画面側の Ajax 処理の POST 先 URL はサイトの URL でいいよ。
• 公開画面側の Ajax 処理は init アクションでやってしまおう。
• 公開画面側の Ajax 処理には「何の処理をするか」の合い言葉を POST してあげよう。
• コメントは始めから全部表示しといたらいいと思うよ。

動作確認バージョン

• WordPress 3.1.3
]]> http://wpxtreme.jp/get-comments-by-ajax-in-wordpress/feed 15 http://wpxtreme.jp/use-class-in-wordpress-theme http://wpxtreme.jp/use-class-in-wordpress-theme#comments Mon, 01 Aug 2011 10:14:02 +0000 kz http://wpxtreme.jp/?p=630 Continue Reading »]]> #prefix ってプリフィクスじゃないのね。。。

親テーマ

Web 制作会社なら（そうでなくても）自社ルールに則って構築されたテーマのひな形が存在すると思います。無い場合は、この際だから作ってしまいましょう！いつまでもまんま TwentyTen でいいハズないじゃない。そういうテーマを自社の親テーマにして、各々のクライアントにフィットさせた子テーマを納品するようにすると制作効率が向上したりテーマ管理がし易くなったり彼女ができたりと色々ステキです。
そんなわけで、以下 テーマ（の functions.php）をクラス化して子テーマも使う場合の最少コード例です。

親テーマの style.css

正規の親テーマの書き方と同じです。

/*
Theme Name: Wpxtreme Parent
Theme URI: http://wpxtreme.jp/
Author: kz
Author URI: http://kzxtreme.com/
Description: 当社の親テーマであります
Version: 1.0
*/
/* スタイルの記述は省略 */

親テーマの functions.php

ポイントは、after_setup_theme アクションの優先度です。functions.php は 子テーマ ---> 親テーマ の順に読み込まれますが、アクションの優先度により 親テーマのクラス定義 ---> 子テーマのクラス定義 の順に実行されるように指定します。で、最後に現在のテーマのクラスのオブジェクトを作って完了です。ののの気になる。
PHP 的なポイントは new static() 辺り。この、親クラスに書いてるけど「子クラスの」という扱いができる late bind は PHP 5.3.0〜使えます。

<?php
// テーマオブジェクトをグローバル変数にします。
// the_theme なんて危険な名前は避けるといいかもね！
add_action( 'after_setup_theme', 'instantiate_theme', 99999 );
function instantiate_theme() {
  $GLOBALS['the_theme'] = call_user_func( array( str_replace( ' ', '_', get_current_theme() ), 'get_object' ) );
}

// 親テーマは最優先でアクション実行！
add_action( 'after_setup_theme', 'setup_parent_theme', 0 );
function setup_parent_theme() {
  if ( ! class_exists( 'Wpxtreme_Parent' ) ) { // テーマ名のスペースを '_' で置換してクラス名にしましょう！

    class Wpxtreme_Parent {
      static private   $classobj = NULL;

      public function __construct() {
        // construct self
        // add_theme_support(), add_filter(), add_action() などなど
      }

      public static function get_object() {
        if ( NULL === self :: $classobj ) {
          self :: $classobj = new static();
        }
        return self :: $classobj;
      }
    }
  }
}

子テーマの style.css

これも正規の子テーマの書き方と同じです。

/*
Theme Name: Wpxtreme Child
Theme URI: http://wpxtreme.jp/
Author: kz
Author URI: http://kzxtreme.com/
Description: クライアントA様向けテーマです！
Version: 1.0
Template: wpxtremeparent
*/
@import url("../wpxtremeparent/style.css");
/* スタイルの記述は省略 */

子テーマの functions.php

<?php
// 親テーマより後にアクション実行！
add_action( 'after_setup_theme', 'setup_child_theme',1 );
function setup_child_theme() {
  if ( ! class_exists( 'Wpxtreme_Child' ) ) {
	
    class Wpxtreme_Child extends Wpxtreme_Parent {
      public function __construct() {
	// construct parent
	parent :: __construct();

        // construct self
        // add_theme_support(), add_filter(), add_action() などなど
      }
    }
  }
}

これだけで OK です。楽チン！ってこれだけじゃ何だかよくわかりませんネ。

もうちょっと具体的に

サンプル的にそれらしい処理を書いてみますね。※コードはクラスの定義部分だけです。

親テーマの functions.php

class Wpxtreme_Parent {
  static private   $classobj = NULL;
  static protected $domain;  // text domain
  static protected $userdata;  // 'name' => array( 'label' => 'label to display', 'type' => 'text'|'textarea'|..., 'description' => 'description.' )
  static public $path;  // stylesheet directory uri
  /**
   * Constructor, init on defined hooks of WP and include second class
   *
   * @access public
   * @since 0.0.1
   * @uses add_filter, add_action
   * @return void
   */
  public function __construct() {
    // member variables
    self :: $domain = strtolower( str_replace( '_', '', get_class( $this ) ) );
    self :: $path = get_stylesheet_directory_uri();
	
    load_theme_textdomain( self :: $domain, TEMPLATEPATH . '/languages' );
    
    // supports
    add_editor_style();
    add_theme_support( 'post-thumbnails' );

    // user profile
    add_filter( 'user_contactmethods', array( $this, 'user_contactmethods' ) );
    if ( isset( self :: $userdata ) ) {
      add_action( 'personal_options_update', array( $this, 'update_profile' ) );
      add_action( 'edit_user_profile_update', array( $this, 'update_profile' ) );
      add_action( 'show_user_profile', array( $this, 'user_profile' ) );
      add_action( 'edit_user_profile', array( $this, 'user_profile' ) );
    }
  }
  /**
   * Handler for the action 'init'. Instantiates this class.
   *
   * @access public
   * @since 0.0.1
   * @return object $classobj
   */
  public static function get_object() {
    if ( NULL === self :: $classobj ) {
      self :: $classobj = new static();
    }
    return self :: $classobj;
  }
  /**
   * Delete obsolete contact methods.
   *
   * @access public
   * @since 0.0.1
   * @return array $contactmethods
   */
  public function user_contactmethods( $contactmethods ) {
    unset( $contactmethods['aim'] );
    unset( $contactmethods['jabber'] );
    unset( $contactmethods['yim'] ); 
    return $contactmethods;
  }
  /**
   * Update user meta.
   *
   * @access public
   * @since 0.0.1
   * @return void
   */
  public function update_profile( $user_id ) {
    if ( !current_user_can( 'edit_user', $user_id ) )
      return false;

    foreach ( array_keys( (array) self :: $userdata ) as $field )
      update_user_meta( $user_id, $field, $_POST[$field] );
  }
  /**
   * Print form for user profile.
   *
   * @access public
   * @since 0.0.1
   * @return void
   */
  public function user_profile( $user ) {
    if ( !current_user_can( 'edit_user', $user->ID ) )
      return false;

?><table class="form-table"><?php			
    foreach ( (array) self :: $userdata as $name => $data )
      printf( '<tr><th><label for="%1$s">%2$s</label></th>'
        . '<td><input type="%3$s" name="%1$s" id="%1$s" value="%4$s" class="regular-text" />'
        . '<br /><span class="description">%5$s</span></td></tr>',
      esc_attr( $name ),
      esc_html( isset( $data['label'] ) ? $data['label'] : $name  ),
      esc_attr( isset( $data['type' ] ) ? $data['type' ] : 'text' ),
      esc_attr( get_user_meta( $user->ID, $name, true ) ),
      esc_html( isset( $data['description' ] ) ? $data['description' ] : '' )
    );
?></table><?php
  }
  /**
   * Prints HTML with meta information for the current post-date/time.
   *
   * @access public
   * @since 0.0.1
   * @return void
   */
  public function posted_on() {
    printf( __( '<time class="entry-date" datetime="%1$s" pubdate>%2$s</time>', self :: $domain ),
      esc_attr( get_the_time() ),
      esc_html( get_the_date() )
    );
  }
}

子テーマの functions.php

class Wpxtreme_Child extends Wpxtreme_Parent {
  /**
   * Constructor, init on defined hooks of WP and include second class
   *
   * @access public
   * @since 0.0.1
   * @uses add_filter, add_action
   * @return void
   */
  public function __construct() {
    // set protected variables
    self :: $userdata = array(
      'yakusyoku' => array( 'label' => '役職', 'type' => 'text', 'description' => '社長、平社員、などを書いて！' ),
    );

    // construct parent
    parent :: __construct();

    // construct $this
  }
  /**
   * Add contact methods.
   *
   * @access public
   * @since 0.0.1
   * @return array $contactmethods
   */
  public function user_contactmethods( $contactmethods ) {
    $contactmethods = parent :: user_contactmethods( $contactmethods ); 
    $contactmethods['skype'] = 'Skype 名';
    $contactmethods['twitter'] = 'Twitter ユーザー名';
    $contactmethods['facebook'] = 'Fecebook ユーザー名';
    return $contactmethods;
  }
  /**
   * Prints HTML with meta information for the current post-date/time and author.
   *
   * @access public
   * @since 0.0.1
   * @return void
   */
  public function posted_on() {
    $user = get_userdata( get_the_author_meta( 'ID' ) );
    printf(  __( '<time class="entry-date" datetime="%1$s" pubdate>%2$s  %3$s</time>%4$s', self :: $domain ),
      esc_attr( get_the_time() ),
      esc_html( get_the_time( get_option( 'date_format' ) ) ),
      esc_html( get_the_time( get_option( 'time_format' ) ) ),
      get_avatar( $user->user_email, 40, self :: $path . '/images/default.gif' )
    );
  }
}

• $domain
  テキストドメインはクラス名を英数小文字にし、'_' を無くしたものです。
  親テーマ：wpxtremeparent
  子テーマ：wpxtremechild
• $userdata
  子テーマで label, type, description を設定すると、親テーマでプロフィールページに入力欄を追加します。
• user_contactmethods()
  プロフィールページの「連絡先」欄
  親テーマ：不要な項目を削除
  子テーマ：新規に項目を追加
• posted_on()
  子テーマで処理をまるっとオーバーライドしてます。
  テンプレートファイル内で以下のように使用します。

global $the_theme;
$the_theme->posted_on();

ザッと思いつきですが、何かイケてる気がしませんか！？しませんかそうですか。全部 static function でええやんとか色々検討事項はございましょうが、たまにはこんなことを考えてみるのも息抜きになって良いかもですね！

動作確認バージョン

• WordPress 3.1.3
• PHP 5.3.5
]]> http://wpxtreme.jp/use-class-in-wordpress-theme/feed 20 http://wpxtreme.jp/multiple-order-parameter-in-query-posts-and-get-posts http://wpxtreme.jp/multiple-order-parameter-in-query-posts-and-get-posts#comments Fri, 29 Jul 2011 05:46:50 +0000 kz http://wpxtreme.jp/?p=615 カスタムフィールドでソートした後に、日付の降順にしたいです。query_posts(), get_posts() で記事を取得する時に複数の項目でソートしたい、ことはよくあります。WordPress では orderby に半角スペース区切りで並び替えのキーとなる複数の項目を指定することができますが、昇順降順の order パラメータには ASC, DESC のどちらか1つしか指定できない仕様になっています。バグなハズはない。きっと深いワケがあるハズ。とはいえ、項目ごとに並び順を指定する方が需要は多いハズなのでやってみましょう！Continue Reading »]]> ※ order も複数指定できるよ、って話を以前どこかで見た気がするけど仕様変更されたのかしら。

コアのソースを見てみよう

query_posts() や素の get_posts() は WP3.2.1 wp-includes/query.php WP_Query::&get_posts() を呼んでます。で、当該処理は以下のようになってます。

if ( empty($q['order']) || ((strtoupper($q['order']) != 'ASC') && (strtoupper($q['order']) != 'DESC')) )
  $q['order'] = 'DESC';  // ■order は ASC か DESC じゃなければ DESC になります

// Order by
if ( empty($q['orderby']) ) {
  $orderby = "$wpdb->posts.post_date " . $q['order'];
} elseif ( 'none' == $q['orderby'] ) {
  $orderby = '';
} else {
  // Used to filter values
  $allowed_keys = array('author', 'date', 'title', 'modified', 'menu_order', 'parent', 'ID', 'rand', 'comment_count');
  if ( !empty($q['meta_key']) ) {
    $allowed_keys[] = $q['meta_key'];
    $allowed_keys[] = 'meta_value';
    $allowed_keys[] = 'meta_value_num';
  }
  $q['orderby'] = urldecode($q['orderby']);
  $q['orderby'] = addslashes_gpc($q['orderby']);

  $orderby_array = array();
  foreach ( explode( ' ', $q['orderby'] ) as $i => $orderby ) {  // ■orderby は半角スペース区切り！
    // Only allow certain values for safety
    if ( ! in_array($orderby, $allowed_keys) )
      continue;

    switch ( $orderby ) {
      case 'menu_order':
          break;
      case 'ID':
          $orderby = "$wpdb->posts.ID";
          break;
      case 'rand':
          $orderby = 'RAND()';
          break;
      case $q['meta_key']:
      case 'meta_value':
           $orderby = "$wpdb->postmeta.meta_value";
           break;
      case 'meta_value_num':
           $orderby = "$wpdb->postmeta.meta_value+0";
           break;
      case 'comment_count':
           $orderby = "$wpdb->posts.comment_count";
           break;
      default:
           $orderby = "$wpdb->posts.post_" . $orderby;
    }

    $orderby_array[] = $orderby;
  }
  $orderby = implode( ',', $orderby_array ); // ■orderby パラメータを半角コンマで連結

  if ( empty( $orderby ) )
    $orderby = "$wpdb->posts.post_date ".$q['order']; // ■orderby 指定が無効な場合は日付の降順
  else
    $orderby .= " {$q['order']}";  // ■最後に order パラメータを追加
}

ポイントとなる箇所にコメントを記載してます。これで、

• order は ASC, DESC どちらか1つのみ
• orderby は半角スペース区切りで複数指定可能
• order パラメータは半角コンマ区切りで連結した orderby の最後に追加される

という現状把握ができました。

フィルタで ORDER BY 節をいじろう

節はブシじゃないですよ。WP_Query::&get_posts() ではSQL 文の各節ごとにフィルタが用意されているので書き換えは簡単です。

if ( !$q['suppress_filters'] ) { // ■get_posts() はこれがデフォルトで true！
  $where        = apply_filters_ref_array( 'posts_where_paged',    array( $where, &$this ) );
  $groupby    = apply_filters_ref_array( 'posts_groupby',        array( $groupby, &$this ) );
  $join        = apply_filters_ref_array( 'posts_join_paged',    array( $join, &$this ) );
  $orderby    = apply_filters_ref_array( 'posts_orderby',        array( $orderby, &$this ) ); // ■これを使う！
  $distinct    = apply_filters_ref_array( 'posts_distinct',    array( $distinct, &$this ) );
  $limits        = apply_filters_ref_array( 'post_limits',        array( $limits, &$this ) );
  $fields        = apply_filters_ref_array( 'posts_fields',        array( $fields, &$this ) );

  // Filter all clauses at once, for convenience
  $clauses = (array) apply_filters_ref_array( 'posts_clauses', array( compact( $pieces ), &$this ) );
  foreach ( $pieces as $piece )
     $$piece = isset( $clauses[ $piece ] ) ? $clauses[ $piece ] : '';
}

suppress_filters というパラメータはその名の通り、true に設定されているとフィルタを実行しません。WP_Query::&get_posts() や query_posts() を使うときは敢えて true を指定しない限り false になるので何も心配しなくてもフィルタ実行してくれます。が、get_posts() という素の関数ではデフォルトパラメータとしてこれが true という仕様なのでフィルタを使用したい場合は false を明示的に指定します。以下にまとめますね。

// 気にしなくて OK！
query_posts( array(  'orderby' => 'date',  'order' => 'ASC' ) );

/ /気にしなくて OK！
$posts = new WP_query( array(  'orderby' => 'date',  'order' => 'ASC' );

// 気にしなくて OK！
$my_query = new WP_query();
$posts = $my_query->get_posts(  array( 'orderby' => 'date',  'order' => 'ASC' ) );

// 気にして！false にして！
$posts = get_posts(  array( 'orderby' => 'date',  'order' => 'ASC',  'suppress_filters' => false ) );

order パラメータの与え方

さて、order に複数パラメータを与えて posts_orderby フィルタで ORDER BY 節を変更したいところですが、このフィルタが呼ばれるのは、先ほどのソースの一番上のコメント部分「 ■order は ASC か DESC じゃなければ DESC になります」より後なので、複数パラメータを与えても既に DESC に変えられてます。
なので、ここでは別のパラメータ myorder を創作してそれに複数 order を指定するようにします。以下、パラメータの与え方。

// 例）メタキー my_meta の値で降順  --> 日付で降順にする場合
$args = array(
    'meta_key' => 'my_meta',
    'orderby' => 'meta_value_num date',
    'myorder' => 'DESC DESC',  // ■創作パラメータ
   // 'suppress_filters' => false,  // ■素の get_posts() で使う場合はこれも必要！
);
query_posts( $args );
 ：

フィルタの処理

以下を functions.php に追加すれば OK です。

add_filter( 'posts_orderby','my_posts_orderby', 10, 2 );
function my_posts_orderby( $orderby, $query ) {
    $orders = array_filter( explode( ' ', strtoupper( $query->get( 'myorder' ) ) ) );
    if ( 0 < count( $orders ) ) {  // ■myorder にパラメータが設定されている場合：
        $orderby_array = array();
        foreach ( explode( ',', str_replace( ' DESC', '', $orderby ) ) as $i => $the_orderby ) { // ■最後の DESC を取って半角カンマで項目を分割
            if ( ! isset( $orders[$i] ) || ! in_array( $orders[$i], array( 'ASC', 'DESC') ) ) // ■ASC, DESC 以外の場合：
                $orderby_array[] = $the_orderby . ' DESC' ; // ■DESC にする
            else // ■ASC または DESC なら：
                $orderby_array[] = $the_orderby . ' ' . $orders[$i];  // ■項目の直後に並び順を追加
          }
          $orderby = implode( ',', $orderby_array ); // ■並び順が追加された項目達を連結
    }
    return $orderby; // ■いってらっしゃい！
}

myorder にパラメータが設定されていなくても、myorder にパラメータが設定されている場合にいっちゃう不具合を修正しました。

動作確認バージョン

• WordPress 3.1.3
]]> http://wpxtreme.jp/multiple-order-parameter-in-query-posts-and-get-posts/feed 4 http://wpxtreme.jp/wpx-nav-menus http://wpxtreme.jp/wpx-nav-menus#comments Wed, 27 Jul 2011 01:43:27 +0000 kz http://wpxtreme.jp/?p=594 カスタムメニューにカスタム投稿タイプのアーカイブです。register_post_type() のパラメータに has_archive, show_in_nav_menus ができたときに「キタ！」と試したところ、nav menu に投稿タイプの記事が一覧されて「そっちかー」とションボリされた方は結構いらっしゃるに違いない。記事ごとよりはアーカイブの方がメニュー項目としての需要は多いはずなのでプラグインにしてみました。Continue Reading »]]> Description

WordPress の管理画面［外観｜メニュー］を色々便利にしていくよ！

Features

• メニュー項目にカスタム投稿タイプのアーカイブを追加します。
  ※ has_archive, show_in_nav_menus 共に true のカスタム投稿タイプが対象です。
    カレントのメニュー項目に current-menu-item クラスが付きます。

To Do

• メニューに使う画像を指定。
  ※ css の background でなくて img タグを使用したい方向け
• ご意見・ご要望はコメントでお気軽に！

Requirements

• PHP5+
• WordPress 3.1+

Download

7. WPX Nav Menus  version: 0.0.2 (.zip  2.71 kB)

Installation

1. Unzip `wpx-nav-menus.zip`.
2. Upload `wpx-nav-menus` folder to the `/wp-content/plugins/` directory.
3. Activate `wpx nav nemus` through the 'Plugins' menu in WordPress.

Known Issue

• nav menu 関連にフックが少な過ぎてツライ。

Version History and Changelog

• 0.0.2 [7-27-2011]
  Bug fix: Fixed typo 'show_in_nav_menu'.
  Bug fix: Fixed bug where the js file would not loaded.
• 0.0.1 [7-27-2011]
  Initial release.

License

WPX Nav Menus is released under the GNU GPL 2.0 license and comes with absolutely no warranty. By downloading WPX Nav Menus you agree to the terms of the GNU GPL 2.0 license.

]]> http://wpxtreme.jp/wpx-nav-menus/feed 47 http://wpxtreme.jp/notify-author http://wpxtreme.jp/notify-author#comments Sat, 31 Jul 2010 17:13:47 +0000 kz http://wpxtreme.jp/?p=549 さて、フォーラム元ネタは 記事を書いた人にコメントの承認をさせたい です。言われてみれば、至極まっとうな仕様ですね。カスタマイズ的にはライトなのでプラグイン初心者のオレ様にはうってつけです。がんばるぞ。 ぁ？ 非プラ三原則 がどうしたって？何だそれ、おいしいの？Continue Reading »]]> Description

Notifies the author of the post about a new comment that is a awaiting approval.
要は、WordPress の記事へコメントが投稿された時に管理者宛に送られてくる「モデレートしてください」のメールを、その記事の作成者宛に送信したい、って話です。
ちなみに、「モデレートしてください」のメールは

• 管理画面メインメニュー［設定｜ディスカッション］の［コメント表示条件］で
  「管理者の承認を常に必要とする」にチェックがある場合は、常に
  「すでに承認されたコメントの投稿者のコメントを許可し、それ以外のコメントを承認待ちにする」にチェックがある場合は、今まで承認されたことがない人のコメントについて
• 管理画面メインメニュー［設定｜一般］の［メールアドレス］宛に送信されます。

Download

8. Notify Author !!!  version: 1.0 (.zip  1.39 kB)

公式プラグインディレクトリ からダウンロードできると良いよねー。

Installation

1. Upload `notify-author.php` to the `/wp-content/plugins/` directory.
2. Activate `Notify Author !!!` through the 'Plugins' menu in WordPress.

これくらいの英語は翻訳されんでも読もうぜ。な。

プラグインによるカスタマイズの基本

カスタマイズのとっかかりはまず、どこをイジればいいのかを探すことから始めます。ヒントはどうにもシックリこない件名の「モデレートしてください」メールにありますよ。

承認する: http://example.com/wp-admin/comment.php?action=approve&c=4

ね。「approve」ってあるでしょ。こんなん「承認」でしか使わない単語よね。んじゃ「approve」で WordPress コアファイルを検索するのじゃ！って結構な数のファイルがありますね。じゃー wp-includes/pluggable.php から見てみましょう。

#1138 $notify_message .= sprintf( __('Approve it: %s'),  admin_url("comment.php?action=approve&c=$comment_id") ) . "\r\n";

なんてラッキー！この関数は wp_notify_moderator() なのでビンゴですね、「ビンゴ」なんて実社会で言うヤツ見た事ないですけど。
実はこの pluggable.php にあるファンクションは、プラグインで好きにカスタマイズしちゃってちょうだいってヤツばかりなんです。なんつっても pluggable ですから。意味わかるよね？よし、いいコだ。んで、1つ1つのファンクションが

if ( !function_exists('ファンクション名') ) :　〜　endif;

で囲まれてますでしょ奥さん？これは、この名前のファンクションがプラグインに無けりゃ今からコレ使うようにするし、ありゃぁソッチ使いますよ、って意味です。クダケ過ぎてかえってわかりにくいですね。フィルタだのアクションだのフックを駆使しなくても関数ごとゴッソリ変えられるってワケです。で、プラグインで同名の名前を作って処理内容を自分色に染め上げるわけですが、プラグインでのファンクションの定義も pluggable.php と同じく

if ( !function_exists('ファンクション名') ) :　〜　endif;

で囲ってあげましょう。これは、プラグイン有効化の時に、既にオリジナルのファンクションが読まれちゃってるので、再定義エラー！ってならないようにするためです。有効化した後は、WordPress くんは有効化されたプラグイン → pluggable.php の順に読み込みますので、プラグインで定義されたファンクションの方が有効になるって仕組みです。ってややこしいわ！

カスタマイズの詳細

なんともシックリこない件名の「モデレート」してくださいメールの宛先になっている、管理画面メインメニュー［設定｜一般］の［メールアドレス］は、admin_email ってゆーオプションに入ってます。wp_notify_moderator() では以下のようにアドレスを取得し、メール送信します。

$admin_email = get_option('admin_email');
  :
@wp_mail($admin_email, $subject, $notify_message, $message_headers);

pluggable らしくファンクション内には一見するとフックがありません。とは言っても get_option() の内部で呼んでる pre_option_admin_email フィルタでムリムリカスタマイズすることだってできるんだぜ、ぁあん？ですが、諸々メンドクサイことになること必至ですので、pluggable らしく関数を丸コピして、必要な所だけコソッと変更しましょう。

オリジナル：
$comment = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->comments WHERE comment_ID=%d LIMIT 1", $comment_id));
$post = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->posts WHERE ID=%d LIMIT 1", $comment->comment_post_ID));
  :
$admin_email = get_option('admin_email');
  :
@wp_mail($admin_email, $subject, $notify_message, $message_headers);

変更後：
$comment = get_comment($comment_id);
$post = get_post($comment->comment_post_ID);
$user = get_userdata($post->post_author);
  :
@wp_mail($user->user_email, $subject, $notify_message, $message_headers);

はい、こんだけです。オリジナルの $post, $comment の取得の仕方はツライので、ステキに書き換えましょう。あとは、メールの送付先を投稿の作成者のアドレスにするだけです。最後にプラグインファイルとしての体裁を整えればできあがりです。詳細はプラグインファイルをダウンロードして見てみて。なんつー手抜き。
ちなみに、作成者に 'moderate_comments' の権限は無くていいのかね、って疑問がありますが 、承認処理をしている wp-admin/comment.php では記事に対する 'edit_posts' の権限のチェックしかしてません。記事の作成者は当然 'edit_posts' 権限があるので、Capabilities に関しては気にせんで OK です。今のところ。

Conclusion

ちゅーわけで、初めてのプラグインは何とか動いてるようです。初めてって不安ですよね。こ、これで合ってるのかな。オレ変じゃないかな。とドキドキもんです。でもま、変だっていいじゃない、間違ってても気にすんなよ。皆そうやって成長するもんさ。ただちょっと先を行ってる人は、アタタカク見守ってあげようぜ。経験値があるのは別に偉いってことでも能力が上ってことでもありゃしねぇ。自分だって経験値が無い時があったんだから、そういうこと忘れないように、オゴリタカブラナイように。そいでもって追い抜かれる恐怖を感じるなら、相手を叩くよりも自分を高める方に持って行くのがクールってもんだぜ。
ぁ、オレ様がブチ抜くよフフ、って話じゃないからね。オレって結構謙虚なんだからラブ♥
当プラグインへのご質問・ご要望は コメント でお気軽に。

動作確認バージョン

• WordPress 3.0.1
]]> http://wpxtreme.jp/notify-author/feed 6 http://wpxtreme.jp/sex-and-the-city-2-bling-diamond-text-effect-in-photoshop http://wpxtreme.jp/sex-and-the-city-2-bling-diamond-text-effect-in-photoshop#comments Thu, 27 May 2010 20:10:51 +0000 kz http://wpxtreme.jp/?p=495 Sex and the City 2 がもうすぐ公開ですね。前回の映画を DVD で見てからすっかりハマって、ドラマのDVDを借りまくってました。旧作が100円で良かった、ありがとう GEO。同時期にブームになった人が近隣に複数いたらしく、返却されたら即借りる、返却したら即借りられてる。といった静かな攻防も楽しかったです。
ところで、キャバ嬢向け雑誌や花より男子のDVDパッケージのようなキラキラのデコロゴ、どうやって描いてるか知ってますか？知ってたら教えて（はぁと。調べてもなんかビミョーなチュートリアルしかあらへんわ、使えんのぉと常々思ってたところにこの Sex and the City 2、キラキラで来よったで。さすがサマンサ伊達に50超えとらへんわ。
そういったわけで今回は、Sex and the City 2 のキラキラにインスパイアされたオレが Photoshop でこうすると似たようなことができまっせという内容をお届けする。ちゃんとデザインの勉強をした方や業務で培ったテクをお持ちの方は優しい心で見守ってあげてください。 Continue Reading »]]> Final Image

もうちょっと作品的にステキに仕上げると良いのだけども、都合により愛想のない仕上がりになっておる。なお、この記事ではいつものような「えびちゃんがどう」とかいう無駄な話はしない。だって超忙しいんだもの。
なおなお、この記事は Mac 向けに書いている。というかオレは Windows のことはイチイチ気にかけてあげないので、残念ながら Windows をお使いの方はキーの使い方など各自適宜読み替えてください。でもどうせ替えるなら Mac にカエルのがオススメだよ。

背景を描く

ここは本題じゃないので読み飛ばして OK。

• ファイル > 新規
  幅1000pixel x 高さ500pixel
  
• フィルタ ＞ 描画 ＞ 雲模様1
  描画色：#FFFFFF
  背景色：#000000
  
• フィルタ ＞ ぼかし ＞ ガウス
  半径：70pixel
  
• フィルタ ＞ ノイズ ＞ ノイズを加える
  量：2%
  分布方法：均等に分布
  
• レイヤー ＞ 新規調整レイヤー ＞ トーンカーブ
  
• レイヤー ＞ 新規調整レイヤー ＞ 色相・彩度
  色相：292
  彩度：15
  明度：50
  色彩の統一をチェック
  

ダイアモンドのパターン作成

恐れんで良い。ただの白い丸だ。

• ファイル > 新規
  幅 7pixel x 高さ 7pixel
• 新規レイヤーを作成して、楕円ツールで円を描画
  描画色：#FFFFFF
  ※7 x 7 めいっぱいじゃなくて、周囲は黒い部分を残し気味にしてあげよう。
  ※別のレイヤーを下敷きにして、描画色 #000000 で塗りつぶしておくと見易いぜ。
  
• 編集 ＞ パターンを定義
  パターン名：diamond7x7
  ※背景は透明にしておくこと。
  

デコるぜ

• テキスト追加
  フォント：Minion Pro
  サイズ：256pt
  描画色：#333333
  ※WPCITYって、、、だよなうんオレもそう思うよ。
  
• テキストレイヤーの上に新規レイヤーを作成して、先ほど作成したパターンで塗りつぶす。
  レイヤー名：dia
  パターン：diamond7x7
  
• クリッピングマスクを作成。
• 「dia」レイヤーを複製する。
  レイヤー名：dia blur
• クリッピングマスクを作成。
• フィルタ ＞ ぼかし ＞ ガウス
  半径：0.8pixel
  
• 一番上に新規レイヤーを作成して、テクスチャを貼付け。
  レイヤー名：grunge
  テクスチャ：Bittbox
  描画モード：乗算
  不透明度：70%
  ※黒い部分が文字にまんべんなくかかるようにテクスチャを移動したり回転したりすると良い。
  
• イメージ ＞ 色調補正 ＞ トーンカーブ
  黒いところがドギツク黒くなり過ぎないように、下の方を持ち上げよう（キャプチャ忘れ）。
• フィルタ ＞ ぼかし ＞ ガウス
  半径：0.5pixel
• クリッピングマスクを作成。
  

ダイヤは白と黒だけよりも、虹色をほんのり加えるとソレっぽくなるぞ。

• 一番上に新規レイヤーを作成して、描画色で塗りつぶす。
  レイヤー名：color
  描画色：#000000
• フィルタ ＞ ノイズ ＞ ノイズを加える。
  量：100%
  分布方法：均等に分布
  ※カラーノイズだぜ
  
• フィルタ ＞ ピクセレート ＞ モザイク
  セルの大きさ：10平方ピクセル
  
• フィルタ ＞ ぼかし ＞ ガウス
  半径：8pixel
  
• クリッピングマスクを作成。
  描画モード：カラー
  
  ※ほんのりがステキ。

縁取ってみよう

おいおい、あんまり欲張るもんじゃないぜ。

• テキストレイヤーの下に新規レイヤーを作成する。
  レイヤー名：stroke
• command+テキストレイヤーをクリック。
  テキストが選択される。
• 選択 ＞ 選択範囲を変更 ＞ 拡張
  拡張量：2pixel
  
• 「stroke」レイヤーを選択し、選択範囲内を描画色で塗りつぶす。
  描画色：#FFFFFF
  
• 「stroke」レイヤーをコピーして非表示にしておく。
• command+テキストレイヤーをクリック。
  「stroke」レイヤーを選択し［delete］キーを押す。
  ※まさに縁取り！
  
• 「stroke」レイヤーをダブルクリックして「レイヤースタイル」を開く。
  ベベルとエンボス -
  サイズ：0
  角度：90
  
• 「grunge」レイヤーを複製し、「stroke」レイヤーの上に移動してクリッピングマスクを作成。
  「color」レイヤーのクリッピングが外れるので直してあげてね。
• フィルタ ＞ ぼかし ＞ ガウス
  半径：3pixel
  
• テキストレイヤーをダブルクリックして「レイヤースタイル」を開く。
  シャドウ -
  角度：100
  距離：1
  チョーク：20
  サイズ：5
  

白いよりは青みがかってる方がリアル

• 一番上に新規レイヤーを作成し塗りつぶす。
  レイヤー名：blue
  描画色：#587EE0（青っぽければ何でも良い）
• フィルタ ＞ ノイズ ＞ ノイズを加える。
  量：100%
  分布方法：均等に分布
  グレースケールノイズにチェック
  
• フィルタ ＞ ぼかし ＞ ガウス
  半径：1pixel
  
• クリッピングマスクを作成。
  描画モード：オーバーレイ
  不透明度：50%
  
  ※ググっと良くなりましたね。

キラキラ bling bling させよう

• 一番上に新規レイヤーを作成。
  レイヤー名：star
• 星形（十字形）のブラシをどっかからパチッてきて鋭い輝きを追加。
  描画色：#FFFFFF
  不透明度：100%
  流量：100%
  
• 一番上に新規レイヤーを作成。
  レイヤー名：light
• 普通のブラシでソフトな輝きを追加。
  描画色：#FFFFFF
  不透明度：100%
  流量：50%
  
• command+「strokeのコピー」レイヤーをクリックし、「light」レイヤーを選択。
• レイヤー ＞ レイヤーマスク ＞ 選択範囲外をマスク
• 「star」レイヤーを選択。
• レイヤー ＞ レイヤーマスク ＞ 選択範囲外をマスク

つまり、キャプチャ忘れってことだ。テキスト外の bling bling を削除！してます。お好みで。

縮小してもイケてるぜ

ちょろっと検索して出てくるチュートリアルは使えんのぉ、の理由に作成後に縮小しちゃうとすごく残念なことになってしまう、てのがある。やってみたらわかる。すごく残念。でも、なんとコイツは縮小してもイカしてるのだ。ありがとう Sex and the City 2 のロゴ描いた人。

• テキスト関連のレイヤーをすべて選択してマージしちゃおう。command+E だ。
  えー！せっかく描いたのにー！って人は「すべて選択＞新規フォルダに入れる＞フォルダ複製＞ソッチをマージ」すると良い。
• そしてリサイズ（縮小）
• フィルタ ＞ シャープ ＞ シャープ
• 編集 ＞ 「シャープ」をフェード
  不透明度：70%
  

縮小後にシャープしてあげるとギラギラが増してよろしいがやり過ぎはダメです。さらに縮小する場合は「light」レイヤーは非表示にして、「star」レイヤーで bling bling を増やすといいぞ。このとき、星形ブラシは「十字」にするように。「×印」にするとイマイチなのだ。

Conclusion

まったく愛想の無いチュートリアルでしたが言いたいことはおわかりいただけましたでしょうか。より味わい深くするには以下をお試しください。

• 整列してるダイアモンド塗りつぶしパターンをちょいちょいズラす。
• グランジー部分を手作業でがんばる。
• シャドウを焼き込みでがんばる。
• bling bling を覆い焼きでがんばる。

手間をかければかける程、イキな仕上がりになります。んが、同時に絵心も要求されますのでご注意ください。 WordPress くんが微妙に縮小した画像が表示されてるので、クリックしてちょい大きくして見てね。んーすばらしい。一年くらいウマイやり方ねーかなーと悶々しておったがこれで解決じゃフハハハh！小悪魔花より系とは表現方法が違うけどもオレはこっちのが好きだぜラブ♥

動作確認バージョン

• Photoshop CS4
]]> http://wpxtreme.jp/sex-and-the-city-2-bling-diamond-text-effect-in-photoshop/feed 9 http://wpxtreme.jp/how-to-walk-on-a-forum http://wpxtreme.jp/how-to-walk-on-a-forum#comments Sun, 16 May 2010 21:04:44 +0000 kz http://wpxtreme.jp/?p=431 アイツなら絶対記事を書くはずだ、と思われていた皆様の読み通り、今回はえびちゃんの結婚について kz のコメントを発表いたします。
するかー！えびぞうとどっちが早よワヤになるか対決したらええねん！えび同士でな！フハハハハ！うまいなオレフハハハハ！
ソッチの話ではなく、フォーラムでの回答の仕方について kz の考え方をお届けしますね。ただし、通常は不穏な空気を察知したらスルーするのが大人の対応です。フォーラム内に本題外の返信をしたり、ましてや粘着的にブログ記事にするのは、内容のステキ度に関わらず一般的に敬遠される行動です。将来のある皆は真似しないように。
さて、フォーラムには色んな背景を持った様々なレベルの方々が集います。考え方も生き様も人それぞれ。フォーラムはコミュニティ、すなわち社会です。オンラインであってもソコでの歩き方はオフラインと同様。背筋をピンと伸ばして颯爽と歩くにはどういったことに配慮すれば良いのか、オマエが言うなとホウボウから突っ込まれつつ、いつものようにダラダラ書きます。 Continue Reading »]]> 概要

WordPress 日本語フォーラムでの タクソノミーの名前取得 というトピックへの kz の回答に対して「セキュリティ上の問題」「回答の仕方」「回答者としての姿勢」という観点からご指摘をいただいた。どれも大切なことなので kz 的総括を行いココに記す。2010.5.16 没。お亡くなってどうすんねん。

訂正

まず、kz の発言に「single_cat_title() 〜そのまま echo」とあるがこれは誤りである。ごめんな、WordPress。投稿前に single_cat_title のフィルタを Finder ちゃんに尋ねてみてもそんなんないよーとツレナイ返事だったので add_filter されてないと誤解しちまったぜ。wp-includes/general-template.php すら出てこん時点で気づけっちゅう話。なお、これは言い訳でも自己弁護でもなく単に事実をご説明差し上げただけだ。皆様におかれましては、ぐねぐねしたモノの見方はせずにまっすぐスクスクと育っていただきたい。それにしても自分の過ちを自ら素直に認める辺り、さすが kz だな。人間ができておる。
実際は wp-includes/default-filters.php で wptexturize, strip_tags が add_filter されているので安心してください。Finder ちゃんがたまにちゃんと検索してくれなくなるのは MacBook 買い替えのお知らせなのか？

はじめに

イチイチ但し書きするのはメンドウなので予め皆さんへのお願いをまとめておく。しっかり読んでご理解いただけましたら [Accept] ボタンをクリックして先へお進みください。

• 本文では「一般的に」「普通なら」「通常は」などのような書き方をするが「普通ってなんですか？そんなの人それぞれじゃないですか？」とか中学生みたいな反応は思春期まっただ中のうちに使い果たしておいて欲しいので、読む前にグラウンド100周×50本走ってこい。
• 例えば「価値観を押し付けるのは良くない」に対して「それこそ良くないって価値観を押し付けてますよね」な返しは、「アホって言う人がアホなんです」に「アホって言う人がアホ、って言う人がアホなんです」と返すのと同じである。ちょっと例えがアレだが言いたい事はわかるだろう。そもそも初めにアホって言うヤツがイカンのであって、言いがかりをつけられた側がそれを指摘するのは問題ない。わからん？ん、走ってこい。こういった小ナマイキな小学生的反応もご遠慮いただけますと、今夜もおいしくご飯がいただけますのでヨロシク。
• kz は明らかな悪意を持って自分を攻撃してくる個人を除いて、特定の個人に対してオンラインのテキストなんぞで攻撃することはない。とは言っても世の中はとても広くて、存在しない悪意を実体参照するという特殊能力を持った好戦的な X-MEN が存在する。今回はそういった方々のために、実験的に「別に何の悪意も敵意もないのでよろしくね（はぁと」っちゅー意味で、必要かもと思われる箇所の文末に「ラブ♥」を付加する。しかしまー、そんな人間を超越した存在にまで配慮してテキストを書かなイカンとなると毛がいくらあっても足りんわ。日本はいつからこんな但し書き地獄になったんだ？
• あとは、他人と円滑にコミュニケーションが取れる読解力・察するセンスがあればよろしい。

kz の自己紹介

そもそも kz ってどんなやつやねんという方向けに「昔ワンレンサラサラロングヘアーだった人への100の質問」にお答えします 。WordCamp Yokohama でお会いするであろう方々には心の事前準備としてもぜひご活用いただきたい。準備は事前に決まっとるわ！事後の準備があるなら事後というコトバに含まれるステキなニュアンスについてぜひ語り明かしたいものです。もう準備関係あらへんがな。

• オンラインでもオフラインでも公共の場での人への接し方は変わらない。
  公共オンラインの例：フォーラム
  公共オフラインの例：一般社会
  ※ちなみに wpxtreme はプライベートなオンラインな。
• 仲の良い人，面識のある人，面識のない人，まったく知らん人 各々への接し方は変わらない。
• 嫌われてることはあるだろうが、わざわざ人を嫌うことはない。メンドウだもの。
  苦手なタイプはいる。ワンマン社長とかのメンドくさい系。
• 理論，概念，建前に興味は無い。実際どうなんってゆー正味の話がすべてさ。
• 律儀なメンドくさがりだが、メンドウなことを無くすための努力は惜しまない。
• 非常にまったりしておる。カリカリしても何も生み出さんので怒る必要がない。
• 誰に対しても悪気も悪意も敵意も何も無い。メンドクサイやん。
• どっかでボロクソ言われてても気にならない。マイナスオーラに包まれてお気の毒にとは思う。
• 明確な敵意を持って直接攻撃されたら、ケツの穴にゴーヤ突っ込んで奥歯ガタガタ言わしたる。
• 物事をプラス方向にのみ考える。毎日幸せ。
• タブーは無い。何でもカンでもオープンでいいじゃない。
• ロクでもない WEB 関連業者が口のうまさだけで儲けている実情。
• 最近は Photoshop をイジってる方が楽しい。

kz の生きる指針

kz のことがもっと知りたいの、というえびちゃん（人妻）に。

• 他人を変えることはできない。自分が変われば他人も変わる。
• 会社に属さなくなっても、社会に属していることを忘れない。
• ロジックの世界にどっぷり浸かっていても、人（の心）はロジカルでないことを忘れない。
• 心に余裕を。社会に感謝を。人に愛情を。テキストにユーモアを。そして何より察するセンスを。

kz の心がけ＠コミュニティ

• キチキチ堅苦しくしない。
  雰囲気の良さがコミュニティを発展させると考えているため。キチキチはギスギスに変わるしね。
• 「他人」に対して意見しない。「他人の意見」に対して自分の意見を述べる。
• 他人の意見の真意が明確でない場合に勝手に決めつけて議論しない。
• どう見たって明らかな悪意、以外は「他人」や「他人の意見」を悪い方向に捉えない。
  悪く捉えたときは、自分の心がダークサイド寄りになってるってことよ。
• 他人の意見への改善提案は「〜っていう風だと皆がより幸せになれるかも」な書き方にする。
• 考え方は人それぞれ。他人の考えをすべて認める必要も細かく否定する必要も無い。
  「自分」に対する誤った意見には、ご丁寧に説明をいたします。
• 自分の考えを他人に強要しない。
  日本語ワカリマスカ？という意味で「読☆解☆力」というツッコミはする。
  オレ様に従え、賛同せよ、なんつー思惑はない。
• 相手の使う言葉・表現を使う。
• 冷たいテキストにならないように楽しんで書く。
  感じ悪い書き方しても誰も幸せにならないし、自分の評価を下げるだけだぜ？
• コミュニティの特定の個人に対する意見を別のところで書かない。
  そういうのは大抵悪口だろ？それは無粋ってもんだぜ。
  オレが別のところで意見を述べる場合は関係者にお知らせするぜ。カゲ口にならんようにな。
• 各々がその時点でできることに、無理せず貢献すれば良い。
• 誰に対してであろうと謙虚に愛情を持って接する。

どれも当たり前やんけですね。え、もう異論があるの？わぉ。とりあえず、横浜においでよ。それにしても kz kz ってどんだけ自分大好きやねんと思われるだろうが、自分を愛せないで誰かを愛することなんてできやしないわ！

登場人物

ここでは、一般観覧者の方々から見て kz vs の図式になっている風な方々を対象にする。まだ序盤で元気なので但し書くが、これはその方々に向けた呪いの記事ではない。ケーススタディとして今回の実例を引き合いに、kz の考えをシャア・アズナブルである。ちゃうわ、私もよくよく運のない男だとか言うてる場合か。シェアすることで誰かにとって何らかの参考になれば幸いってわけだ。


lilyfan さん：
ご存知 Ktai Entry, Ktai Style などのプラグイン作者。kz とは Ktai Entry でデコメール が Ktai Entry に取り込まれたり、WordBench 名古屋でお会いしたり、WordCamp 名古屋の WEB 担当チーマー同士なので知った仲だ。


spais さん：
wp.Vicuna という WordPress テンプレートを提供されている様子。WordCamp Yokohama 告知バナーのブログパーツを提供されていた気がする。当該トピックが初対面。


では、この WordPress に多大な貢献をされているステキな方達と、4ヶ月かそこらのポッと出 WordPress 日本語フォーラム初心者 kz とのやり取り骨子を以下にまとめてみよう。ツイート からも適宜無断引用する。著作権どうこう言うヤツはグラウンドを3年程がむしゃらに駆け回れ。なお kz 側の説明が念入りかもしれんが、それはココが kz のホームなので当たり前のことだ。イチイチ説明さすなラブ♥


【お題】
taxonomy.php でタクソノミーの名前を表示したい。
single_cat_title() や single_tag_title() に相当するものはないか？

kz

• ザザッと single_cat_title() を調べる。
• $taxonomy = $wp_query->get_queried_object(); echo $taxonomy->name; で動作確認。
• フィルタが気になったので Finder ちゃんに尋ねるが詳細は前述の通り。
• そのまま返信。


lilyfan さん：

• セキュリティ上の問題について
  • echo esc_html($taxonomy->name); にするべき。
  • タクソノミー名なら大丈夫のはずだが、変数をそのまま echo するのは原則禁止とした方がよい。
  • WordPress のコアコードでも esc_html() してないとこあるけどね。(twitter)
• 回答の仕方について
  • 回答としてコードをいきなり書くのは、怠け者の質問者を増やすのでやめて頂きたい。
  • コードは質問者がまず作って、回答者は添削に徹する方が質問者のためになる。(twitter)


kz：


• セキュリティについて
  • タクソノミー名の表示やったら正味問題ないんちゃうんという認識。
  • お題を解く事のみにフォーカスしているので、実運用に際しては各自よきにはからえ。
• 回答の仕方について
  • バシッとコードで一発解決、が諸々クールだと思っている。
  • 質問者が怠け者か勤勉かには立ち入らない。
• 何故回答するのか
  • 1つの質問でお世話になったので1万倍にして返す。
  • どうなんだろと思って調べてコレか！と学ぶのが楽しい。


spais さん：（3返信とも同じ主旨ラブ♥）


• お世話を返す気持ちなら不備のある発言はしない方がよい。
• セキュリティ的な穴はちょっとした気の緩みから生まれる。
• めんどくさいならば無理に答える必要は無い。
• プラグインを利用したタクソノミー名改ざんのサンプルご提供。

自分に都合の良いところだけ抽出とかセコいマネはしないぜ？本記事を書き始めた後に返信がさらに追加されてるけども、本質的に新しいネタは無くてオレ的にはどうでもいいので省略する。興味ある方は 当該トピック を確認してね。
あ、ちなみに spais さんの返信はオレの話を読まずにワザと同じ事を3回書いてるとしか思えないので全部読まんでも良いと思うけど、お腹が空いてる人はあえて全部読んで満腹になるのもアリだぜラブ♥ そんな感じですが OK ？はい、では続けますね。

それぞれの主張と kz の見解

アツ苦しい議論を展開する御三方に共通するのは、スルーしないところである。そう、言わな気がすまん側の住人なのだ。だが、社会にすんなり順応されている皆さんにしてみたら他でやれっちゅう話。多くの場合、言わな気がすまんことは言わん方が良いことなのだ。どうなろうとも自分の人生には一切自分で責任を持つという武士でない限り、真似はしない方が平和な生活を営む事ができるのでぜひ覚えておいて欲しい。


lilyfan さん vs kz：

lilyfan さんの本題は「回答コードをいきなり書くのは、怠け者の質問者を増やすのでやめて」だ。「はっきり言うと」とあるので自明ですね。これに気づかんようでは、えびちゃんとデートはおろか、話をすることさえママならんだろう。水着の季節までには何としてでも読解力を鍛えておいて欲しいところだ。
で、最近のシンプル過ぎる kz の回答は、ご自身の考えからするとフォーラムに悪影響を及ぼすと思われていたと考えるのが自然だろう。esc_html() のツッコミは単にそれを伝えるためのきっかけに過ぎない。

で、オレは残念ながら赤ペン先生的な回答の仕方はできない。それはオレがボランティアとして貢献できる範囲を超えているし、自分勝手な事を言えばそんなんちっともオモロないラブ♥。わがままでごめんね皆グスン。
lilyfan さんも kz も色んな意味でフォーラムをより良くしたいという思いは、基本的に同じである。しかし、以下のような決定的な違いがある。

• 良しとする回答のスタイル。
  • lilyfan さん：質問者が自身が考えて解決するように導く。
  • kz：ズバッと即答。
  lilyfan さんは即答スタイルに対して「自分で解決しようとしない質問者が増え、フォーラム全体の向上心的なものが右肩下がりになる」ことを危惧している。
  質問者の向上心的なものについては、オレは介入しない。伸びる人は自分で伸びるし、伸びる気の無い人は他人がいくら世話を焼いても伸びないと考えているからだ。そして、導くスタイル自体にはまったく異論はない。が、前述の通りそのスタイルでの貢献は負担が大き過ぎてできない。
  
  導くスタイルは「実践する」となるとハードルがかなり高いと思っている。オレが重要視する「実際どうなん」ってところがムズい。まず、タフな回答者が相当数いないと返信率が間違いなく下がる。すると、質問しても回答がつかない、ここで聞いても解決しない、という悪循環になりフォーラムが停滞する。100円賭けてもいい。また、回答者にかなりの大きさの器が必要となる。赤ペンスタイルがすべて笑顔で解決するとこれほど素晴らしいことはないのだが、回答者がちょいちょいイヤミになったりキレたり途中で去ってしまう流れには結構良くお目にかかる。これはとても残念ネ。
  良い視点での話が全然できなくてスマンかったが「こうすればオール OK だぜ？」というナイスアイデアをお持ちの方は、ぜひアチコチでご提案してみてくださいね。マジで頼むぜ。オレからは「タフで器のデカイ回答者を相当数配備」を提案。
  
  即答スタイルは、lilyfan さんの危惧する悪影響はもちろんあるかもしれない。一方、別な視点から見れば、お前スパムかっちゅう勢いで回答しまくると不思議な事にフォーラム全体が活気づく。またお会いしましたね、という質問者は前回より少しカワがムケている。そして新たな回答者がポツポツ出てくる。しまいにゃ、おいおい、ちったぁオレにも回答させてくれよってなことに！これは皆さん実際に目の当たりにしたんではないでしょか。コレがオレの言う諸々の好循環である。導くスタイルでもこの好循環はあるけども、悪循環との相殺とかかなりのリソースを投入しないとなので、フォーラム全体の活気までは結構遠い。
  
  ついでに言うと「1万倍にして返す」は申し訳ないが数の話である。1個1個100％の抜かりない回答をするっちゅう意味ではない。できるかそんなもん！ハゲるわ！ラブ♥。オレの唯一の質問はフォーラムでは解決していないが、そんなことはどうでも良い。レアケースな質問だったので返信がなかなか無く、無駄に更新を繰り返してただ待つよりは「尋ねるだけでは申し訳ないし」と回答を始めた。で、しばらくして返信をいただいた。そら嬉しかったがね。何より「返信があった」ってことがですよ。無視されるくらいならいっそ嫌われたい乙女心がよくわかった。だからオレは他の誰かが答えられる質問より、まったく返信がなくてどんどん下に消えて行くようなマニアックな質問に積極的に回答するようにしておったわけじゃ。
  
  そして kz の経験から言えるのは、フォーラムに限らず人生のあらゆる局面で「人のため」と思って何かをしてもほぼ残念な結果に終わるということだ。「これだけしてやってるのに」とか感じ悪いヤツも顔を出してくる。でも、すべては自分のため、そういう気持ちで臨むと何故だかすべてがスムーズに動いてくれる。なのでオレは「解くのが楽しい」から回答する。
  
  物事を進めるのには色んなやり方がある。ビジネスとしてシビアに検討すればコストパフォーマンスが一つの指標になるだろう。オレは自分なりにできること／できないこと、メリット／デメリットをコミュニティ全体を通して捉えてマイベストを実践するし、各々が良しとするスタイルで自由に貢献すれば良いと思う。ウチのフォーラムだとこういうやり方がベストですね、ってのを回答者達で考えてみるのもいいだろう。自分が参加しているオープンソースのフォーラムをよりステキにするにはどんな方法があるか、皆もそれぞれ考えて、できれば実践してみると少し世界が広がるかもしれないよ。
  
  
• 自分の考えるスタイルを他者にも求めるかどうか。
  • lilyfan さん：求める。
  • kz：皆好きにしたらええと思うよ。
フォーラムのルールにより回答方法が指定されていれば、参加する者はそれには当然従うべきである。できるなら参加するし、できないなら参加しない、ほんだけ。こういうやり方でお願いという話でも同じ。できるならするし、できないのはごめんなさいとなるラブ♥。


さて、ココまで読んで「コイツの自己弁護はまったく鼻につく」というご感想を持たれた方、いらっしゃいますでしょうかラブ♥。えーっとですね、そちらの方から順にグラウンドへ出ていただけますか。はい、100×100で。よろしくお願いいたします。


spais さん vs kz：

非常に興味深い方なので横浜で会うのが楽しみである。なんせ今までに会った事のないタイプだ。そう、えびちゃんクラスを落とすのは金持ちでもイケメンでもない。アホほど男が群がってくる女性ならその程度の男は見飽きておる。自分の知らない世界を教えてくれる男にこそメロメロになるのだ。なお、ここから「ラブ♥」の出現率が異様に高くなるので心しておいてくれ。

spais さんの本題は一貫して「間違いは誰にでもある」「知ったかぶって間違った意見を貫き通すのは人に迷惑がかかるのでやめてほしい」だ。3回も繰り返し丁寧にご返信くださったので、読解力を鍛え中の方々にも非常にありがたかったと思うラブ♥。spais さんについてオレはまったくご存じなかったが、リンクを探してたどればセクシャルなフレーズをオンライン上に散りばめるちょっとした変態さんだというのがすぐにわかるだろうラブ♥。珍しく他人について語ったがこれは spais さんの人となりを理解する上で非常に重要なポイントであって、他人に意見をしているわけではない。説明だ。違いはわかるね？イチイチ言わんでも良いだろう。さらに今回のやり取りでわかったこともこっそり教えてあげる。

• あるフレーズをテキストとして書くときの「これはマズい／問題なし」のしきい値が異常に低い。つか、筒抜けに等しいラブ♥。
  オレも「これはちょっとどうかな」ってフレーズは面白がって使うけども、スケールが違い過ぎる。無事に社会生活を営めているのかちょっと心配になるほどだラブ♥。
• 人の言ってる事をあんまり聞いてないラブ♥ or ワザとポイントをズラして面白がっている。
  コレはスマンがさすがのオレでもドッチかわからん。

バックグラウンドについて：
チラリとブログを拝見したところによると、spais さんは自分はフォーラムで育ったとおっしゃっている。わざわざブログに書く程なので、それはもうフォーラムに対する思いが人一倍アツイのだ。だから「お世話になったと言いながら誠意のない回答をする」kz にコンタクトせずには居られなかったのだと理解できる。そして「エスケープが必要だとわかっていながらあえてしないとは何事だ？！」「間違ったことを謝りもせずグダグダ言い訳するとは何様じゃ？！」となったのである。多分。
これほどアツイ思いを持った方が今の世の中にもいたことに懐かしさを感じ、そしてそれをそのまま遠慮なく書いてしまう尋常ならざる自由さに驚愕せずにはいられないラブ♥。


セキュリティに関して：
（ちゅうか本題は回答の仕方だし、そもそもアナタ誰？とは今回突っ込まないでおいてあげるラブ♥。）
スッキリとわかりやすくご説明いただいたので勉強になった方々も多いだろう。緩みは禁物、のヒタムキな姿勢は女性ファンの心をワシ掴みにするに違いない。ただしちょっとした変態さんなのでノーマルな方は気をつけてラブ♥。

プラグインを使ってのタクソノミー名の改ざんは、あ、なーる。で、そういうアレならダメですね。となる。勉強になりました、ありがとうございました。と kz の礼儀正しい対応により美しくトピック終了となるはずだったが、以降グダグダになってしまって経緯を見守っていた皆様には大変申し訳なかった。

抜かりは許さん spais さんと、実際問題脅威レベル的に見たら別にええんちゃうんってしつこい kz とで話が噛み合ないのは、お仕事の仕方が違うからだと思われる。spais さんのお仕事が何かは知らないが、テーマを配布しているという事は、自分が作ったものを誰かが管理者権限で使うという状況に身を置いている。お仕事でもソッチ系なら、自分の信用問題になるので抜かりは許されんことになる。ちなみに kz が安易にテーマやプラグインを作って配布しないのは、誰が使うかわからないモノだからそういったことまでバッチリ配慮して抜かりないものを提供する、のがメンドクサイからだラブ♥

一方 kz はサイトサービスのお仕事をしている。サイトを制作してハイ納品、という切り売りはしない。後々までずっと面倒を見るのだ。管理者権限はオレ。サイトを利用されるお客様は作成者権限のみ。Ktai からの投稿だけ、ってお客様もいる。プラグインは超実績のある自分が内容を把握できる最小限のモノしか使わない。なお、オレは仕組みに興味があるわカスタマイズしたいわでプラグインのソースはひととおり読む。そしてテーマは使った事が無い。そんなん一番楽しいとこ、自分がやりたいやんか。
もう察するセンスを持ったアナタは気づきましたね？オレが一切を管理しているので実質問題ないのだ。フォームから入ってくる値はコワイので気をつけているが、データベースに入ってる値はクリーンなのだ。なのだっていうかそれが当たり前だと思っていたのでタクソノミーの表示がなんで危険なの、っていう素朴な認識なのであった。

セキュリティについてまとめると lilyfan さん，spais さんがおっしゃるようにフォーラムで誰がどう使うかわからないコードからは危険を排除しておいた方が良い。どこからきたデータも信用しない、のが抜かりない。おっしゃる通りだ。なので大変勉強になりました。ありがとうございました。と返信いたしましたなのである。よろしいでしょうか。
とは言っても実際問題そこまでして XSS か？っちゅう点はそのままです。しつこい。

このやりとりから学べることは、以下の通り。

他人の置かれている状況を把握してない状態で話をしても噛み合ない。
そんな状態で他人に対して意見を投げつけると危険。
わかっていながら、っちゅーのは誤解やんか。もうしつこいラブ♥。

さて、ここまで読んで「謝りもしねぇで後出しのフォローを書いてボクのことわかってよとはふざけたヤツだ」と思われた方、いらっしゃいますでしょうかラブ♥。えーっとですね、そちらの方から順に今度はプールへ出ていただけますか。はい、50×1000で。よろしくお願いいたします。

そろそろ疲れてきたのでまとめに入っていくぜ。spais さんのセキュリティに関するご意見はスッキリしてわかりやすいが、kz に対してのご意見になると何故だかまったく意味がわからない。わかる人がいらっしゃいましたらお手数ですがお知らせいただくと、横浜に向けての良い準備になりますのでヨロシクです。具体的にわからないところを挙げておきますね。

• 【解決】わかっていながら不備のあるコードを...
  この類いは「知りませんでしたので大変勉強になりました。ありがとうございました。」で解決だよな？
• 上と同じだけども「知らなかったならいいんです。」「知りませんでしたので大変勉強になりました。ありがとうございました。」「知っていながら...」となる意味がわかりません。面白がってワザとだよねコレラブ♥。
• 重要じゃないとこだけど「どんなフォーラムでも結局どうなんってゆートピックは役に立ったことが無い。」に対して「これも、フォーラムのバックグラウンドにいる人たちの事をなにも考えてないと思います。」はまったく意味がわかんないぜ。
• 何故「後付けフォロー」という認識になるのかわからない。
• 「僕のスタンスはこうだから理解してよ的」誰しも己の考えを述べておるぞ。お二方はオレにあーせいこーせい言うがオレは自分の考えを述べるにトドめている。単なる説明だ。読解力的な意味ではいい加減理解しろよとは思うが、ボクのことわかってよな受け取り方になるのがわかりませんラブ♥。あーせいこーせい言わないタイプが初めてだから「相手に求めるナルシスト」に分類されるのでしょうかラブ♥。

まとめ

結局のところ、今回のケースでほとんどの方々が思ったのは「何でアナタ達そんなモノの言い方するんですか？」だろう。2人から回答すんなって言われた kz をかわいそうと思ったえびちゃんがいたかもしれないし、いい気味だと思った匿名さんがいたかもしれない。
オレはオレに言われるコトバは受け流すけども（今回受け流していないのにはちゃんと理由がある、察しろ。）、ごく普通の方々に対して同じように接するのは相当キツイことだと思うぜ。普通の人にはしないよっちゅーのはハンパない誤解力のせいで説得力がないラブ♥。例えば質問者に対する愛情に欠ける書き方なんかは、バックグラウンドにいる方々の心を引っ掻くこともあるだろうラブ♥。例えば「知ったか」とか「安っぽいプライド」なんつー超刺激的なコトバは「Sっ気が強いので攻めてるっぽく見えるかもしれませんがそんなつもりはないです。」なんつー後付け自己弁護したって相手によっちゃ表出ろやっちゅー話になるぜラブ♥。

オレは知らん人相手にいきなりとか、唐突に刺激的なコトバを投げつける、のがそもそもコミュニティにとって迷惑違いますやろかな考えだぜラブ♥。他人への敬意が無いし愛情も無いでしょ。なのに誰々のためとか迷惑をかけるなって話になってくると、これはコントか何かか？オレはなんでやねんって突っ込めばええんか？とか思っちゃうぜラブ♥。

コミュニティでは他人に対して意見はしないのがベストだとオレは思うけども、せずにいられない時は、どなた様もちったぁ口のキキ方に配慮すると諸々いいんでないかなってオレは思うよ。相手にもバックグラウンドにいる方々にも、自分自身にとってもね。
コードの穴を抜かり無くフサいで誰にも迷惑をかけない配慮をするように、文章のトゲを抜かり無くナラして誰にも不快な思いをさせない配慮をするのも、コミュニティでは必要なことなんじゃないかな。コードの書き方以上にね。相手は感情のある人間だもの。オレはね、そう思うよ。
ん、オレが他人に強要してるって？あの、グラウンドに行ってくれるかな。アッチの方。そうそうずっと向こうの方ね。

最後に

今回のケースを添削して美しくまとめてみるぜ。
----------------------------------------------

$taxonomy = $wp_query->get_queried_object();
echo $taxonomy->name;

----------------------------------------------
データベースに入れる時＆表示する時にエスケープすると完璧なので

echo esc_html($taxonomy->name);

とするとステキです。
----------------------------------------------
そうなのね！勉強になりました、ありがとう。
----------------------------------------------
どや、清々しいだろう！俺たちがグダグダ書いたトピックと見比べてみると良いぜ。

]]> http://wpxtreme.jp/how-to-walk-on-a-forum/feed 5 http://wpxtreme.jp/insert-all-uploaded-images-simultaneously-into-the-post http://wpxtreme.jp/insert-all-uploaded-images-simultaneously-into-the-post#comments Thu, 29 Apr 2010 13:50:32 +0000 kz http://wpxtreme.jp/?p=407 そこで「画像を追加」ウインドウに「一括挿入」的なボタンを追加して、画像をダラダラッと本文に挿入する機能を実現してみましょう。この機能はクライアントの ART FACTORY GRAPHICS のサイトリニューアル時に絶対メンドクサイ言われるな、と対策したものです。過去ブログの大量データ移行にも大活躍でした。
ところで、この機能のプラグインを作るという話題をうっかり twitter で見かけたのですけど、世の中にこんだけ人がいりゃぁ同じタイミングで同じ挙動もするだろう、と改めて B'z は Aerosmith をパクってなどいないと確信するに至りました。そう、夢は時間を裏切らないのです。
なお、wpxtreme では 非プラ三原則 に則ってそうそうプラグインは作らないのでヨロシクお願いいたします。Continue Reading »]]> 一括挿入ボタンを表示する

なんだかんだ言っても見た目が大事、と なんでもかんでもカタチから入って結局長続きしないアナタに倣って、まずは「画像を追加」ウインドウに［すべての添付画像を投稿に挿入］ボタンを表示するだけ、にトライしてみましょう。ところでなんは何だけどかんは何なんだろうね？
「画像を追加」ウインドウの一番下には［すべての変更を保存］という特に何をするでもない雰囲気のボタンがあります。このボタンを押すことで新たに何か保存されるものがあるのかどうか、これは皆へのGWの宿題にしておきますね。それでは捜査の基本に従って、まずは対象者の身辺を洗ってみましょう。

［すべての変更を保存］ボタンが savebutton クラスを持つ p タグで囲まれてますね。次はこの「savebutton」を追跡します。皆さんのローカルにあるはずの WordPress のソース一式から「savebutton」を検索すると、どうやら wp-admin/includes/media.php media_upload_type_form() で出力しているようです。

function media_upload_type_form($type = 'file', $errors = null, $id = null) {
　（略）
<p class="savebutton ml-submit">
<input type="submit" class="button" name="save" value="<?php esc_attr_e( 'Save all changes' ); ?>" />
</p>
<?php
}

が、ここに追加出力できるようなフックは見当たりません。残念。
では media_upload_type_form() の呼び出し元はどうでしょう。同じ media.php で wp_iframe() の引数に使われて呼び出されているようです。

return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );

wp_iframe() の最後の方で、$content_func という引数で受け取った media_upload_type_form() が呼び出されています。

function wp_iframe($content_func /* ... */) {
　（略）
  call_user_func_array($content_func, $args);  // ここで savebutton の HTML を出力
  do_action('admin_print_footer_scripts');
?>
<script type="text/javascript">if(typeof wpOnload=='function')wpOnload();</script>
</body>
</html>
<?php
}

どうやら独自の HTML を出力できるのはその直下の do_action('admin_print_footer_scripts') のタイミングしか無さそうです。では、早速以下のような javascript でボタンを追加してみましょう。

add_action( 'admin_print_footer_scripts', 'my_add_insert_all_images_button' );
function my_add_insert_all_images_button() {
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
  $('p.savebutton.ml-submit')
    .append(
      '<input type="submit" class="button" name="bulkinsert" value="<?php esc_attr_e( 'Insert all images' ); ?>" />'
    );
});
//]]>
</script>
<?php
}

はい、バッチリ表示できました。ところが、このボタンは「画像を追加」ウインドウの「コンピュータから」タブで画像をアップロードしたときにしか表示されません。［すべての変更を保存］ボタンの身辺をもう一度洗い直してみましょう。

• 「コンピュータから」タブ
  p.savebutton.ml-submit > input.button[name=save]
• 「URLから」タブ
  なし：以降、このタブについては無視する。
• 「ギャラリー」タブ
  p.ml-submit > input#save-all.button.savebutton[name=save]
• 「メディアライブラリ」タブ
  p.ml-submit > input.button.savebutton[name=save]

これらの論理積っぽいセレクタを検討した結果、「画像を追加」ウインドウのすべての［すべての変更を保存］ボタンの隣に［すべての添付画像を投稿に挿入］ボタンを追加するには以下のようにします。

$('p.ml-submit>input.button[name=save]')
  .after(
    '<input type="submit" class="button" name="bulkinsert" value="<?php esc_attr_e( 'すべての添付画像を投稿に挿入' ); ?>" />'
  );

無事、「画像を追加」ウインドウのすべての［すべての変更を保存］ボタンの隣に［すべての添付画像を投稿に挿入］ボタンを追加することができました。すべてボタンすべてボタンくどい。

「画像を追加」ウインドウから本文にテキスト挿入、の仕組み

ボタンを表示するだけでヒト苦労でしたね。カタチから入って長続きしない感じがよくわかりました。投稿本文中に添付画像の HTML を挿入するのは［投稿に挿入］［ギャラリーを挿入］ボタンの仕組みをパチれば OK でしょう。んでは、日頃からお世話になっている［投稿に挿入］ボタンの方が親近感があるので、こちらを調べることにします。だってオレ人見知りするし。なお、このボタンの name="send[画像の ID ]" という属性は重要な手がかりかもなので証拠として押収しておきます。 では、コレをクリックするとどういう流れになるのかを明らかにするために、まずは親から攻めてみましょう。コレを含む form タグの action 属性は

action="http://example.com/wp-admin/media-upload.php?type=image&tab=gallery&post_id=投稿ID"

のようになっています。パッと見 wp-admin/media-upload.php を調べても怪しいところはありませんが、最後に

$type = strval($_GET['type']);
  :
$tab = strval($_GET['tab']);
  :
if ( $tab == 'type' || $tab == 'type_url' )
  do_action("media_upload_$type");
else
  do_action("media_upload_$tab");

という記述があります。そう言えば先ほどの action に type=image&tab=gallery が指定されていました。このクエリ文字列とアクションの関係は以下の通り：

• 「コンピュータから」タブ ... type=image&tab=type ... media_upload_image アクション
• 「ギャラリー」タブ ... type=image&tab=gallery ... media_upload_gallery アクション
• 「メディアライブラリ」タブ ... type=image&tab=library ... media_upload_library アクション

ヤツらはこういった暗号を使って捜査の網をかいくぐっていたんですね。どうやら「ギャラリー」タブの黒幕は media_upload_gallery アクション、wp-admin/includes/media.php に潜伏している模様です。ところでmedhia_upload_なんちゃら アクションは、wp-includes/default-filters.php には記述が無いんですね。これも我々の目を欺くためでしょう。
え、admin 画面でしか使わないからじゃ ... と思ったキミは先入観で目が曇っておるよ。濁っておるのだよ。キミこそがオレの天使だ！最高の女だ！と思い込むのは勝手だが、世の中にはもっと最高な天使がゴロゴロいるので視野を狭めないようにな。それに、金品の授受により天使になってくれるあのコはウソもんなので本気になってはいけない。
さて、media_upload_なんちゃら アクションは media_upload_なんちゃら ファンクションを実行するようになってますので当該のファンクションを調べます。

function media_upload_gallery() {
  $errors = array();

  if ( !empty($_POST) ) {
    $return = media_upload_form_handler();
  :

ん、こいつ media_upload_form_handler() 匂うな。しかも media_upload_なんちゃら ファンクションのすべてで if ( !empty($_POST) ) { $return = media_upload_form_handler(); してやがる。どれ。

function media_upload_form_handler() {
  :
if ( isset($_POST['send']) ) {
  $keys = array_keys($_POST['send']);
  $send_id = (int) array_shift($keys);
}
  :
if ( isset($send_id) ) {
  :
  $html = apply_filters('media_send_to_editor', $html, $send_id, $attachment);
  return media_send_to_editor($html);
}

証拠品の "send[画像の ID]" から画像用の HTML を作成して media_send_to_editor($html) しておるな。どうやら media_send_to_editor() が HTML を editor つまり投稿本文に送っているということらしい。

function media_send_to_editor($html) {
?>
<script type="text/javascript">
/* <![CDATA[ */
var win = window.dialogArguments || opener || parent || top;
win.send_to_editor('<?php echo addslashes($html); ?>');
/* ]]> */
</script>
<?php
  exit;
}

よし、わかった。

すべての添付画像の HTML を投稿に挿入する

以下、仕様。

• media_upload_ なんちゃらアクションをひととおり先取りする。
• ［すべての添付画像を投稿に挿入］ボタンがクリックされていれば横取りする。
  これは isset( $_POST['bilkinsert']) で判断できる。
• 投稿に添付されている画像を取得する。
  投稿の ID は $_REQUEST['post_id'] で取得できる。 添付画像の ID の昇順＝先に添付した画像を先に出力する。
• 画像の HTML をお好みで作成する。
• media_send_to_editor() で本文に挿入！

以下、コード。

add_action( 'media_upload_image', 'my_bulk_insert', 1);
add_action( 'media_upload_gallery', 'my_bulk_insert', 1);
add_action( 'media_upload_library', 'my_bulk_insert', 1);
function my_bulk_insert() {
  if ( isset($_POST['bulkinsert']) ) {
    $postid = $_REQUEST['post_id'];
    $images = get_children(array(
      'post_parent' => $postid,
      'post_type' => 'attachment',
      'post_mime_type' => 'image',
      'order' => 'ASC',
      'orderby' => 'ID'
    ));
    $html = '';
    if($images){
      $ids = array_keys($images);
      $first = true;
      foreach((array)$ids as $id){
        if($first)
          $first = false;
        else
          $html .= '<p><br class="spacer_" /></p>';
        $html .= wp_get_attachment_link($id, 'large');
      }
    }
    return media_send_to_editor($html);
  }
}

以下、実行結果。

CONCLUSION

お待ちかねのまとめソースです。日本人ってまとめ記事とか大好きだよね。以下を functions.php に貼り付ければ OK だぜ。エクケープ忘れとかあったらよきにはからってくれ。

add_action( 'admin_print_footer_scripts', 'my_add_insert_all_images_button' );
function my_add_insert_all_images_button() {
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
  $('p.ml-submit>input.button[name=save]')
    .after(
      '<input type="submit" class="button" name="bulkinsert" value="<?php esc_attr_e( 'すべての添付画像を投稿に挿入' );   ?>" />'
    );
});
//]]>
</script>
<?php
}

add_action( 'media_upload_image', 'my_bulk_insert', 1);
add_action( 'media_upload_gallery', 'my_bulk_insert', 1);
add_action( 'media_upload_library', 'my_bulk_insert', 1);
function my_bulk_insert() {
  if ( isset($_POST['bulkinsert']) ) {
    $postid = $_REQUEST['post_id'];
    $images = get_children(array(
      'post_parent' => $postid,
      'post_type' => 'attachment',
      'post_mime_type' => 'image',
      'order' => 'ASC',
      'orderby' => 'ID'
    ));
    $html = '';
    if($images){
      $ids = array_keys($images);
      $first = true;
      foreach((array)$ids as $id){
        if($first)
          $first = false;
        else
          $html .= '<p><br class="spacer_" /></p>';
        $html .= wp_get_attachment_link($id, 'large');
      }
    }
    return media_send_to_editor($html);
  }
}

コードだけ見ると結構短いが、ここに到達するまでには地道な捜査と検証を毛が抜ける思いをしながら繰り返しているのだ。キミがお手軽便利に使っているそのプラグイン、仕上げるまでにどれほどの労力が費やされているか。そのサポートにどれほどの労力を費やさなければならないか。そういったことを少し考えてみると、改めて、感謝せずにはいられなくなるだろう。
感謝のカタチはそれぞれで良い。寄付（ドネーション）も良いし、パッチやアイデアの提供でも良い。毎晩ありがとうございますとプラグイン作者に祈るのも、まぁ、良いかもしれん。そして、いつかは与える側になって欲しい。それがお世話になったコミュニティへの最大の恩返しになる。そういう流れを繰り返すと世の中はどんどんキレイになっていくのだ。ステキやん。
最後に、恩知らずはロクな死に方をしない、とだけ言っておこう。

プログラムを作る仕事に就きたい皆さんへ

ん、全然最後になっとらへん。
仕様仕様と偉いさんは口にするが、そんなものは実在しない。キミのかわいい彼女と同じだ。マボロシなのだよ。いいかい、現場ではソースコードがすべてだ。なので、今のうちにソースを読み解く力をつけておくと良い。
どうやってそんな力をつければいいんですか、ってそりゃアンタ人の書いたコード読み倒しゃぁええがね。世の中にはオープンソースと呼ばれる、世界中のステキな開発者達が書いたコードがそこら中に転がっている。超絶クールなコードもなにこれウンコなコードもあるだろう。何でもいいから読み倒すのだ。WordPress なんて読んで試してがヤリたい放題だぜ。猿並みに限度を知らない思春期のキミにはうってつけだ。
そしてキミが男性なら、もっと女性と接すると良い。話し易いあんまり女っぽくないコじゃダメだぜ。話しかけ難い超イカすあのコ、そうムラムラしちゃうあのコだ。そういうえびちゃんとどう接すると良いかは、今まで wpxtreme で散々説明しているので改めて全記事を読み直すと良い。GW だから時間はたっぷりあるだろう。で、どんなコだろうとメロメロにさせることができるようになれば、何故だかソースを読むセンスが養われていることに気づくはずだ。
読み解く力とは察する力である。察する力を身につけるには女性と接するのが良い。世の中にえびちゃんほどわけのわからんものはないのだ何の話だ。

動作確認バージョン

• WordPress 2.9.2
]]> http://wpxtreme.jp/insert-all-uploaded-images-simultaneously-into-the-post/feed 18 http://wpxtreme.jp/how-to-use-twitter-at-anywhere-with-wordpress http://wpxtreme.jp/how-to-use-twitter-at-anywhere-with-wordpress#comments Sun, 18 Apr 2010 15:31:39 +0000 kz http://wpxtreme.jp/?p=295 @Anywhere、各種サービスがこぞって取り入れることでどんな風に WEB が変わっていくのかとても楽しみです。Google が連発するマイナーサービスのように出ては消え、なんてことにはならないといいですね。Getting Started の翻訳記事もチラホラ出てきましたが、こういうところに書いてあるサンプルやドキュメントなどは、始まったばかりのサービスならなおさら、だいたい内容が意味不明です。平気でウソも書いてありますが、訂正されることはあまりありません。
なので、良識ある wpist の皆さんは原文や日本語になった記事を読んだだけで納得してしまわないように。見聞きしただけでその世界がわかった気になるのはクラブのおねーちゃん達の得意技です。皆には目先の欲望に振り回されず、その浅さを愉しむ大人になって欲しい。
そういったわけで wpxtreme では現場第一主義を貫き、実際にやってみたちゃんと動く @Anywhere の使い方を長々とお届けします。Continue Reading »]]> まずは API キーを取得しよう

Twitter の機能がラクチン API でボク達のサイトでも利用できるようになるという夢の @Anywhere。まずは「http://example.com ってサイトで使いますよ」っていうことを Twitter 様に申し出る必要があります。そうすると Twitter 様から「じゃぁ、お前んとこはこの API キーを使え」と呪文（APIキー）を授けられます。これはヨソのドメインでは使えません。めんどくさいですがイイナリになるしかないのでこの手順を踏む必要があります。

New Twitter Application をクリックすると以下のような画面になります。

• Application Name：サイトの名前
• Application Website： サイトのURL
• Callback URL：とりあえず同上で OK
• Application Icon：72x72くらいでどうでしょう（指定しなくても OK）
• CAPTCHA：2単語読んで

のように必要事項を入力して［Register application］ボタンをクリックすると利用規約のウインドウが表示されるので［Accept］ボタンをクリックします。無事登録完了すると以下のような画面になります。サンプルコードの id=なんちゃら が API キーなのでメモっておくように。どうせ HTML ソースに丸出しになるのでモザイクをかける必要も彼女に内緒にしておく必要もありません。

これで自分のサイトで @Anywhere を使う準備ができました。

WordPress で利用するには

functions.php に以下を追加して、@Anywhere のスクリプトと @Anywhere を使用するアナタのスクリプトを読み込ませます。wp_enqueue_script() だと @Anywhere の URL の最後に &ver=2.9.2 とか WordPress が勝手に付けますがちゃんと動作しますのでご安心ください WebKit系でちゃんと読めないようなので echo に変更。

add_action('wp_print_scripts', 'my_enqueue_scripts');
function my_enqueue_scripts(){
/*
  wp_enqueue_script( // @Anywhere のスクリプト
    'twitter-anywhere', 
    'http://platform.twitter.com/anywhere.js?id=アナタのAPIキー&v=1',
    array(), false, true
  );
*/
  echo '<script src="http://platform.twitter.com/anywhere.js?id=アナタのAPIキー&v=1" type="text/javascript"></script>';

  wp_enqueue_script( // @Anywhere を使うアナタのスクリプト
    'my-script', 
    'http://example.com/〜/my-script.js',
    array(/* 'twitter-anywhere' */), false, true
  );
}

WprdPress で、っていうのはコレだけなので詐欺的な記事タイトルですね。

さぁ、始めるよ！

@Anywhere は jQuery ライクな 使い方ができる API です。my-script.js とかなんとかを作成して以下のような書き方で利用すると良いでしょう。

jQuery(document).ready(function($){
  var myTwitter;                 // オレ達が使う Twitter オブジェクト用変数。

  // @Anywhere を初期化。初期化完了後は onAnywhereLoad をコールバック！
  twttr.anywhere(onAnywhereLoad /*, ウインドウコンテキストも指定可能 */);
  
  // @Anywhere 初期化コールバック。オレ達専用の初期化はここで行う。
  function onAnywhereLoad(twitter){
    myTwitter = twitter;         // オレ達用に @Anywhere から授けられた Twitter オブジェクトを保存しておく。
    myTwitter.linkifyUsers();
    myTwitter('.hovercards-target').hovercards();
    myTwitter('.follow-kz').followButton("kzxtreme");
    /* ... などなど、お好みの初期処理を記述 */
  }

  // myTwitter を使っていつでもどこでも @Anywhere を利用できます。
  // クリックされる度に指定ユーザーのフォローボタンを追加
  $('.add-follow-button').click(function(){
    myTwitter('.follow-user').followButton($('input#user-to-follow').val());
    return false;
  });
});

anywhere.js を読み込むと twttr オブジェクトが使えるようになります。twttr は 初期化とかサインアウトとかを行うための、ボク達が色々イジくれるオブジェクトとは別次元に存在するオブジェクトです。
まず始めに twttr.anywhere() で @Anywhere を初期化します。引数にはコールバック関数 onAnywhereLoad() を指定し、ソコで自分の初期化処理を行います。一部のウインドウコンテキストでのみ @Anywhere を使いたい場合は、第2引数にソレを指定します。未指定の場合は、現在のページがまるっと対象です。
onAnywhereLoad() で受け取った twitter がボク達が色々イジくれる Twitter オブジェクトです。上のコードのように myTwitter に Twitter オブジェクトを保存しておけば onAnywhereLoad() の外でも使うことができて便利ですね。ただし実際にお外で使うときは、オブジェクトが null だか undefined じゃないことをまず確認しましょう。
この Twitter オブジェクトには jQuery のセレクタと同様に操作対象となる DOM 要素を指定することができます。

• myTwitter.linkifyUsers()
  linkifyUser() の対象は myTwitter のウインドウコンテキスト全体（ページ全体）。
• myTwitter('.linkify-target').linkifyUsers()
  linkifyUser() の対象は myTwitter のウインドウコンテキスト内で linkify-target クラスを持つ DOM 要素以下すべて。

ただし、このセレクタは twttr.anywhere() で初期化を行う前の DOM要素しか見ていません。twttr.anywhere() 以降に javascript で追加された DOM 要素はセレクトしてくれないので注意してください。

Linkify - ユーザー名を自動でリンクさせる

例えば ページ中のテキストに @kzxtreme のような Twitter ユーザー名があれば、それに Twitter ユーザーページへのリンクを付けてくれる。以下の文章をよく読んで linkify ! リンクをクリックしてみよう。@kzxtreme 他がリンクされるぞ。変化の瞬間を見逃さないようにね。

この文章には class="linkify-target" が指定されているので、この @kzxtreme にリンクが付けられるはずだ。大文字小文字は関係ない @KzXtReMe。存在しないユーザー名でもリンクする @sonnnayatu_ine_yo。非twitter ユーザー名 @ab-bc @オレ様 だとどうなるかは己の目で確かめて欲しい。@Anywhere の動向については @anywhere をフォローすると良いぞ。wpist なキミは @jawordpressorg もマストだ。

では、心を無にして、レッツ linkify！

どうだね！非常に地味だろう！ linkify はちょっと便利だけども、たかがリンクを張るだけなのでイマイチ面白くない。真面目過ぎてツマランのだ。視野がチョー狭い思春期ならともかく、大人ならもっと遊び心が欲しい。それが大人の余裕。私年上じゃないとダメなの、というえびちゃんの真意を読み取ろう。この linkify のサンプルは以下のようなコードで実現している。

$('.linkify').click(function(){                 // linkify クラスをもつ DOM 要素がクリックされた！
  myTwitter('.linkify-target').linkifyUsers();  // twttr では linkifyUser() はできんのだよ ...
  return false;                                 // このクリックのイベントはここで終わらせてくれ。
})

日本語で説明すると linkify クラスを持つアンカーリンクがクリックされたときに「linkify-target クラスを持つ DOM 要素以下すべてに対して linkifyUsers() を実行」してユーザー名のリンクを作成しています。
なお、実際にはこのように閲覧者のアクションで linkify することはないはずなので、初期化のコールバック関数内で始めから linkifyUsers() しちゃいましょう。

コネクトしよう

以降のサンプルがフルで動作するためには、今まさにキミがウチのサービスにサインイン（ログイン）＝Twitter にコネクトしている必要がある。していなくても必要になったらサインイン的コネクトウインドウが出てくるのでヨロシク。コネクトのためのボタンは connectButton() を使って以下ようなコードで表示する。

myTwitter('#signin-anywhere').connectButton({
  authComplete: function(signedInUser){  // コネクト／サインイン完了後のコールバック
    /* 好きなことができます */
  }
});

これで id が signin-anywhere の DOM 要素内にボタンが表示される。コネクト／サインイン後に何もしない＝ボタンの表示だけなら、authComplete オプションなしで単に myTwitter('#signin-anywhere').connectButton() などとすれば OK。なお、原文には signOut っていうオプションでユーザーがサインアウトしたときに何かやれまっせ的なことが書いてあるが、そんなイベントは今のところ発生しないぞ？

アンコネクト／サインアウトのためのボタンは提供されないが、twttr.anywhere.signOut() を実行すればサインアウトできる。ので以下のように何かのクリックイベントで呼んでやれば良い。クリックしてもシー・・・ンとしてるので親切な方は「サインアウトしましたよ」とか表示してあげてください。

$('.signout-anywhere').click(function(){
  alert('signout しますー');
  twttr.anywhere.signOut();
  return false;
});

右のリンクをクリックするとサインアウトします... 【サインアウトする】

サインインしたりサインアウトしたりコネクトしたりアンコネクトしてみるが良い。非コネクト状態でこの記事を一通り読んだ後で、コネクトしてからこのページの表示を更新するとまた違った世界が見えてくるはずなのでぜひお試しください。

ところで、ユーザーがコネクト／サインインしているかの判定やユーザー情報の取得方法を説明している Welcome to @Anywhere | dev.twitter.com の Working with the current user にある以下のサンプル（一部）は 2010.4.18 16:00 現在ウソなので信用しないように。

if(twitter.isConnected) {
  currentUser = twitter.User.current;
  screenName = currentUser.data('screen_name');

以下がこのコードの具体的な真実だ。

• twitter.isConnected はいつでも true。だって関数だもの。isConnected() だろ。
• twitter.User は attributes を設定するファンクション。current なんて無い。
• data なんてファンクションは無い。

正しくは、現在の（コネクト／サインインしている）ユーザーの情報は以下のように取得する。

if(myTwitter.currentUser)
    screenName = myTwitter.currentUser.attributes.screen_name;
    profileImage = myTwitter.currentUser.attributes.profile_image_url;

サインインしているコネクテッドなキミならわかると思うが、上に表示されているキミの情報が Twitterオブジェクト.currentUser で取得できる。それに続けて .attributes.screen_name などとたどれば必要な値を取得することができる。例えば、現在コネクト／サインインしているユーザーのプロフィール／自己紹介の内容なら以下のようにすれば OK。

myTwitter.currentUser.attributes.description

アナタの自己紹介を 取得する
[your info]

Hovercards - ユーザー名にホバーするとツールチップが！

次は linkify よりちょっとワクワクするぜ。先ほどの linkify されたユーザー名にマウスポインタをマウスオーバー（長いので以降ホバー）させると、ユーザの公開情報がイカしたツールチップで表示されるのだ。そのツールチップのことをホバーカードと呼ぶ。商標取るなら今のうちだぜ。では早速下の @kzxtreme にキミのマウスポインタをホバーさせてみて right now !

この @kzxtreme にレッツホバー！

どうだね！ちったぁ オォッ ってなったかね！ツールチップ内の「もっと読む ...」をクリックするとさらに詳細な情報が表示させるぜ。hovercards() では指定の DOM 要素内をまず linkify して、そのホバーイベントで ajax なツールチップを表示させている。こ、これがマッシュアップってやつか！違うな、ハッシュドポテト食べたい。こういうオシャレなことがしたかったら、以下のようなコードを我らがイニシャライザーコールバック onAnywhereLoad() に追記します。hovercards で 1 語だから c は小文字でヨロシク。

myTwitter('.hovercards-target').hovercards();

とくに DOM 要素を限定せずページ全体に適用したい場合は myTwitter.hovercards() で OK。この hovercard は対象リンクが画面上のどこにあっても、リンクの上下いずれかシックリくる方に表示される。ステキ。

素のユーザー名以外でもホバーカードできる？

はい、私達はアナタが好き勝手に書いたリンクテキストや画像や、そしてリンクもクソも無い素のテキストにさえも ホバーカード を使えるように設計しました。すばらしい、そういった心配りがあるから Twitter はバブリーな存在になれるのだ。例えば既にリンクとなっている文章がユーザー名を含んでいる場合は、hovercards() の infer オプションに true を指定する。

myTwitter('.hovercards-target-infer').hovercards({
  infer: true
});

onAnywhereLoad() でこんな風に書いておけば、下の class="hovercards-target-infer" なオレ様のアンカーリンクでもホバー時に hovercard が表示される。

リンク内のテキストの一部に @kzxtreme なんてユーザー名を含む場合もOK

うむ、使いどころがよくわからんぞ。リンクテキスト内のユーザー名捜索には正規表現を使っているとのことです。

えっ、じゃぁ @jawordpressorg @kzxtreme みたいにユーザー名が複数ある場合は？

始めに一致するユーザー名が hovercard の大賞おめでとう、ちゃう、対象になります。

次にユーザー名を含まないテキストや、もはやテキストですらない画像であってもホバーカードはご利用可能です。VISA/MASTER カードに迫る勢いだね。キタるべきカード至上社会に備えよ！ワンランク上を行く大人のステイタス、ホバーカード。まずはイメージから。

やぁ！オレは kz。
もうさすがに WEB 3.0 とか言い出すヤツはいないと思ってるよ！
ところで、そろそろ「なんで今ドキえびちゃんなんですか？」っていうご意見があっても良さそうなんだけど、一向に無いってことはまだまだえびちゃんはアツイってことなんだね。
ちなみに、はてブ的にはこのサイトのキーワードは「WordPress, えびちゃん」だ。計画通り。

こういう場合は hovercards() の username オプションにユーザー名を指定すれば OK。パンが無ければケーキでいいじゃないの法則です。以下のようにオプション値にファンクションを書いてさんざん好きなことをした後で、思い出したように return でユーザー名を返しても良いです。

myTwitter(".hovercards-target-image").hovercards({
    username: function(node){  // ファンクションにすると「この」DOM要素のオブジェクトを受け取れる。  
      /* do stuff */
      return node.title;       // img 要素なら title 属性にユーザー名を指定しておくと良いね！
    }
});

ん、title 属性の値をヒント表示するブラウザだと、ウザい。では素テキストの場合。通常は太字にしたり色変えたりしないとホバーカードが出てくるなんて誰も気づかんのでご注意ください。以下、サンプルのご利用方法：

• 「けーずぃーえくすとりぃーむ」にホバー！
• 何も起こらない ...
• 「ホバーカード対応させる！」のリンクをクリック
• 黄色くなった ...
• 怪訝な表情で再度「けーずぃーえくすとりぃーむ」にホバー
• おおぉ「けーずぃーえくすとりぃーむ」がホバーカード対応されておる！
• 嬉しくって何度もホバー
• 「ホバー！」だらけ

けーずぃーえくすとりぃーむ
上のテキストをホバーカード対応させる！

これは、以下のような jQuery を用いた javascript プログラミングで実現されています。

$('.hovercards-text').click(function(){
  $('.hovercards-target-text').css('color', 'yellow');
    myTwitter('.hovercards-target-text').hovercards({						
      username: function(node){
        $(node).append('  ホバー！');
	return 'kzxtreme';
      }
    });
    return false;
  });

あなたのそばに、フォローボタン

今までは、一般の方はサイト上で follow me とか言っても twitter.com/ユーザー名 へのリンクを張るのが精一杯でしたが、@Anywhere の登場によって 本物の「フォローする」ボタンを表示させることができるようになりました。見た目は諸々の状態によって変化します。このボタンは iframe の中にいるのでデザインは 変更できません。よね？

オレをフォローするボタン フォローしたり解除したりしてみて。

@jawordpressorg をフォローするボタン もうフォローしてるよね？

@jpwordpressorg をフォローするボタン そんなユーザーはいません。

ここ にユーザー名を入力して、
フォローするボタンを 追加 ...

Twitter 上での動作通り、ボタンをクリックすると確認無しでフォローします。ログインしてない場合は、まずログインウインドウが表示されます。なお、自分をフォローするボタンをクリックすると［Can't follow @kzxtreme］な disabled ボタンに変わります。ちぇっ。

Tweet Box

下のツイートボックスからダイレクトにつぶやけます。アプリケーションはこのサイトなので「wpxtremeから」のツイートとなるんですよ、ワォ！

（ここにつぶやいた内容が表示されます。）

これも簡単、サンプルコードは以下のとおり。

myTwitter("#tweet-box").tweetBox({
  counter: true, // あと何文字ですよの表示の有無
  height: 100,
  width: 620,
  label: 'レッツツイート！',
  defaultContent: 'ツイートボックスに予め入力しておく文字列',
  onTweet: function(tweet, renderedTweet){
    $('#tweeted-text').html(renderedTweet);
});

onTweet にはツイート完了後の処理を書くことができます。引数の tweet は生のつぶやき、renderedTweet はマークアップされたつぶやきです。サンプルではツイート後に id="tweeted-text"の DOM 要素内へマークアップされたつぶやきを放り込んで表示しています。

CONCLUSION

以上、ナガナガと説明しましたがコレこそが今 @Anywhere でちゃんと動くサンプルです。どうせまたコロコロ変わると思うので、うまく動かないうまく動かないうまく動かないと悩まなくてもよろしい。あんまりクヨクヨするとハゲるぜ。
ドMなアナタは @Anywhere documentation を頼りに試行錯誤して悶絶してみるのもいいだろう。

動作確認バージョン

• @Anywhere 1
• WordPress 2.9.2
]]> http://wpxtreme.jp/how-to-use-twitter-at-anywhere-with-wordpress/feed 72 http://wpxtreme.jp/how-to-use-custom-post-types-in-wordpress-3-0-beta1 http://wpxtreme.jp/how-to-use-custom-post-types-in-wordpress-3-0-beta1#comments Sun, 11 Apr 2010 19:55:52 +0000 kz http://wpxtreme.jp/?p=269 WordPress 3.0 ベータ1 の日本語版 がリリースされ、インストールしてイジり始めた人も多いことでしょう。皆は MU との統合でサイトの複数運営が簡単になりそうねな「ネットワーク」に気がいってしまってるようだが、実際の現場で重宝されるのは圧倒的に カスタム投稿タイプ に違いないのである。多いに活用されるか否かはネーミングに因るところが大きい、ということは 以前ご説明差し上げましたとおり タクソノミーが証明しているのだ。それにしても「ネットワーク」か ... 遠いな。
3.0 で一介のブログシステムから本格 CMS へと大きく変貌を遂げる WordPress は、3年後をメドに「前田さんとこの WordPress テーマって有料らしいわよ！」「んまぁ！見かけによらず大胆ねぇ」とご近所のおばちゃん達のヒソヒソ話でも話題になるほどメジャーな存在として認知される予定である。そのための大きな役割を担うのが カスタム投稿タイプ なのだ。今回はその カスタム投稿タイプ がどれほどの力を秘めているのか、チョー具体的に解説しよう。いつものような変態的カスタマイズはありませんので女性はもちろんお子様にも安心してご覧いただけます。Continue Reading »]]> 3.0 以前

昔は本気でこんなことしてたんだねぇ、ほぇー。と懐かしむことになるであろう現在のありがちなツクリを例に挙げてみよう。

ブログを始めたえびちゃんは、お仕事で撮影したヘアスタイルをブログに載せたいとナジミの wper にオネダリしてみた。もちろんブログ（日記）の一投稿としてではなく、別途ヘアスタイルカタログ的なものを望んでいる。さらには「ロング，ウェーブ」などの情報も付けたいし「お気に入り度」も欲しいと言う。

ボクが欲しいのはキミだけなのに、とかグジグジ思ってはいけない。欲しがったら負けだ。オマエを選んでやってもいいぜ？くらいの気持ちで臨むのがよろしい。そんなわけで、例えキミが wpist であっても 3.0 以前では以下のようにするしか無かった。

• 投稿のカテゴリーに「ヘアスタイル」を追加。
• ヘアスタイルを投稿する時は「ヘアスタイル」カテゴリーを選択。
• 「ロング，ウェーブ」はタグを利用。
• 「お気に入り度」はカスタムフィールドを利用。

こうするしか、無かったんだ。しかしそれはキミの都合、そして WordPress 3.0 以前の都合です。えびちゃんは「なんでヘアスタイルが投稿なのよ！なんで日記書くときにお気に入り度とか出てくんのよ！バッカじゃないの？！」とこっちの苦労も考えず好きなこと言いやがります。
ですが、おっしゃることはごもっともなのです。作り手の都合を使う側に押し付けてはいけません。「投稿を新規追加してカテゴリーのヘアスタイルにチェックを入れて投稿のタグにヘアスタイル関連タグを入力してカスタムフィールドの名前からお気に入り度を選択して値に数値を入れて更新ボタンをクリックして...」なんて呪文を唱える方がイカれてるんです。エンジニアでもない人にヘルプ読めとか言う方が何もわかっとらんのです。DIGA の字幕の ON/OFF の仕方がワケわからんぞまったく。
各種デザイナー＆デベロッパーの皆さんは、使う人が何も説明されなくても自然と使えてしまう、のがベストなのだと気づきましょう。

3.0 ならこんな風

※以降の内容は beta1 を元に説明しておりますので、正式リリースでは事情が変わるかもしれません。なんてことは今後ともイチイチ書かないのでその辺はよきにはからってください。
で、3.0 ならどうなるのかと言いますと。

• 投稿，ページと同レベルで「ヘアスタイル」を扱える。
• 「ヘアスタイル」を編集，新規追加できる。
• 「ヘアスタイル」に専用の「ロング，ウェーブ」的分類ができる。
• 「ヘアスタイル」に専用の「お気に入り度」を追加できる。

見た方が早いですね。まずは「ヘアスタイル（Hair Styles）」の一覧表示画面です。おぉぉ、イカしてますね。この一覧表示の各カラムも自由にデザインできますので色々夢が膨らみます。なお「ヘアスタイルの分類」はこの「ヘアスタイル（Hair Style）」専用のタクソノミーです。カスタムタクソノミーの記事で言ってたカスタム投稿タイプとの絡み がこれなんですねー。では次に「ヘアスタイル（Hair Style）」の編集画面。すばらしい。通常の「投稿の編集」で表示されるメカメカしたメタボックス群もありませんね。これなら使い方をイチイチえびちゃんに説明しなくてもわかってくれます。グダグダ言わずにこのようにあっさり鮮やかに対応するのが男なのさ。
カスタム投稿タイプのおかげでより自由度が高くなっているのに、使う人にも作る人にも優しくなっているのは流石です。3.0 以前の中途半端な実装については不問といたしましょう。やっててよかった WordPress。やはりオレの目に狂いは無いのだぜ。

コード

以下を functions.php に追加すれば OK。もちろん WordPress 3.0 beta1 以降でお試しください。テーマは Twenty Ten 0.7 をご使用です。見ればわかる内容なので説明は割愛するぜ。わかんねーよ、という方はその旨コメントにてお知らせいただければそこそこ丁寧にご回答いたします。

add_action('init', 'my_custom_stuff'); 
function my_custom_stuff(){
  register_post_type(
    'hairstyle', 
    array(
      'label' => __('Hair Styles'),
      'singular_label' => __('Hair Style'),
      'public' => true,
      'show_ui' => true,
      'capability_type' => 'post',
      'hierarchical' => false,
      'rewrite' => false, 
      'query_var' => false, 
      'supports' => array(
	'title', 
	'editor', 
	'thumbnail'
      ),
      'register_meta_box_cb' => 'my_hairstyle_meta_box'
    )
  );
  
  register_taxonomy(
    'hairstyletag', /* もうちょっとマシなタクソノミー名を考えよう */
    'hairstyle', /* どの post type で使うかを指定 */
    array(
      'hierarchical' => false,
      'update_count_callback' => '_update_post_term_count',
      'label' => 'ヘアスタイルの分類',
      'singular_label' => 'ヘアスタイルの分類',
      'public' => true,
      'show_ui' => true
    )
  );
}
//
function my_hairstyle_meta_box($post){
  add_meta_box('my_hairstyle_meta', 'お気に入り度よ！', 'my_hairstyle_meta_html', 'hairstyle', 'normal', 'high');
}
function my_hairstyle_meta_html($post, $box){
  $rating = get_post_meta($post->ID, 'rating', true);
  echo wp_nonce_field('my_hairstyle_meta', 'my_meta_nonce');
  echo 'このヘアスタイルは... ';
  echo '<input type="radio" name="rating" value="めっちゃ好き"' .('めっちゃ好き' == $rating ? ' checked="checked"' : ''). '>めっちゃ好き　';
  echo '<input type="radio" name="rating" value="嫌い！"' .('嫌い！' == $rating ? ' checked="checked"' : ''). '>嫌い！　';
  echo '<input type="radio" name="rating" value="フツー"' .('フツー' == $rating ? ' checked="checked"' : ''). '>フツー';
}
add_action('save_post', 'my_hairstyle_meta_update');
function my_hairstyle_meta_update($post_id){
  if(!wp_verify_nonce( $_POST['my_meta_nonce'], 'my_hairstyle_meta'))
    return $post_id;

  if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) 
    return $post_id;

  if('hairstyle' == $_POST['post_type']){
    if(!current_user_can('edit_post', $post_id))
      return $post_id;
  }else{
    return $post_id;
  }

  $rating = $_POST['rating'];
  if($rating == '') 
    delete_post_meta($post_id, 'rating');
  else
    update_post_meta($post_id, 'rating', $rating);
}
//
add_filter('manage_edit-hairstyle_columns', 'my_hairstyle_columns');
function my_hairstyle_columns($columns){
  $columns = array(
    'cb' => '<input type="checkbox"/>',
    'title' => 'スタイル名',
    'image' => '画像',
    'tag' => '分類',
    'rating' => 'お気に入り度',
    'date' => '日付'
  );	
  return $columns;
}
//
add_action('manage_posts_custom_column', 'my_hairstyle_column');
function my_hairstyle_column($column){
  global $post;
  if('image' == $column) the_post_thumbnail(array(64, 64), 'class=featured-image');
  elseif ("tag" == $column) the_terms(0, 'hairstyletag');
  elseif ("rating" == $column) echo get_post_meta($post->ID, 'rating', true);
}

register_post_type：カスタム投稿タイプの登録

えびちゃん好みのカスタム投稿タイプを追加するのがこのファンクションです。詳細は Codex：関数リファレンス/register post type をご覧ください。とは言ってもやっぱりめんどくさがって見ない人がいらっしゃるに違いないので、ご丁寧に説明いたします。Codex と 3.0beta1 のソースで食い違いがある部分はソースの内容を書いておきます。

書き方：

<?php register_post_type($post_type, $args) ?>

$post_type：文字列，必須　
　カスタム投稿タイプの名前を指定します。
$args：配列，任意　
　以下のパラメータを指定します。


パラメータ：

label：文字列，任意，デフォルト＝ $post_type 値
　カスタム投稿タイプの管理メニュー表示名として使用されます。
　英語なら複数形で。i18n を考慮して __('my-types') のように指定すると良い。

singular_label：文字列，任意，デフォルト＝ $label 値
　新規追加、編集のページで表示されるカスタム投稿タイプ名。i18n を考慮のこと。

description：文字列，任意，デフォルト無し
　カスタム投稿タイプの概要。使わないはず。

public：bool，任意，デフォルト＝false
　カスタム投稿タイプが管理画面で表示される（ユーザに使ってもらう用）か否（裏で使う用）か。

publicly_queryable：bool，任意，デフォルト＝public 値
　通常のクエリに含むか否か。とは言うものの true でも index.php で出てこないぞ。

exclude_from_search：bool，重要，デフォルト＝！public 値
　検索結果から除くか否か。

show_ui：bool，任意，デフォルト＝public 値
　管理メニュー＆画面を自動で表示するか否か。

capability_type：文字列，任意，デフォルト＝'post'
　読み書き削除に適用される権限
　以降、権限パラメータは通常の投稿と同じで良いなら未指定（デフォルト）で OK。
　カスタム投稿タイプ独自の権限を作るなら、これに例えばカスタム投稿タイプ名を指定して、
　各種 Role に edit_hairstyle とかなんとかを追加していけば良い。
　詳しくは Codex：ユーザーの種類と権限

edit_cap：文字列，任意，デフォルト＝"edit_$capability_type"＝'edit_post'
　このカスタム投稿タイプに属する記事の編集権限名。

edit_type_cap：文字列，任意，デフォルト＝ 'edit_' . $capability_type . 's'＝'edit_posts'
 　このカスタム投稿タイプの一覧画面での編集権限名。

edit_others_cap：文字列，任意，デフォルト＝ 'edit_others_' . $capability_type . 's'＝'edit_others_posts'
　他のユーザの作成した記事の編集権限名。

publish_others_cap：文字列，任意，デフォルト＝ 'publish_' . $capability_type . 's'＝'publish_posts'
　記事の公開権限名。

read_cap：文字列，任意，デフォルト＝ 'read_' . $capability_type . 's'＝'readt_post'
　記事を読む権限名。

delete_cap：文字列，任意，デフォルト＝ 'delete_' . $capability_type . 's'＝'delete_posts'
　記事の削除権限名。

hierarchical：bool，任意，デフォルト＝false
　ページのように階層有り（true）とするか、投稿のように階層無し（false）とするか。

supports：配列，任意，デフォルト＝なし
　カスタム投稿タイプの編集画面で表示するメタボックスを 
　add_post_type_support() を使う代わりに、登録時に指定する。
　'title'　＝　タイトル欄
　'editor'　＝　本文欄
　'author'　＝　作成者欄
　'thumbnail'　＝　投稿サムネイル／Featured Image 欄
　'excerpts'　＝　抜粋欄
　'trackbacks'　＝　トラックバック／ピンバック欄
　'custom-fields'　＝　カスタムフィールド欄
　'comments'　＝　コメント欄
　'revisions'　＝　リビジョン
　'page-attributes' (parent, template, and menu order)　＝　ページの属性欄
　※デフォルト／未指定の場合は title ＆ editor が自動で設定される。
　　何かを指定さえすれば、title や editor 無しにもできる。

register_meta_box_cb：文字列（関数名），任意，デフォルト無し
　編集画面のメタボックス設定時コールバック。
　remove_meta_box() とか add_meta_box() はこのコールバックで行いましょう。

taxonomies：タクソノミー名（文字列）の配列，任意，デフォルト無し
　カスタム投稿タイプに関連づけたタクソノミーは別途 
　register_taxonomy() や register_taxonomy_for_object_type() で登録する方が良い。
　これは、すでに登録済のタクソノミーをこのカスタム投稿タイプで使う場合に指定。

menu_postition：文字列，任意，デフォルト＝null＝一番下
　管理メニュー上での表示順位。3.0beta1 では未実装。

menu_icon：文字列，任意，デフォルト＝null＝投稿のアイコン
　管理メニュー画面で使用されるアイコンのURL。3.0beta1 では未実装。

permalink_epmask：文字列，任意，デフォルト＝EP_NONE
　パーマリンクの何かマスク。気にしなくて OK。

rewrite：配列，任意：デフォルト＝true
　※パーマリンク設定がデフォルトでない場合に有効。
　パーマリンク設定に従ってリンクを書き換えるか否か。
　false＝http://example.com/?post_type=hairstyle&p=123
　true＝http://example.com/hairstyle/わんこ風
　array('slug' => 'hair-styles')＝スラッグを変更＝http://example.com/hair-styles/わんこ風
　'with_front' - defaults to true　よくわからん。

query_var：bool，任意，デフォルト＝true
　※パーマリンク設定がデフォルトの場合に URL が以下のように変わります。
　false＝http://example.com/?post_type=hairstyle&p=123
　true＝http://example.com/?hairstyle=わんこ風

_builtin：bool，使わないこと，デフォルト＝false
　コア組み込みの投稿タイプ（true）かカスタム投稿タイプ（false）か。

__edit_link：bool，使わないこと，デフォルト＝'post.php?post=%d'
　記事を編集する際のリンク。

最低限指定すべきパラメータは public。あとは label, supports, register_meta_box_cb, taxonomies くらいですね。publicly_queryable=true （public=true）なら通常のブログ記事一覧表示に出てくるはずなんですが、カスタム投稿タイプの記事は出てきませんでした（Twenty Ten 0.7）。眠いからか？とりあえず以下のようにすると、カスタム投稿タイプの記事一覧を表示することはできます。

query_posts('post_type=hairstyle');

今回のタイトルは「使う」でしたが、実際は「作る」まででしたね。早朝なので眠いです。もう寝ます。

カスタム投稿タイプだからできるこんなこと

• 「臨時休業」カスタム投稿タイプで本文と休日だけを入力してもらうと、information の記事として表示しつつ営業日カレンダーに反映。
• 飲食店で「スタッフブログ」の他に「お知らせ」「メニュー」「スタッフ」「クーポン」をカスタム投稿タイプとして追加。カテゴリから解放される！タグ的タクソノミーがカスタム投稿タイプ別に作れる！

他にもえぇっと、あのホラいっぱいあるよカスタム投稿タイプで幸せになれることが。wpxtreme ではアナタのアイデアを募集しています。コメントにてドシドシご応募ください。ドシドシって擬態語？

動作確認バージョン

• WordPress 3.0 beta1
]]> http://wpxtreme.jp/how-to-use-custom-post-types-in-wordpress-3-0-beta1/feed 63 http://wpxtreme.jp/how-to-write-a-message http://wpxtreme.jp/how-to-write-a-message#comments Mon, 05 Apr 2010 19:46:34 +0000 kz http://wpxtreme.jp/?p=257 一方日本では芸能人的有名人のサイトならコメントはスリスリと多く寄せられるが、例えば技術系ブログにおいては今まさにそのネタを必要としていた人からの質問的なコメントのみがあったりなかったりの有様だ。
少々意地悪なコメントは欧米でも日本でも見られるがその違いは大きい。欧米では程よいツッコミ加減で書く人も書かれた人もそして読む人もニヤニヤ（幸せ版）な感じになるのに対し、日本の場合はコメントがマイナスオーラを帯びていることが多い。書かれた人も読む人も残念だわネーとなる。書いた人はニヤニヤ（非幸せ版）かもだが、発したマイナスオーラは自身の人生に残念なカゲを落としてしまうことに早く気づいて欲しい。
そう、そんなことだから日本はどんどん衰退していくということに皆気づくべきなのだ。意味がワカランかね？んでは、ちょうど良いメッセージをいただいたので、ケーススタディとしてどうすれば日本が元気になるか添削してみよう！Continue Reading »]]> おなまえ：匿名
メールアドレス：google@yahoo.com
メッセージ本文：
つぶやきを見て感想を述べます。失礼な表現はお許しください。
Safari, Chrome, Firefox に Opera から "upgrade" は出来ません。それは downgrade です。
http://www.html5.jp/blog/2010/04/04/html5-api/
http://www.miketaylr.com/code/input-type-attr.html
CSS3 に対応したブラウザを使わないと十分デザイン意図が再現出来ないのは、プロとしてどうでしょうか。
http://en.wikipedia.org/wiki/Progressive_enhancement

また冒頭で lang="ja" と宣言されていますが、メインコンテンツが全て英語ですね。content description や keyword は日本語しかありませんね。対象は日本人ですよね。この辺の意図が今一分かりかねます。英語のコンテンツはファッションでしょうか。

ホラ、残念な気持ちになったでしょー。これは kz のポートフォリオサイト kzxtreme.com のコンタクトフォームからいただいたメッセージである。こういう感じのメッセージを書いちゃうようだとまずえびちゃんは振り向いてはくれない。「ウザい」と言われて終わりだ。もしキミが wpist ならどんな内容だろうと誰が読んでも常に幸せになれるようにメッセージを書くことを心がけよう。そうすればえびちゃんの方からガンガンメールが来ることになる。逆にこっちから「ウゼー」と言ってやれば良い。えびちゃんはもうキミにメロメロだ。不思議に思うだろうがえびちゃんとはそういうものなのだ。
このように、幸せを発すると自分も幸せになる。同様にマイナスオーラを発するとマイナスな諸々が自分に返ってくる。因果応報って知ってるよね？ん、さっぱり意味がワカランかね？

経緯

1. WordBench 名古屋でしこたま飲む。
2. 翌朝全裸で目覚める。寒い。
3. 大事な用事があるのに一日酒臭い息で外出。
4. 帰宅すると欧米の Opera ユーザーから「Opera is good... also !」なメッセージがいくつか届いている。
5. kzxtreme.comをご覧のOperaユーザ達からOperaもモダンブラウザじゃ！メールがいっぱい来るよーわーん とつぶやく。
6. すかさず冒頭のメッセージをいただく。
7. ファッションですよ☆ 他、つぶやく。
8. 投稿サムネイルネタは保留にして本投稿を執筆。

とりあえず今日は酒が残ってるので kz がそういう状態の時はめんどくさいメッセージは日を改めていただくとありがたい。まずはそういう 他人に対する配慮、粋な心配り といったところから意識して始めてみよう。

添削

おなまえ：匿名

匿名はダメです。なんで匿名にするのかというと、それは自分に自信が無いからです。自信のない人にえびちゃんはナビきません。根拠が無くても胸を張って背筋を伸ばして、目を見てはっきり話せば自信に満ちあふれた人物を演出できるのでお試しください。ただし、自信は不遜とは違います。己を信じているということです。新年を明けまして、ちゃうわ、信念を持って恥じること無く自分の人生を生きているという意味です。

メールアドレス：google@yahoo.com

ウソアドレスはダメです。これがコメントだったらせっかくの Gravatar が正しく表示されません。また、テキトウに書いたものが誰かのアドレスと同じになるとご迷惑なことになります。幸いこのアドレスは取得されていません（多分取得できません）が、例示する場合は me@example.com などとしましょう。
うっかり匿名と入力するのはいたしかたない。人間だもの。でも、そこからさらにウソアドレスを入力してまで送信すべき価値ある内容なのかどうか、そしてそれを「今からコレ送信するよー」と親や子供やかわいい嫁に見せられるか、そういった事を判断基準にすると良いです。

つぶやきを見て感想を述べます

つぶやき見てならつぶやき返しましょう。いったい何のためにフォローしているんだい？回りくどいことは最もえびちゃんが嫌います。立ち振る舞いはいつもスマート＆シンプルに。

失礼な表現はお許しください

こういった日本人的な一文は不要です。「もし失礼な表現がありましたら」だと「そんなつもりは無いのですが」といったエクスキュースが入って柔らかくなりますが、いずれにしても不要です。まして失礼な表現をしてやるぞという意気込みがあるなら、失礼に徹底した方が潔い。えびちゃんは卑屈な文面にはイラつきます。「今夜空いてるかな？もし空いてて、イヤじゃなかったら食事でもどう？」なんてメール送ったらアドレス消去されますよ。「今夜飯行こうぜ」で OK なんです。まだ彼女じゃなくてもね。信じられない？いいからやってみなって。それでうまく行かなかったらそのコはそれほど大した女性じゃないのでハナから相手にせんでよろしい。

Safari, Chrome, Firefox に Opera から "upgrade" は出来ません。それは downgrade です。

http://www.html5.jp/blog/2010/04/04/html5-api/


http://www.miketaylr.com/code/input-type-attr.html

kzxtreme.com では IE な方にはもっと良いブラウザの提案を、Firefox の方には Webkit 系のご提案をしています。Opera のことはすっかり忘れてたので IE 用の処理を通って「Safari, Chrome, Firefox 辺りに upgrade しなよ」と表示されておりました。現在は WebKit 系と同じ処理に修正しましたけども、忘れててすまんかった。でも、どのサイトでも Opera は 2%未満なので今後もよく忘れると思います。
あとなんかリンクが張られていますが、ただのうっかりなのでわざわざクリックしてまで見ないぜ！
こういう場合は、前述の欧米の方のように「Opera もモダンですYO☆」とサラリと反応するのが吉です。「Opera から "upgrade" は出来ません」言われてもそりゃできないですよね、ですし「それは downgrade です」とかどんどん不要なフレーズを追加するたびにえびちゃんは「めんどくさいなこの人」って気持ちになります。めんどくさがられるのってイヤでしょ？
なんかしくってる？と思ったら「ミスってね？」とか親切につぶやきましょう。Opera からじゃアップグレードにならねぇだろうが、と思った方はすぐ切れてムカつくことが何も幸せにつながらないこと、そういうマイナスオーラをまとっている時間がもったいないこと、に気づくと色んなことが良い方向に動き出します。
kz ほどまったりされてない方相手にこのような接し方をすると Opera ユーザ＆Opera そのものに良くないイメージを持たれてしまうかもしれません。Opera を愛しているからこそ発言する場合は、そういったことも考慮した文面にしましょう。

CSS3 に対応したブラウザを使わないと十分デザイン意図が再現出来ないのは、プロとしてどうでしょうか。

http://en.wikipedia.org/wiki/Progressive_enhancement

CSS3 で transition すげーとかって遊んでる、の、ね。自分のサイトくらい好き勝手にノビノビやろうぜ！「できない」のか「してないのか」など、明確でない部分はまずそこんとこを尋ねましょう。そして A ならこうですね、B ならこうですねと予め書いておくと無駄なやり取りが減って親切です。何ごとも相手の真意を確かめずにこうだ！と思い込んで反応するのは多くの場合、アナタにとって良くない結果を招きます。わかりやすく言うとちょっと恥ずかしい思いをします。

また冒頭で lang="ja" と宣言されていますが、メインコンテンツが全て英語ですね。
content description や keyword は日本語しかありませんね。対象は日本人ですよね。
この辺の意図が今一分かりかねます。英語のコンテンツはファッションでしょうか。

何も意図などな、い、よ　。description や keyword はめんどくさくなってテキトウに書いただけだと思うぜ。人の言動のヒトツヒトツに意味などそうそう無いことを知ると、生きて行くのが楽になります。えびちゃんがあの時言ったヒトコトをずっと引きずって悶々とせんで良い。何故ならえびちゃんはそんな事は忘れているし、そもそも始めからその言葉に意味など無いのだ。キミもすっかり忘れて「飯行くぞ」って軽くメールすればよろしい。「あのときのことだけどさ、」とかネチネチするのはヤメなさい。そこをクリアにしたいっていうのはキミのエゴだ。ネチネチグルグルするほどえびちゃんは離れて行くし、そんなことしてる時間がもったいないぞー！
さらに kz は対象とか考えてないです。WordPress でなんか作りたいスイッチが入った時に、ポートフォリオの話題を目にしたり CSSMania などのギャラリー？を知ったので submit したろって思ってテキトウに作っただけなのだ。英字フォントのが好きなのでファッションなのは正解◎よくできました。

正しい記述例

おなまえ：kz
メールアドレス：me アット wpxtreme どっと jp
メッセージ本文：
Opera で見たら Safari とか使え言われたけど CSS3 動くんだぜ Opera☆
あと全部英語だとわかんねーw　このカッコつけ！ウリウリ

微笑ましいですね。コンタクトを取るというのはこういうことを言います。
攻撃してやるぞー！という気持ちでわざわざコンタクトするのはものすごく非生産的です。家族と楽しく過ごしているときの穏やかな自分で、そのときの自分を見つめ直していただくとバカバカしくなるのでオススメです。
何十億といる人々の中から、特定の相手と何らかの接点を持つということはすごく素敵なことですよね。ならばお互いが幸せになるような、これからの人生の幅を広げるような、そんな接し方をしたいものです。
例えば kz ってヤツが調子こいてやがる、一発ガツンとイったらなあかんな、っていうのはヤンキー中学生の発想です。ちょっと恥ずかしいですよね。
なんかこいつイラつく、というのはアナタの心に余裕が無いからです。イラついていいのはえびちゃんだけなんですよ。例えば子供達が大声をあげて遊んでいるとしましょう。「うるせーガキンチョだな」と思うか「元気な子供達だね（音符」と思うかはアナタの心の健康度によって変わります。心が不健康だと思考も言動も不健康になり周りにマイナスオーラをまき散らして幸せを遠ざけてしまいます。
どうしても天狗っパナをへし折りたい場合は、圧倒的な力の差を目の当たりにさせると良いです。ドヤ顔無しで紳士的に。そうすると天狗はアナタを尊敬します。そして交流が始まって、意外とイイやつだな kz となって、コラボしたりしてそのうち大金持ちになってウハウハかもしれません。でも、ウソアドレスで発展しにくい内容だと、そういった可能性も無くなります。もったいない。
また、知らん人は敵、な考え方も改めましょう。自分の属するユニットと同規模のユニットとは敵対しがちですよね。だから世界が一致団結するには宇宙人が攻めて来ないといけない。んなアホな。仲良くするためには敵が必要とかめんどくさい。これからはよく知らん人のブログでも気軽に「いいね！」とか「勉強になったぜ」とかコメントしましょう。その積み重ねが日本のダメなところを改善し、世界平和にもつながっていくのです。物事の良い面を見つけるようにしてると、お肌がキレイになります。悪い面ばかりを追いかけてムキーッとなってると脳にダメージを与えてしまいます。気をつけてくださいね。

以上を踏まえて

粋なコメントやメッセージをお待ちするよ。
以下ダメな例。もう一回 wpxtreme.jp を隅々まで読み直しなさい。

• なげー
• ウゼー
• メールをさらすのはいかがなものでしょう
• 意味がワカラン
• IE をけなさないでください！
• どっちもどっち
• えびちゃんかわゆす

フォーラムにて

勉強熱心で努力家な方々からすると、質問者に対して色々思うところがあったりするかもしれません。そんなときは、おじいちゃんおばあちゃんや子供に接する時の優しい気持ちを思い出してください。ちったぁ自分でなんとかかんとかと思わないように。ましてそんな事を書いてしまわないように。そのうえ twitter でつぶやいたりしないように。そうしてしまう自分が荒れているのだと考えて心を鎮めましょう。質問者は誰も攻撃していません。なので攻撃してはいけません。
フォーラムに書き込むのは敷居が高いことなんです。わらにもすがる思いで書き込んだら怒られるわ解決せんわでは WordPress ＆コミュニティーにイヤなイメージを持ってしまいます。困っていることがズバッと解決すれば、嬉しい → WordPress ますます大好き → 貢献したい となってシメシメなんです。
例えば投稿ルールを守って欲しい時などは、冷たい書き方じゃなくて愛情を持って温かく書いてあげてください。例えがアレですが「トイレを汚すな！」って貼り紙だとウリャー！って汚されます。「いつもキレイに使っていただいてありがとうございます」だとちゃんとキレイになります。善意で接すれば善意が返ってきて発展する。マイナスオーラをブチまけたらコミュニティがマイナスオーラに包まれて衰退するし、人はアナタから遠ざかります。コミュニケーションの基本ですね。
もちろん世の中には色んな人がいるので善意が返ってこないこともありますが、自分が善意で接することが大事です。他人を変えることはできません。変えられるのは自分だけです。で、自分が変わると他人も変わってきます。それに気づけばイライラギスギスムカムカとは無縁の平和な毎日を過ごせます。お布施を希望される方は お問い合わせ からお気軽に。
あと、質問者があまり感心できないサイトを構築されているようなら、そっとしておくのもひとつの回答ですね。

]]> http://wpxtreme.jp/how-to-write-a-message/feed 9 http://wpxtreme.jp/unreleased-webdesign http://wpxtreme.jp/unreleased-webdesign#comments Sun, 21 Mar 2010 21:55:58 +0000 kz http://wpxtreme.jp/?p=250 kzxtreme 参照）が立て続けでろくにえびちゃんをかまってあげる時間もないのです。年度末めー。
それはそうと Google で「ボツ」と検索すると ボツデザインシリーズ #3 が1ページ目に出てくるのは一体どういうことなんでしょうか。しっかりしろ Google。
今回は、某串料理店の新規サイトです。ロゴや文言はそのままです。初回ご提案のデザインはボツになりましたが、テイストを変更して鋭意制作中です。ボツにならないことを祈ってくれ皆。Continue Reading »]]>

制作の様子

店舗オープン前からブランディング一切をお任せいただければ、それはもうドえらいクオリティのご提案ができるのですが、当方 WEB 業界のはじっちょでひっそり息を潜めてプルプル震えておるような状態ですので、なかなかそういったコネクション的なものは構築できておりません。営業もしませんので基本、既存クライアント様からのご紹介のみです。ホームページは欲しいけど何十万もするんではなぁ、変な業者にひっかかるとイヤだなぁ、などとあぐねていらっしゃる方々にとってはまさに救世主的存在ですのでお気軽に お問い合わせください。ただし、こちらもクライアントを選びますのでそこはヒトツよろしくお願いします。料理関連なら「マジ旨い」、サービス関係なら「マジありがとう」そう思えるクオリティがあり、かつお客様を大切にしているクライアントのみお受けいたします。お客様がお金に見えてたり、二度と来ねぇょ！なところとはお付き合いしません。お互いホレる仲が理想です。

制作の様子なんですが、そういった事情により ロゴ，チラシ，店舗がある状態から WEB サイトをデザインすることがほとんどです。ちなみに名古屋では Copperplate に代表される Engraved なフォントがお気に入りのデザイン屋さんが大活躍されているようで、アチコチで「またこのフォントか」という出会いがあって微笑ましいです。
まず、初回訪問で店舗の空気からクライアントが何を目指しているか五感でガッチリ感じ取ります。これ8割。で、ヒアリングと簡単な撮影を行います。ヒアリング言うてもノープランなクライアントがほとんどなので五感のインプットをまぜまぜした結果を「こんな感じで作ってみますねー」と伝えておきます。で、使えそうな資料をお借りして帰路につきます。チラシなどは既に OK が出ているデザイン的なモノのアウトプットですからインスパイアされても間違いは無いでしょう。帰ったら神様が降りてくるのを静かに待って、ダーッと Photoshop で8割方描き上げます。あとは一日掛けて細部を調整してご提案。多分ベストな提案なんです。コレ以外には無いな、って毎回思うもの。

ボツの理由

極上の料理とテキトウな器、テキトウなカベだけど天然木のテーブル＆チェア、などギャップを楽しんでもらうお店です。店舗名が某有名女優のモジりだったりと遊び心もたっぷりです。そしてポスティングカードのデザインはポップでかわいらしい。よし、間違いない。自信満々でドヤ！とご提案したところ「パッと見、かわいいですよね。」「ぁー、そうですね。かわいさを取り入れましたハイ。」「もっとパッと見クールな感じが良いんです。気になるサイトがありまして—」と見せていただいたのは、出た全面フラッシュサイト！イメージ写真ドーンでわけわからんナビゲーション。「ホームに何も情報がないサイトはアレやコレやでオススメしないんですけどもー」「せやけどなぁ、ウチこんなんがええねん」「どうしてもか？」「うん、そやねん」「こういうのんがええんか？」「クールなんが好きやねん」「しゃぁないやっちゃな、今回だけやで？」
というやり取りの末、ソッチ方向で仕切り直ししました。料理がおいしくてクライアント様が素敵なので今回だけ特別です。生ビール6杯いただいたからかもしれません。

今回皆にもぜひ学んでおいて欲しい教訓は「クライアントは印刷物はテキトウでも良いがサイトにはめっちゃこだわる」ということだ。他のクライアントでもそういう傾向がある。気のせいではない、統計的に有意なのだ。ヨソの人が作った印刷物にインスパイアされてはならん。ブランディング無視のこれでいいんですかな印刷物で OK なのにホームページとなると「ここもうちょっと大きく」とかどうでもええことさえもドえらい細かく気になるのだ。印刷物は印刷するまでよくわからんしバーッと印刷されちゃってやり直しも効かんから「まぁええか」となるんだろうか。
いや、ホームページというのはやはりクライアントの夢であり、お店を作る時と同じくらいの思い入れができる楽しみなモノなんだろう。そのお手伝いができるのはとても嬉しいことであり、ありがたいことでもある。エンドユーザーから遠く離れたところで Windows のボケナスをいじくり倒していたままでは味わえなかった幸せだ。そのうえ「ホームページ見たっていうお客さんが増えたよ」なんて聞くと世界人類が平和でありますようにと祈らずにはいられない。えびちゃんにもいつも以上に優しくなれる。
はじっちょではあるが WEB 業界に関われて本当に良かったと思う。いや WEB 業界に関わろうと自ら動いた自分こそが本当に素敵だと思う。ただ、ひとつだけ贅沢を言わせてもらえるならば、デザインはまるっと任せてくれ。マジで。

]]> http://wpxtreme.jp/unreleased-webdesign/feed 0 http://wpxtreme.jp/how-to-use-cusom-taxonomy-with-wordpress-versions-lower-than-3 http://wpxtreme.jp/how-to-use-cusom-taxonomy-with-wordpress-versions-lower-than-3#comments Mon, 08 Mar 2010 04:25:59 +0000 kz http://wpxtreme.jp/?p=241 タクソノミーは分類ってことです。カテゴリーもタグもタクソノミーなんですよ。カテゴリーは階層（親子関係）有りのタクソノミー、タグは階層無しのタクソノミー。混乱してきましたね。そんなキミのためにタクソノミーとは何なのか、どうやって使うのか。ココだけ読んどけばオール OK、にしてやるぜ。Continue Reading »]]> ことばのせつめい

生涯 WordPress のカスタマイズ1本と謳っている wpxtreme でも、ブログの記事は「TUTORIALS」「PORTFOLIO」などのカテゴリーに分類されています。「メイク」「グルメ」「わんこ」と記事のカテゴリーを分けているえびちゃんもいることでしょう。
ちょっと待って。「カテゴリー」と何気なく言ってますけど、デヴェロッパー的にはこれは「カテゴリーのターム」です。「TUTORIALS」「メイク」など、これらはカテゴリーじゃなくてカテゴリーのタームなんです。共学の私立ですね。通ってみたいです。
同じく「投稿のタグ」も［新規タグの追加］で追加した「ADMIN」「プラグイン」などが「タグのターム」です。どちらも今まで通り「わんこカテゴリー」「ADMIN タグ」と言ってて OK ですが、タームであることを知ってて言うのと知らないで言うのとではやはり他人に気づかれない程度の差があると思います。
そしてタームをグルーピングしている「カテゴリー」や「タグ」をタクソノミーと言います。なので「カテゴリーというタクソノミーで TUTORIALS，PORTFOLIO などのタームに分類する」が正確。女性相手なら「わんこカテゴリーだね☆」が正解。
以上、ネチネチな言葉狩りではなく、AT がオートマなら MT はミッションじゃなくてマニュアルだろうが、っていうどうでもいい話でもなくて、誤解による混乱防止のため正しい理解の下に話を進めるのでよろしくお願いするぜ。
なお、MT は MovableType では？っていうコメントは不要だ。AT って AUTOMATTIC ですよね！っていうコメントは歓迎する。

具体的な分類を考えよう

そもそもカテゴリー，タグなんてので説明するからわかり難いのだ。ケーススタディとして「グルメーイタリアン｜フレンチ｜和食」「動物ー犬｜猫」とブログ記事を分けたいえびちゃんを例に説明する。一般的な wper なら以下のようにカテゴリーを作るだろう。

• カテゴリー
  • グルメ
    • イタリアン
    • フレンチ
    • 和食
  • 動物
    • 犬
    • 猫

だが、えびちゃんの反応はこうだ。「何？！カテゴリー？意味わかんない！グルメと動物がなんで一緒になってんのよ！」一方、wpist ならタクソノミーでスマートに解決するはずだ。

• グルメ
  • イタリアン
  • フレンチ
  • 和食
• 動物
  • 犬
  • 猫

そして、えびちゃんの反応はこうだ。「あなたってステキね。私なんだか酔っちゃったみたい。」 説明するとは言ったが説明するまでもないだろう。なりたい自分になれるかどうかは自分次第だ。

では、次にそれぞれの記事に「おいしさーまた食べたい｜二度とイラねぇ」「かわいさーゲキカワ｜ブサイク」のようなラベル付けをしたいとえびちゃんにお願いされたらどうする？一般的な wper なら以下のようにタグを作ってしまうだろう。

• タグ
  • また食べたい
  • 二度とイラねぇ
  • ゲキカワ
  • ブサイク

さらに「グルメカテゴリーのときは また食べたい｜二度とイラねぇ のどちらかを選んでください。」とかメンドクサイこと言ってまたドヤされるわけだ。そして wpist はまたしてもタクソノミーで鮮やかに解決する。

• おいしさ
  • また食べたい
  • 二度とイラねぇ
• かわいさ
  • ゲキカワ
  • ブサイク

えびちゃんの頬は紅潮し瞳はウルウルしている。そう、タクソノミーを制する者は人生の勝利者となるのだ。

現実に戻ろう

では早速タクソノミーを使ってみよう。使い方は簡単、以下を functions.php に追加すればよろしい。

function my_init(){
  register_taxonomy('animal', 'post', array('hierarchical' => true, 'label' => '動物',
    'update_count_callback' => '_update_post_term_count'));
  register_taxonomy('taste', 'post', array('hierarchical' => false, 'label' => 'おいしさ',
    'update_count_callback' => '_update_post_term_count'));
}
add_action('init', 'my_init', 0);

各タクソノミーの管理画面でターム一覧に表示される投稿数を正しい値にするには 'update_count_callback' => '_update_post_term_count' が必要です。

また、投稿数の値は下書きを含みませんがビルトインの「カテゴリー」タクソノミー，「タグ」タクソノミーのみ、投稿数のリンクをクリックして表示される投稿編集画面での投稿一覧に下書きが含まれており、ここでの表示件数と先の投稿数は一致しません。不具合なのかまだ作り中だからなのかは不明。

タクソノミーの追加は何よりも優先しろってことなので add_action('init', 'my_init', 0); のアクションで実行します。'動物' などの表示名は .mo ファイルを作成して __('Animal') のように指定するとデキルヤツを演出できますね。register_taxonomy() の詳細は Codex を参照のこと — Function Reference/register taxonomy とは言ってもメンドクサがって見ない人のために未検証のままテキトウに解説します。必要になったら各自検証すること。

使い方：
<?php register_taxonomy($taxonomy, $object_type, $args); ?>

• $taxonomy
  (文字列) (必須) タクソノミー名。スラッグ的なもの。
  デフォルト：なし
• $object_type　というより $post_type(s) のがシックリくる
  (配列／文字列) (必須) 投稿／ページ／メディアなど、どの投稿タイプで使うかの指定。複数なら配列でね。
  デフォルト：なし
  例：'post', array('post', 'page')
  カスタム投稿タイプが使えるようになったら、さらに夢が広がりますね。
• $args
  (配列／文字列) (任意) 各種引数の指定。
  デフォルト：なし
  引数：
  • label
    (文字列) 管理画面のメニューなどに表示されるタクソノミーの名前。
    例：'おいしさ'
  • hierarchical
    (boolean) タクソノミーが階層を持つかどうかを指定。
    例：
    　false：階層無し＝タグ形式
    　true：階層有り＝カテゴリー形式
  • update_count_callback
    (文字列) このタクソノミーに属するタームが増減したときに呼ばれる関数名。
  • rewrite
    (配列｜false) タクソノミーアーカイブとかのパーマリンク名（スラッグ部分）の指定。指定するならキーが 'slug' の配列でね。
    デフォルト：$taxonomy を使う。
    例：
    　デフォルト：http://example.com/taste/matatabetai
    　false：rewrite 無し（意味不明）
    　array('slug' => "my-tax-$taxonomy") ：http://example.com/my-tax-taste/matatabetai
  • query_var
    (文字列｜false) ?query_var=term 形式のクエリ変数名の指定。
    デフォルト：$taxonomy を使う。
    例：
    　デフォルト： ?taste=matatabetai
    　false：クエリ無し（意味不明）
    　"my-tax-$taxonomy"： ?my-tax-taste=matatabetai
  ま、hierarchical と label だけを指定すれば OK です。

  うそでしたごめん。
  'update_count_callback' => '_update_post_term_count' が無いと ターム一覧で表示される「投稿」の数が正しく更新されないのでこれも必要。

参考：「カテゴリー」タクソノミーと「タグ」タクソノミーの定義（wp-includes/taxonomy.php 17行目〜）

register_taxonomy( 'category', 'post', array('hierarchical' => true, 'update_count_callback' => '_update_post_term_count', 
  'label' => __('Categories'), 'query_var' => false, 'rewrite' => false) ) ;
register_taxonomy( 'post_tag', 'post', array('hierarchical' => false, 'update_count_callback' => '_update_post_term_count',
  'label' => __('Post Tags'), 'query_var' => false, 'rewrite' => false) ) ;

Codex に

WordPress 2.8 will automatically build an admin interface for custom taxonomies. Allowing end users to add terms and associate posts with the taxonomy terms.

と書いてあるとおり、管理画面で「おいしさ」タクソノミーを満喫できます。 行頭に　ー　が来てるのはワザとなのでコメントは不要だ。これだけで「おいしさ」タクソノミーを利用できるんだから、今後の案件に積極的に取り入れていこうぜ。ちなみに「おいしさ」タクソノミーのタグクラウドを表示させたい場合は以下のようにすれば OK。

wp_tag_cloud(array('taxonomy' => 'taste'))

指定したカテゴリーに含まれるタグのみ表示したい的なことはこれでスマートに解決するわけです yeah!

階層有りのタクソノミーの管理画面 UI を作る

前述の Codex ではカスタムタクソノミーの管理画面は自動で出てくるよ、と言ってますが実は UI が対応済みなのはタグ形式＝階層無しのタクソノミーだけなので気をつけましょう。カテゴリー形式＝階層有りのタクソノミーは バージョン 2.9.2 の時点では UI はサポートされていません。3.0 ではサポートされると思います（知らんけど）ので開発版をダウンロードしてお試しいただくと良いかもです。どこでダウンロードするのかは自分で調べるのだ。

もの好きな方は引き続きついてきていただいて、階層有りのタクソノミーの UI を作りましょう。コア開発してる気になるのできっと楽しいですよ。
まずは管理画面の［投稿］トップメニューのサブメニューとして［ 動物］メニューを追加します。functions.php に以下を追加。

function my_admin_menu() {
  global $submenu;
  $i = 55;
  $submenu['edit.php'][$i++] = array( esc_attr('動物'), 'manage_categories', 'my-edit-categories.php?taxonomy=' . 'animal' );
}
add_action('admin_menu', 'my_admin_menu');

普通なら［投稿］トップメニューにサブメニューを追加する場合は add_posts_page（Codex：Adding Administration Menus）を使います。

add_posts_page('動物', '動物', 'manage_categories', 'animal', 'my_animal_page');

これはメニューのリンク先が http://example.com/wp-admin/edit.php?page=animal となり、実際に画面を出力する際にコールバック関数として指定した 'my_animal_page' が呼ばれます。んが、WordPress のタグ，カテゴリーの編集の実装では redirect を多用しているので、コールバック関数内で同じことをしてもうまく動作しません。そんな時はお隣のサブメニューがどうやっているかを調べましょう。


［投稿のタグ］サブメニューの URL：http://example.com/wp-admin/edit-tags.php?taxonomy=post_tag
［カテゴリー］サブメニューの URL：http://example.com/wp-admin/categories.php

タグはタクソノミー対応してるけどカテゴリーはまだよ、てのが良くわかります。ちゅうことはですよ、


［動物］サブメニューの URL：http://example.com/wp-admin/my-edit-categories.php?taxonomy=animal

とすれば良さそうですね。categories.php をコピって edit-tags.php を真似れば OK な気がします。できたファイルは my-edit-categories.php と名付けて wp-admin フォルダに放り込みましょう。おぉ、コア開発な気分。
で、このようなオリジナルなリンクを持つサブメニューを作る方法が先のコードです。［カテゴリー］サブメニューは $submenu['edit.php'][50] に入ってるのでそれより下に表示させるために 55 番とかに入れちゃいます。詳細は、wp-admin/menu.php 46行目辺りをご覧いただくときっとなるほど納得です。

my-edit-categories.php を作る

今回は異様に長い内容になるので頑張ってついてくるように。ちなみにこのような不毛な作業を車輪の再発明と言いますが、コア開発気分を味わうのが目的なので心配無用です。俺にもできそう、と思った方は WordPress の発展に深いところで貢献していきましょう。キミ達がコア開発メンバーとして名を連ねるのが先生の夢です。私にもできそうだわ！と思った方は kz にコンタクトしましょう。キミ達をはべらせるのが俺様の夢なのさ。

wp-admin/my-edit-categories.php　（categories.php との差分のみ）

タクソノミー対応
- wp_reset_vars( array('action', 'cat') );
+ global $action, $cat, $cat_ID, $taxonomy; 
+ wp_reset_vars( array('action', 'cat', 'cat_ID', 'taxonomy', 'page') );
+
+ if ( empty($taxonomy) ){
+  if(isset($_POST['taxonomy']))
+    $taxonomy = $_POST['taxonomy'];
+  else
+    $taxonomy = 'category';
+ }
+
+ if ( !is_taxonomy($taxonomy) )
+   wp_die(__('Invalid taxonomy'));

タクソノミー対応のカテゴリー追加
- if ( wp_insert_category($_POST) )
-   wp_safe_redirect( add_query_arg( 'message', 1, wp_get_referer() ) . '#addcat' );
- else
-   wp_safe_redirect( add_query_arg( 'message', 4, wp_get_referer() ) . '#addcat' );
+ $ret = my_insert_category($_POST);
+ if ( $ret && !is_wp_error( $ret ) ) {
+   wp_redirect("my-edit-categories.php?taxonomy=$taxonomy&message=1#addcat");
+ } else {
+   wp_redirect("my-edit-categories.php?taxonomy=$taxonomy&message=4#addcat");
+ }

- wp_redirect('categories.php');
+ wp_redirect("my-edit-categories.php?taxonomy=$taxonomy");

タクソノミー対応のカテゴリー削除
- wp_delete_category($cat_ID);
- wp_safe_redirect( add_query_arg( 'message', 2, wp_get_referer() ) );
+ wp_delete_term($cat_ID, $taxonomy);
+	
+ $location = 'my-edit-categories.php';
+ if ( $referer = wp_get_referer() ) {
+   if ( false !== strpos($referer, 'my-edit-categories.php'))
+     $location = $referer;
+ }
+
+ $location = add_query_arg('message', 2, $location);
+ wp_redirect($location);

タクソノミー対応のカテゴリー削除
- wp_delete_category($cat_ID);
+ wp_delete_term($cat_ID, $taxonomy);
	
- wp_safe_redirect( wp_get_referer() );
+ $location = 'my-edit-categories.php';
+ if ( $referer = wp_get_referer() ) {
+   if ( false !== strpos($referer, 'my-edit-categories.php') )
+     	$location = $referer;
+ }
+
+ $location = add_query_arg('message', 6, $location);
+ wp_redirect($location);

タクソノミー対応の「カテゴリーの編集」フォーム
- $category = get_category_to_edit($cat_ID);
- include('edit-category-form.php');
+ $category = get_term( $cat_ID, $taxonomy, OBJECT, 'edit' );
+ if (! is_wp_error( $category ) )
+    _make_cat_compat( $category );
+ include('my-edit-category-form.php');
 
タクソノミー対応のカテゴリー更新
- if ( wp_update_category($_POST) )
+ $ret = my_update_category($_POST);
+ if ( $ret && !is_wp_error( $ret ) )

ajax 関連スクリプト無し
- wp_enqueue_script('admin-categories');
- if ( current_user_can('manage_categories') )
-   wp_enqueue_script('inline-edit-tax');

メッセージ追加
+ $messages[6] = __('Categories deleted.');

フォームに追加
+ <input type="hidden" name="taxonomy" value="<?php echo esc_attr($taxonomy); ?>" />

- $num_cats = wp_count_terms('category');
+ $num_cats = wp_count_terms($taxonomy);

タクソノミー対応のカテゴリー一覧表示
- cat_rows(0, 0, 0, $pagenum, $cats_per_page);
+ my_cat_rows(0, 0, 0, $pagenum, $cats_per_page, $taxonomy);

タクソノミー対応のフォーム
- <form name="addcat" id="addcat" method="post" action="categories.php" class="add:the-list: validate">
+ <form name="addcat" id="addcat" method="post" action="my-edit-categories.php" class="add:the-list: validate">

タクソノミー対応の「親カテゴリー」ドロップダウン
- wp_dropdown_categories(array('hide_empty' => 0, 'name' => 'category_parent', 'orderby' => 'name', 
  'selected' => $category->parent, 'hierarchical' => true, 'show_option_none' => __('None'))); 
+ wp_dropdown_categories(array('taxonomy' => $taxonomy, 'hide_empty' => 0, 'name' => 'category_parent', 
  'orderby' => 'name', 'selected' => $category->parent, 'hierarchical' => true, 'show_option_none' => __('None'))); 

ajax 編集は無し
- inline_edit_term_row('categories');

見難い。なお、ajax 関連処理はヤリ始めるとさらにオオゴトになるので今回は未対応です。



あ、途中で公開してしもた。続きは明朝！



ここ以降はうっかり公開した後に追記されたものです。見るなって言ったのにここまで見ちゃってしまってた人は改めて始めから読み直しましょう。新たな気づきがあるかもしれません。隠れキャラとか。

各種カテゴリー関連ファンクションをタクソノミー対応にする

続きは明朝（ミンチョウ）ってなんだよフォントかよ serif なのかよ。うっかり公開は気にせずガンガン行くぜ！では管理画面の完成イメージをどうぞ。 タームの一覧表示は cat_rows() / wp-admin/includes/template.php で処理されてるので下請けファンクションと共にタクソノミー対応します。赤丸部分のデカイ方はアイコンを CSS で指定します。ちっさい方は当該の li 要素に class="current" を付加するとメニューの左側が ＞ って凹みます。これは皆の宿題にしておくぜ。

まずはフィルタで OK なものから。
get_categories() / wp-includes/category.php

function &get_categories( $args = '' ) {
  $defaults = array( 'type' => 'category' );
  $args = wp_parse_args( $args, $defaults );

  $taxonomy = apply_filters( 'get_categories_taxonomy', 'category', $args );

get_categories_taxonomy フィルタには何も add されてないので $taxonomy = '' になります。$taxonomy が設定されていないと、これ以降各種ファンクションはタクソノミーを 'category' として処理します。なので functions.php で get_categories_taxonomy にフィルタを与えてやりましょう。

function my_get_categories_taxonomy($taxonomy, $args){
  return isset($args['taxonomy']) ? $args['taxonomy'] : $taxonomy;
}
add_filter( 'get_categories_taxonomy', 'my_get_categories_taxonomy', 10, 2 );

get_categories(array('taxonomy' => 'taste')) と呼べば OK です。

はい、次。cat_rows() 達をタクソノミー対応にします。functions.php に書くんだけどもマイブームの差分コードでお楽しみください。見難い。

cat_rows(), _cat_rows(), _cat_row() / wp-admin/includes/template.php

- function cat_rows( $parent = 0, $level = 0, $categories = 0, $page = 1, $per_page = 20 ) {
+ function my_cat_rows( $parent = 0, $level = 0, $categories = 0, $page = 1, $per_page = 20, $taxonomy = 'category' ) {

- $args = array('hide_empty' => 0);
+ $args = array('hide_empty' =$gt; 0, 'taxonomy' =$gt; $taxonomy);

- $children = _get_term_hierarchy('category');
+ $children = _get_term_hierarchy($taxonomy);

- _cat_rows( $parent, $level, $categories, $children, $page, $per_page, $count );
+ _my_cat_rows( $parent, $level, $categories, $children, $page, $per_page, $count, $taxonomy );


- function _cat_rows( $parent = 0, $level = 0, $categories, &$children, $page = 1, $per_page = 20, &$count ) {
+ function _my_cat_rows( $parent = 0, $level = 0, $categories, &$children, $page = 1, $per_page = 20, &$count, $taxonomy ) {

- echo "\t" . _cat_row( $my_parent, $level - $num_parents );
+ echo "\t" . _my_cat_row( $my_parent, $level - $num_parents, $taxonomy );

- echo "\t" . _cat_row( $category, $level );
+ echo "\t" . _my_cat_row( $category, $level, $taxonomy );

- _cat_rows( $category->term_id, $level + 1, $categories, $children, $page, $per_page, $count );
+ _my_cat_rows( $category->term_id, $level + 1, $categories, $children, $page, $per_page, $count, $taxonomy );


- function _cat_row( $category, $level, $name_override = false ) {
+ function _my_cat_row( $category, $level, $taxonomy, $name_override = false ) {

- $category = get_category( $category, OBJECT, 'display' );
+ $category = get_term( $category, $taxonomy, OBJECT, 'display' );
+ if (! is_wp_error( $category ) )
+   _make_cat_compat( $category );

- $edit_link = "categories.php?action=edit&cat_ID=$category->term_id";
+ $edit_link = "my-edit-categories.php?action=edit&cat_ID=$category->term_id&taxonomy=$taxonomy";

- $actions['inline hide-if-no-js'] = '<a href="#" class="editinline">' . __('Quick Edit') . '<a>';

- $actions['delete'] = "<a class='delete:the-list:cat-$category->term_id submitdelete' href='" . 
   wp_nonce_url("categories.php?action=delete&cat_ID=$category->term_id", 'delete-category_' . $category->term_id) . "'>" . __('Delete') . "</a>";
+ $actions['delete'] = "<a class='delete:the-list:cat-$category->term_id submitdelete' href='" . 
  wp_nonce_url("my-edit-categories.php?action=delete&cat_ID=$category->term_id&taxonomy=$taxonomy", 'delete-category_' .
  $category->term_id) . "'>" . __('Delete') . "";

- $posts_count = ( $category->count > 0 ) ? "<a href='edit.php?cat=$category->term_id'>$category->count" : $category->count;
+ $posts_count = ( $category->count > 0 ) ? "<a href='edit.php?$taxonomy=$category->slug'>$category->count</a>" : $category->count;

次は、タームの追加／更新ファンクション。これもアレンジしたファンクションは functions.php に書きます。

元ファンクション wp_insert_category() / wp-admin/includes/taxonomy.php

- function wp_insert_category($catarr, $wp_error = false) {
- $cat_defaults = array('cat_ID' => 0, 'cat_name' => '', 'category_description' => '', 'category_nicename' => '', 'category_parent' => '');
+ function my_insert_category($catarr, $wp_error = false) {
+ $cat_defaults = array('cat_ID' => 0, 'taxonomy' => 'category', 'cat_name' => '', 'category_description' => '', 'category_nicename' => '',
  'category_parent' => '');

- if ( empty($parent) || !category_exists( $parent ) || ($cat_ID && cat_is_ancestor_of($cat_ID, $parent) ) )
+ $id = is_term($parent, $taxonomy, 0);
+ if ( is_array($id) )
+   $id = $id['term_id'];
+ if ( empty($parent) || !$id || ($cat_ID && cat_is_ancestor_of($cat_ID, $parent) ) )

- $cat_ID = wp_update_term($cat_ID, 'category', $args);
+ $cat_ID = wp_update_term($cat_ID, $taxonomy, $args);

- $cat_ID = wp_insert_term($cat_name, 'category', $args);
+ $cat_ID = wp_insert_term($cat_name, $taxonomy, $args);


元ファンクション wp_update_category() / wp-admin/includes/taxonomy.php

- function wp_update_category($catarr) {
+ function my_update_category($catarr) {

- $category = get_category($cat_ID, ARRAY_A);
+ $category = get_term( $cat_ID, $catarr['taxonomy'], ARRAY_A, 'raw' );
+ if (! is_wp_error( $category ) )
+   _make_cat_compat( $category );

- return wp_insert_category($catarr);
+ return my_insert_category($catarr);

最後にデカイ赤丸部分のアイコンを表示させましょう。

function my_head(){
  echo '
<style type="text/css">
#icon-my-edit-categories{background:url(/wp-admin/images/icons32.png) no-repeat -552px -5px;}
</style>';
}
add_action('admin_head', 'my_head');

はい、以上で階層有りタクソノミーの管理画面が完成です。おつかれさまでした。

「階層有りタクソノミーの編集」画面

ところが UI の作成はまだまだ終わらんのだよ。ヤリ始めたことをちょっと公開してないか？そう、うっかり［変更をプレビュー］と［更新］を押し間違えるアレだよ。投稿したよとつぶやいたのを無かったことにするプラグインはありませんか？

ターム一覧で、ターム名または［編集］のリンクをクリックすると表示されるこの画面を作ります。この画面は my-edit-categories.php?action=edit&〜 のときにインクルードされる my-edit-category-form.php で出力します。これはもちろん edit-category-form.php をコピってタクソノミー対応したファイルです。これも wp-admin に放り込んでやります。

+ <input type="hidden" name="taxonomy" value="<?php echo esc_attr($taxonomy) ?>" />

タイトルの「カテゴリーの編集」をタクソノミー名に変更するなら
- <h2><?php _e('Edit Category'); ?></h2>
+ <h2><?php echo get_taxonomy($taxonomy)->label; ?></h2>

えええー！こんだけー？はい、こんだけです。なんという富豪プログラミング。

投稿画面のメタボックス

階層無しタクソノミーは何もしなくても表示されてるのがうらめしい完成イメージです。早速メタボックスを作りましょう。なお、［すべてのカテゴリー］［よく使われるもの］［＋新規カテゴリー追加］に相当する UI は省略します。javascript がらみなのでね許しておくれよ。では、先ほど追加した my_admin_menu() / functions.php 内に以下を追加します。

add_meta_box('taxonomydiv-animal', '動物', 'my_animal_meta_box', 'post', 'side', 'low');

taxonomydiv-animal はメタボックスの id です。テキトウにつけます。投稿画面の右側の下の方に '動物' というタイトルのメタボックスを my_animal_meta_box() ファンクションを使って出力するよ、という意味です。
その my_animal_meta_box() と下請けファンクションなども同様に functions.php に追加します。メンドクサくなったので差分はやめるよ。

function my_animal_meta_box($post, $box){
?>
<div class="tabs-panel">
  <ul class="list:category categorychecklist form-no-clear">
    <?php my_category_checklist($post->ID, array('taxonomy' => 'animal', 'checked_ontop' => false)); ?>
  </ul>
</div>
<?php
}

function my_category_checklist($post_id = 0, $args = array()) {
  $defaults = array(
    'taxonomy' => 'category',
    'checked_ontop' => true
  );
  extract( wp_parse_args($args, $defaults), EXTR_SKIP );
   
  $walker = new Walker_Taxonomy_Checklist;

  $args['selected_cats'] = wp_get_object_terms($post_id, $taxonomy, array_merge($args, array('fields' => 'ids')));
  $args['popular_cats'] = get_terms( $taxonomy, array( 
    'fields' => 'ids', 'orderby' => 'count', 'order' => 'DESC', 'number' => 10, 'hierarchical' => false ) );
  $categories = (array) get_terms($taxonomy, array('get' => 'all'));
	  
  if ( $checked_ontop ) {
    $checked_categories = array();
    $keys = array_keys( $categories );
  
    foreach( $keys as $k ) {
      if ( in_array( $categories[$k]->term_id, $args['selected_cats'] ) ) {
        $checked_categories[] = $categories[$k];
        unset( $categories[$k] );
      }
    }
   
    echo call_user_func_array(array(&$walker, 'walk'), array($checked_categories, 0, $args));
  }
  echo call_user_func_array(array(&$walker, 'walk'), array($categories, 0, $args));
}

require_once(ABSPATH . '/wp-admin/includes/template.php');
class Walker_Taxonomy_Checklist extends Walker_Category_Checklist {
  function start_el(&$output, $category, $depth, $args) {
    extract($args);

    $class = in_array( $category->term_id, $popular_cats ) ? ' class="popular-category"' : '';
    $output .= "\n<li id='" . $args['taxonomy'] . "-$category->term_id'$class>" . '<label class="selectit"><input value="' .
      $category->term_id . '" type="checkbox" name="post_' . $args['taxonomy'] . '[]" id="in-' . $args['taxonomy'] . '-' . 
      $category->term_id . '"' . (in_array( $category->term_id, $selected_cats ) ? ' checked="checked"' : "" ) . '/> ' .
      esc_html( apply_filters('the_category', $category->name )) . '';
  }
}

function my_save_post($post_id){
  if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) 
    return $post_id;

  if('post' == $_POST['post_type']){
    if(!current_user_can('edit_post', $post_id))
      return $post_id;
  }else{
    return $post_id;
  }

  $post_animal = $_POST['post_animal'];
  if ( empty($post_animal) || 0 == count($post_animal) || !is_array($post_animal) )
    return $post_id;
	
  $post_animal = array_map('intval', $post_animal);
  $post_animal = array_unique($post_animal);
  wp_set_object_terms($post_id, $post_animal, 'animal');
}
add_action('save_post', 'my_save_post');

my_category_checklist() の引数に 'checked_ontop' => true を与えるとチェックの入っているタームが先（上）に表示されます。親子関係のタームをインデント表示するには先に作成した my_head() / functions.php で以下のスタイルを追加します。

ul.categorychecklist ul{margin-left:18px;}

こんだけやればカスタムタクソノミーはお腹いっぱいですね。ボクはもう今年は要らないです。皆さんは WordPress 3.0 を心待ちにしていてください。きっと edit-tags.php，edit-categories.php なんてのは作らずに edit-taxonomies.php とかに一本化していることでしょう。各種ファンクションも tag，category なんて名前はもう使わずに taxonomy で統一してますね きっと。さすが。

そして！なんと今回の内容をダウンロードできるようにしましたので、皆様もぜひ車輪作りにチャレンジしてください。あなたのコードは全部持っておきたいの、というえびちゃんもご遠慮なくダウンロードしてくださいね。
以上、今回の投稿は最近明朝づいている kz からでした。

ダウンロード

9. taxonomy-with-wordpress-2.9.2-or-lower  version: 1.0 (.zip  8.92 KB)

含まれるファイル：

• functions.php
• my-edit-category.php
• my-edit-category-form.php
]]> http://wpxtreme.jp/how-to-use-cusom-taxonomy-with-wordpress-versions-lower-than-3/feed 40 http://wpxtreme.jp/unreleased-webdesign-3 http://wpxtreme.jp/unreleased-webdesign-3#comments Tue, 02 Mar 2010 17:24:32 +0000 kz http://wpxtreme.jp/?p=237 今回は、某語学学校関係のサイトリニューアルです。例によってロゴや文言はテキトウに差し替えております。意味不明なのがあっても気にしないでちょうだい。多言語対応、時間割管理など盛りだくさんな内容で公開寸前まで行きましたが、残念ながら初のボツ案件となりました。 Continue Reading »]]> 「ホーム」ページ
その他ページ

制作の様子

現在のホームページは気に入っているが活用されておらず、今風のテクノロジーで色々やってみたい、とのリニューアル案件。web のお仕事を始めて 2ヶ月頃でした。qTranslate を導入して8ヶ国語対応，メルマガ配信，リアルタイムな時間割表，講座スケジュール表，javascript による Ajax でインタラクティブな英語力チェックなどなど非常に意欲的な内容で制作しました。
基本的にすべて社長の判断、な組織でしかもその社長がしょっちゅう出張のため、こちらからお願いして web 担当者を選任していただきました。

ボツの理由

web 担当者言うても「社長に訊かないとわからないので」で、ホームページに掲載する写真のご提供をお願いすると3週間、社長との打ち合わせをセッティングしていただくのに2週間。なにかとやたらと時間がかかって、デザイン終わって制作に入ってほぼ公開できる状態になったところでやっと聞けた言葉が「今のサイト気に入ってるんだよね」。
えぇ、確かに気に入ってるとは伺っておりましたけどが。
90年代的なまったりフラッシュのスプラッシュ。IE でしか動作しない javascript。ほぼ VGA（640×480）に押し込められたページごとにバラバラなレイアウト。統一感の無いボタン。画面が小さい頃は大きく見えたのかなの極小フォント。テキスト無しで全面に画像貼り。<head> には <title> と <meta http-equiv="Content-Type" content="text/html;"> と javascript とスタイルのみ。<body><table><table><table></table></table></table></body> なマークアップ。
なんだかとっても poetry。そうですかお気に入りですかー。まぁ、アレですね、今のがお気に入りならそもそもリニューアルの必要ないですよね。サヨナラ。
こういう場合はこのデザインではダメだよ、と早めにお知らせいただくと助かります。「あ、うんうんこんな感じで進めて」だと OK や思うやないですか。あと「今のホームページより文字が小さい」とかはもう「ええええぇー？！」なんでご勘弁願います。マジで。

なんやねんこれイライラするわなスプラッシュページがあったりですとか、ボタンが小さくてクリックしにくいやんけですとか、スカスカで中身あらへんやんですとか、デザイン，コンテンツ，SEO と様々な観点から残念な20世紀サイトを見る度に、なんでこれこのままほっといてんのやろと思います。
なぁ、イカしたサイトにリニューアルしようぜ。俺に任せろって。マジで。

]]> http://wpxtreme.jp/unreleased-webdesign-3/feed 2 http://wpxtreme.jp/display-google-buzz-on-wordpress-with-simplepie http://wpxtreme.jp/display-google-buzz-on-wordpress-with-simplepie#comments Wed, 17 Feb 2010 09:12:47 +0000 kz http://wpxtreme.jp/?p=219 Google Buzz が利用できるようになりました。「ステータス メッセージの枠を超える機能」とか言うてますが Gmail とゴッチャだし twitter と比較すると諸々わかり難いのがアレですね。シンプルの方向性は twitter を見習った方がエンジニア以外のユーザーを取り込めて良いと思うよ。
Google Buzz API はまだこれから整備されるようですが、とりあえず新しいものには飛びついてみる wpxtreme なので、まずは簡単なところからタイムライン（って言うのか？）の表示をしてみましょう。とは言っても Atom feeds を取得するだけなので難しいことはありません。feed を取り扱うには WordPress に同梱されている SimplePie を使います。せっかくなので Google Buzz を利用するまでの手順もご説明するぜ。Continue Reading »]]>