Pinterestの「Pinボタン」を設置してみた

Pinterestの「Pinボタン」を設置してみた

『Photolog』にPinterestの「Pinボタン」を設置したのでその覚え書きです。

Pinterest Pinボタン

コード

JavaScript

<script src="//assets.pinterest.com/js/pinit.js"></script>

HTMLとMovable Typeのテンプレートタグ

<a href="http://pinterest.com/pin/create/button/?url=<$mt:EntryPermalink$>&media=<mt:If tag="EntryDataShare"><mt:EntryDataShare></mt:If>&description=<$mt:EntryTitle encode_html="1"$>" class="pin-it-button" count-layout="horizontal"><img src="//assets.pinterest.com/images/PinExt.png" title="Pin It"></a>

EntryDataShareは、カスタムフィールドのタグです。

エントリー毎にシェアして欲しい画像のURLを記述出来るように、Movable Typeのテンプレートに専用のカスタムフィールドを作成しました。カスタムフィールドの名前を「シェア」とし、ベースネームを「share」、 テンプレートタグを「EntryDataShare」としました。

Link: