WordPressで楽天グループのウェブサービス「楽天ダイナミックアドAPI」の利用方法の覚え書き。
下記ソースをサイドバーに記述すると、指定したページに関連する、商品が表示されます。
<div>
<div id="rakuten_dynamic_ad">読み込み中...</div>
<script type="text/javascript">
<!--
function rakutenCallBack(data) {
var ads = data.Body.Ads.Ad;
var html = '';
html = '<dl>';
for (var i = 0; i <ads.length; i++) {
var ad = ads[i];
html += '<dt>';
html += '<a href="' + ad.AffiliateItemUrl + '" target="_blank"><img src="' + ad.SmallImageUrl + '" alt="' + ad.ItemName + '" /></a>';
html += '</dt>';
html += '<dd>';
html += '<h4><a href="' + ad.AffiliateItemUrl + '" target="_blank">『' + ad.ItemName.substr(0,30) + '』</a></h4>';
html += ad.ItemPrice + '円';
if (ad.TaxFlag == 0) {
html += '(税込、';
}
else {
html += '(税別、';
}
if (ad.postageFlag == 0) {
html += '送料込)';
}
else {
html += '送料別)<br class="float_clear" />';
}
html += '</dd>';
}
html += '</dl>';
document.getElementById('rakuten_dynamic_ad').innerHTML = html;
}
-->
</script>
<script type="text/javascript" src="http://dynamic.rakuten.co.jp/rcm/1.0/i/json?developerId=[ここにID]&affiliateId=[アフィリエイトID]&url=[ターゲットのURL]&callBack=rakutenCallBack"></script>
</div>
[ターゲットのURL]には
< ? php bloginfo('url'); ?>
や
< ? php the_permalink(); ?>
のWordPressタグを挿入し、動的に生成する事も可能です。
以前は自前で「pre」タグを使用し、コードの表記をしていたのですが、
若干記述が面倒になったので、WordPressにPHP Hilight Stringプラグインを使用させていただきました。
記述方法はPHP Hilight Stringの特有のタグ[code]を使用し
[code]
ここに内容
[/code]
という感じにします。
さらに
[code lang=”言語” ]
という感じで下記を記述するとコードのハイライト機能もあるみたいです。
‘php’
‘cpp’
‘css’
‘diff’
‘dtd’
‘javascript’
‘mysql’
‘perl’
‘python’
‘ruby’
’sql’
‘xml’
‘java’
WordPressで簡単に関連記事を表示させるプラグインがないかと調べた所、
Simple Tagsがよさそうなので試してみました。
導入方法:
上記サイトからダウンロードし、wp-content/pluginsディレクトにに格納
管理画面＜設定でSimple Tagsを選び、メニューの中にある「関連投稿」のタブを開き、
フィードに関連投稿を自動的に表示する：に「チェック」を入れ
投稿内に関連投稿を自動的に表示する:を「All」
関連投稿リンクのフォーマット:を
■ <a href="%post_permalink%" title="%post_title% (%post_date%)">%post_title%</a>
に書き換え
にすれば下記のように表示されます。
先日公開されたGoogle Chart APIのQRコード作成機能で
WordPressでQRコードを表示してみる事にしました。
トップページを表示する場合
<img src="http://chart.apis.google.com/chart?chs=100x100&choe=Shift_JIS&cht=qr&chl=<? php bloginfo('url'); ?>>現在のページを表示する場合
<img src="http://chart.apis.google.com/chart?chs=100x100&choe=Shift_JIS&cht=qr&chl=<? php the_permalink(); ?>">
思った以上に便利！
(sampleは右サイドバーのQRコードです。)
すごいWordPressプラグインです。
iWPhoneはWordPressをiPhone,iPod touch用に対応させるプラグイン。
IPhone用の画面を作ろうとしてた所だったのですが、これで解決してしまいました。
使用方法は上記サイトからファイルをダウンロードし、
ダウンロードファイル中の
「iwphone.php」をpluginsフォルダ
「iwphone-by-contentrobot」をフォルダごとthemesフォルダに
未だIPhoneは持っていないので、Safariでのチェックでしたが、
下記みたいな感じで表示されました。
↑イメージ画像（多分こんな感じに表示されるはず）
