WordPressのショートコードの実験

WordPressには、簡単に独自機能を記事に埋め込めるショートコードとあるらしいので実験してみる。

例えば、ここのサイトを参考にして

［hw］

と記述すると（両側の括弧は1バイトです）、

[hw]

と表示される。つづいてここのサイトを参考にして、

［bk1_vc id="03092262" title="WordPress 2.7対応「導入＆カスタマイズ」実践ガイド"］

と記述すると、

[bk1_vc id=”03092262″ title=”WordPress 2.7対応「導入＆カスタマイズ」実践ガイド”]

とbk1のバリューコマースのアフリエイトのリンクが表示されるように、ショートコードを書いてみた。これでわざわざ、MyLinkの変換ページでURLとか画像とかをコピーしなくてよくなった。ただし、適当なIDの決め打ちですので間違えているかも。とりあえず動いているレベルです。

bk1のAPIの仕様がわかれば、もっとパラメータのチェックをきちんとすればいいかもしれません。Amazonみたいに、商品IDからいろいろな情報を取得できるようなAPIをbk1は用意していませんでしたよね？

30分で作成した簡単なものですが公開します。divタグのclassを打っていますので、適当にCSSでデザインしてください。あとIDを変えてあげないと、全部アフリエイトは私がいただきます。

function bk1_vc_shortcode($atts) {
	$sid = 2521808;  // ここに登録したバリューコマースのサイトIDを記述する。
	$pid = 877578384; // ここには広告スペースのIDを記述する。
	extract(shortcode_atts(array(
		'id' => '',
		'title'  => '',
		'image_dir' => ''
	), $atts));
	if($id == "" ){
		return '商品IDが設定されていません。';
	} else {
		if ($image_dir == "") {
			$image_dir = substr($id, 0, 4);
		}
    return <<<_EOT_
<div class="bk1vc">
<div class="book-image">
<a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=$sid&pid=$pid&vc_url=http%3a%2f%2fwww%2ebk1%2ejp%2fproduct%2f$id" target="_blank" ><img border="0" src="http://img.bk1.jp/bibimg/$image_dir/$id.jpg"><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=$sid&pid=$pid" height="1" width="1" border="0"></a>
</div>
<div class="book-title">
<a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=$sid&pid=$pid&vc_url=http%3a%2f%2fwww%2ebk1%2ejp%2fproduct%2f$id" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=$sid&pid=$pid" height="1" width="1" border="0">$title</a>
</div>
</div>
_EOT_;
	}
}

いいね: