このページではボタンテンプレートのHTMLファイル( html/tpl.html )を解説します。

ボタンテンプレートのHTMLファイルのパスは、iine/templates/(テンプレートの名前)/html/tpl.html です。このファイルにボタンのHTMLコードが記述されています。

記述されているHTMLコードは、ボタンにより異なりますので、ここではもっともシンプルなボタンのHTMLコードを用いて解説します。以下に示すHTMLコードが動作する最小限のコードです。

<div class="aiin-btn">
	<span class="aiin-vcnt"></span>
</div>

<div class="aiin-btn">...</div>が、ボタンのクリックエリアを定義します。このdiv内をクリックした時、投票が行なわれます。

<span class="aiin-vcnt">と</span>の間には投票数が表示されます。このタグは、<div class="aiin-btn">と</div>の間になければいけません。

基本的に以上の２つのHTMLタグがあれば、いいねボタンとして動作します。通常はこれら以外にも、ラベル( 例:いいね! )や、画像( 例: )をボタンに加えるわけですが、それらはあくまでもオプションであり、入れなければいけないということはありません。