mixiも「イイネ!ボタン」を公開したみたいだからこのブログ(WordPress)に表示しました

2010年12月09日

ほとんど条件反射みたいなもんですが、とりあえず実装してみましたmixiの「イイネ!」ボタン。

最終的なソースコード

とりあえずこれをコピーしてキーを記入すれば動くはず。まだ試してませんが。

<iframe 
src="http://plugins.mixi.jp/favorite.pl?href=<?php urlencode( the_permalink() ); ?>&service_key=[mixiチェックのチェックキーでいいみたい]&show_faces=true" 
scrolling="no" 
frameborder="0" 
allowTransparency="true" 
style="border:0; overflow:hidden; width:450px; height:80px;"></iframe>

簡単な解説

置く際に変更するのはsrc属性のGETパラメータのみみたいです

パラメータ 必須
href 対象ページの URL 必須
service_key mixiチェックのチェックキー 必須
width 表示領域の幅(ピクセル)デフォルトは 450
show_faces イイネ!しているユーザーのプロフィール写真を表示する場合は “true”

WordPressで使うにはページのURLを取得する必要があります。
そしてGETパラメータ内では「:」とか「//」(どっちも半角だと思ってください)とかが使えないのでページURLをURLエンコードしてあげる必要があります。

WordPressでページURLを取得するテンプレートタグ

<?php the_permalink(); ?>

これをURLエンコード用の関数にかけます

<?php urlencode( the_permalink() ); ?>

これでURLエンコード完了です。

かんせい

<iframe 
src="http://plugins.mixi.jp/favorite.pl?href=<?php urlencode( the_permalink() ); ?>&service_key=[mixiチェックのチェックキーでいいみたい]&show_faces=true" 
scrolling="no" 
frameborder="0" 
allowTransparency="true" 
style="border:0; overflow:hidden; width:450px; height:80px;"></iframe>

他にこんな事も書いてます

FBでコメント