使い方。

1. ライブラリTarzanをhttp://tarzan-aws.com/　からDLしてパスが通っている場所、もしくは下記プラグインファイルと同じ場所に配置。
2. 順番前後しますが、Tazan内の　config.inc.php　にアマゾンの認証キー等を設定。ほんとはプラグインの管理画面から設定できるのがベストなんだろうな。
3. 投稿のアマゾンの商品情報を展開したい部分にショートコードを　［amazonitem type=”商品タイプ”］ASIN［/amazonitem］ と記述

以上。過去記事との互換性のためにショートコードがtmkm-amazonでも動作するようにしてあります。ほんとはXSLTとか使った方がスマートなんだろうけどね。現状、音楽CDの場合には収録曲が表示されます。

<?php
/*
Plugin Name: Add amazon data
Plugin URI: http://www.oganosin.net/
Description: add amazon data html to the entry
Author: oganosin
Version: 1.0
Author URI: http://www.oganosin.net
*/

add_action('wp_head', 'add_amazon_stylesheet');
add_shortcode('tmkm-amazon', 'replace_asin');
add_shortcode('amazonitem', 'replace_asin');

function add_amazon_stylesheet(){
$filedir = get_option('siteurl') . '/wp-content/plugins/' . basename(dirname(__FILE__));
echo '<link rel="stylesheet" href="' . $filedir . '/amazon.css" type="text/css" media="screen" />';
}

function replace_asin($atts, $content){
extract(shortcode_atts(array(
'asin' => '',
'type' => 'music',
), $atts));
$html = getAmazonData($content, $type);
return $html;
}

function getAmazonData($asin, $type){
if($type == "music"){
return getAmazonData_music($asin);
}
require_once('tarzan/tarzan.class.php');
$obj = new AmazonAAWS();
$res = $obj->item_lookup(
$asin,
array(
'ResponseGroup'=>'Images,ItemAttributes',
),
AAWS_LOCALE_JAPAN);

$htmlcode = '<div>'
. '<a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. '<img src="'
. $res->body->Items->Item->MediumImage->URL
. '" /></a>'
. '<h4><a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. $res->body->Items->Item->ItemAttributes->Title
. "</a></h4>";
if((String)$res->body->Items->Item->ItemAttributes->Author != ''){
$htmlcode .= "<p><span>著者/訳者：</span>"
. $res->body->Items->Item->ItemAttributes->Author
. "</p>";
}
if((String)$res->body->Items->Item->ItemAttributes->PublicationDate != ''){
$htmlcode .= "<p><span></span>"
. $res->Body->Items->Item->ItemAttributes->PublicationDate
. "</p>";
}
$htmlcode .= "<p><span>定価：</span>"
. $res->body->Items->Item->ItemAttributes->ListPrice->FormattedPrice
. "</p>"
. "<p><span></span>"
. $res->body->Items->Item->ItemAttributes->Label
. "</p>"
. "<p><span>EAN：</span>"
. $res->body->Items->Item->ItemAttributes->EAN
. "</p>"
. "<hr />";
$htmlcode .="</div>";
return $htmlcode;
}

function getAmazonData_music($asin){
require_once('tarzan/tarzan.class.php');
$obj = new AmazonAAWS();
$res = $obj->item_lookup(
$asin,
array(
'ResponseGroup'=>'Images,ItemAttributes,Tracks',
),
AAWS_LOCALE_JAPAN);

$htmlcode = '<div>'
. '<a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. '<img src="'
. $res->body->Items->Item->MediumImage->URL
. '" /></a>'
. '<h4><a href="'
. $res->body->Items->Item->DetailPageURL
. '">'
. $res->body->Items->Item->ItemAttributes->Title;
if((String)$res->body->Items->Item->ItemAttributes->Artist != ''){
$htmlcode .= " / "
. $res->body->Items->Item->ItemAttributes->Artist;
}
$htmlcode .= "</a></h4>";
$htmlcode .= "<div><dl>";
if((String)$res->body->Items->Item->ItemAttributes->ReleaseDate != ''){
$htmlcode .= "<dt>発売日：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->ReleaseDate
. "</dd>";
}
$htmlcode .= "<dt>定価：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->ListPrice->FormattedPrice
. "</dd>"
. "<dt>レーベル：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->Label
. "</dd>"
. "<dt>JAN/EAN：</dt>"
. "<dd>"
. $res->body->Items->Item->ItemAttributes->EAN
. "</dd>"
. "</dl>"
. "</div><hr />";

if(count($res->body->Items->Item->Tracks->Disc)>1){
// multi disc
$cnt = 0;
foreach($res->body->Items->Item->Tracks->Disc as $disc){
$atr = $disc->attributes();
$htmlcode .= "<div class=\"multi\">";
$htmlcode .= "<h5>Disc. " . $atr->Number . "</h5>";
$htmlcode .= "<ol>";
foreach($disc->Track as $k => $tracktitle){
$htmlcode .= "<li>" . $tracktitle . "</li>";
}
$htmlcode .= "</ol>";
$htmlcode .= "</div>";
$cnt++;
if($cnt%2 == 0) { $htmlcode .= "<hr />"; }
}
if($cnt%2 == 1) { $htmlcode .= "<hr />"; }
}else{
//single disc
$htmlcode .= "<ol>";
foreach($res->body->Items->Item->Tracks->Disc->Track as $tracknumber => $tracktitle){
//foreach($item["tracks"]->Disc->Track as $tracktitle){
$htmlcode .= "<li>" . $tracktitle . "</li>";
}
$htmlcode .= "</ol>";
}
$htmlcode .="</div>";
return $htmlcode;
}
?>

そこで不定期で行っているWordpress用のプラグインの勉強の課題として、wp-tmkm-amazonを認証キー対応にしてみようと思う。まずはアマゾンのAPIを調べるとPHP用のライブラリ、その名もTarzanなるものがあるではないか！
アマゾンのライブラリ、ターザンって・・・・。
でもこのライブラリ、キャッシュ機能もあり、じつはかなり使えるのでは。
まずは商品データを取ってくるところまで実装してみる。まずは環境設定。

その1. オフィシャルサイト：http://tarzan-aws.com/からライブラリTarzanをダウンロード

その2. ダウンロードしたファイルのうち、config-sample.inc.php を config.inc.php にリネームし、必要な値を設定。今回はアマゾン・ウェブ・サービスキー、アマゾン・ウェブ・サービス秘密キー、アソシエイトIDの3つを設定

その3. Tarzanフォルダをサーバー上、PHPのパスが通っている場所にアップロード

さて、wikiも見ながらサンプルに、以下のコードを作成。

<?php
require_once('tarzan/tarzan.class.php');
if(!empty( $_REQUEST['asin']) ){
 $asin = $_REQUEST['asin'];
}else{
 $asin = 'B001QL3586';    
}
$obj = new AmazonAAWS();
$res = $obj->item_lookup($asin, null, AAWS_LOCALE_JAPAN);
echo "<pre>";
var_dump($res);
echo "</pre>";
?>

これだけでちゃんとデータが取れました。すばらしい！！
ただ、これだけだと必要最小限の情報しかとれていない（例えば商品画像などはなし）のでitem_lookupの第二引数にパラメーターをいろいろセットすればいいようです。
続きはまたのちほど！

#grep color style.css | sort | uniq
#grep background style.css | sort | uniq

• background-color: #5C75AA;
• background-color: #FFFFFF;
• background-color:#5F78AB;
• background-color: #f5f5f5;
• background-color: #f3f3f3;
• background: #627AAD;
• background: #899BC1;
• background: #D8DFEA;
• background: #ECEFF5;
• background: #eee;
• background:#F7F7F7 none repeat scroll 0 0;
• border-color:#26446E #152F5F #0C2253;
• color: #000;
• color: #3B5998;
• color: #666;
• color: #777777;
• color: gray;
• color:#333333;
• color:#FFFFFF;

画像のほうでは

• menubar.png：color: #3B5998;
• bodybg.gif : color:#EDEFF4;
• plus.gif：color: #3B5998;
• search.gif：color: #6D84B4;

こうして見ると結構な数の色を使ってますね。メインの色を抜き出すと

• menubar.pngを中心に一番濃い色として多用されている：color: #3B5998;
• search.gif、カテゴリメニューに使用されている中間色：color: #6D84B4;
• bodybg.gifに使用されている薄い色 : color:#EDEFF4;

smells like facebook

その名の通り、facebookにインスパイアされたテーマ。別にfacebookラブな訳ではないけれども、シンプルさが気に入ったので即採用！
これをベースに以下をカスタマイズ。
なんとなく、ブログのテーマを変更したくなったのでwordpressの管理画面から、良さげなテーマがないかしばし検索・・・。そして見つけました！

smells like facebook

その名の通り、facebookにインスパイアされたテーマ。別にfacebookラブな訳ではないけれども、シンプルさが気に入ったので即採用！
これをベースに以下をカスタマイズ。

• デフォルトではgravatarのアイコンが投稿ごとに表示されるけど、そもそもgravatarアイコンを取得していないのでコメントアウト
• 日付表示を ‘Y/m/d’ に変更
• 無料アイコンを使って多少デコレーション。ちなみに今回使用してみたのはこちらで紹介されていたPrimo Icons
• アーカイブページでは抜粋表示だったものを、インデックスと同じく本文表示に変更
• 記事、記事タイトルの文字サイズを調整
• ajaxでページ遷移するのが好きではない & URIがユニークではなくなるのが嫌なのでscript.js を修正してajaxでのページ読み込みをOFF

といったところ。
またテーマをころっと変えるかもしれないので、現在のスクリーンショットを以下に。
しかし、このブログは画像が少ないね・・・・。もう少し画像を増やそう。

• デフォルトではgravatarのアイコンが投稿ごとに表示されるけど、そもそもgravatarアイコンを取得していないのでコメントアウト
• 日付表示を ‘Y/m/d’ に変更
• 無料アイコンを使って多少デコレーション。ちなみに今回使用してみたのはこちらで紹介されていたPrimo Icons
• アーカイブページでは抜粋表示だったものを、インデックスと同じく本文表示に変更
• 記事、記事タイトルの文字サイズを調整
• ajaxでページ遷移するのが好きではない & URIがユニークではなくなるのが嫌なのでscript.js を修正してajaxでのページ読み込みをOFF

といったところ。
またテーマをころっと変えるかもしれないので、現在のスクリーンショットを以下に。
しかし、このブログは画像が少ないね・・・・。もう少し画像を増やそう。

[WP]Wordpress2.5～2.6　サムネイル画像を取得して表示

まんまそのまんまだけどこんな感じですね。

while (have_posts()){
	$attachments = get_children(array('post_parent' => get_the_ID(),
			'post_type' => 'attachment',
			'post_mime_type' => 'image',
			'orderby' => 'menu_order'));
	if ( is_array($attachments) ){
		$first_attachment = array_shift($attachments);
		$thumb = wp_get_attachment_thumb_url($first_attachment->ID);
	}
}

あとはサムネイルのサイズを途中で変えた場合に、再生成を行う方法が知りたい・・・。
要調査だな。

function addMetatags(){
	global $post;
	if(is_single() || is_page()){
		if( $post->post_excerpt != '' ){
			echo '<meta name="description" content="' . $post->post_excerpt . '" />';
		}else{
			echo '<meta name="description" content="'
				. htmlspecialchars($post->post_title)
				. '" />';
		}
		echo '<meta name="Keywords" content="';
		foreach(get_the_tags($post->ID) as $tag ){
			echo $tag->name . ", ";
		}
		echo '" />';
	}elseif(is_category()){
		echo '<meta name="description" content="'
			. htmlspecialchars(strip_tags(category_description()))
			. '" />';
		echo '<meta name="Keywords" content="default keywords" />';
	}else{
		echo '<meta name="description" content="default keywords" />';
		echo '<meta name="Keywords" content="default keywords" />';
	}
}
add_action('wp_head', 'addMetatags');

参考にしたのは
http://zone.maple4ever.net/blog/archives/440/
このサイト。
まずは初めてのプラグインということで、Ktai_styleにteltoリンクを追加するものを
作成してみた。ソースは以下の通り。
例えば　0120-000-000
なんかにリンクがつくはず。

<?php
/*
Plugin Name: Add mobile links
Plugin URI: http://www.oganosin.net/
Description: add telto link to the entry
Author: oganosin
Version: 1.0
Author URI: http://www.oganosin.net
*/

add_filter('the_content', 'addteltolinks');

function addteltolinks($body) {
        if(!defined ('KS_VERSION')){
            return $body;
        }
        $body = preg_replace('/(\d{2,4}\-\d{2,4}\-\d{2,4})/',
                '<a href="tel:\\1">\\1</a>',
                $body);
        return $body;
}
?>

でもテーマを当てる際に問題があったのでメモ。このブログはさくらインターネットのサーバーなのですが
P2テーマをあてようとするとエラーが発生・・・。またかよさくらインターネット、と思いいろいろググる。

はい答えはhttp://wordpress.org/support/topic/255088に！

なんとfunction.php とentry.phpにショートオープンタグで書かれている部分があり、ショートオープンタグがoffになっているサーバーでエラーが起こっていただけでした。
上記フォーラムから該当部分を引用しておきます。次のリリースでは修正されていることでしょう。

* line 429 of functions.php
<div class="postcontent<?php if (current_user_can( ‘edit_post’, get_the_id() )) {?> editarea<?}?>"….

should be:
<div class="postcontent<?php if (current_user_can( ‘edit_post’, get_the_id() )) {?> editarea<?php } ?>"

* line 27 of entry.php
<div class="postcontent<?php if (current_user_can( ‘edit_post’, get_the_id() )) {?> editarea<?}?>"…
shoud be:
`<div class="postcontent<?php if (current_user_can( ‘edit_post’, get_the_id() )) {?> editarea<?php } ?>"

追記：2009/4/29
結局テーマ戻しました。

WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!

著者/訳者：吉村 正春

定価：￥ 2,730

秀和システム

EAN：9784798022017

---

• AdSense Manager
• All in One SEO Pack
• Ktai Entry
• Ktai Style
• Twitter Tools
• Ultimate Google Analytics
• wp-tmkm-amazon
• WP Super Cash
• WP Multibyte Patch

でもまだ設定できていないものもばかりw
まあ実際に使ってみながらレビューしていきます。