panel
warning
※ ボタンテンプレートの編集にはHTMLとCSSの基本的な理解が必要です。
-

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

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

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

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

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

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

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

tpl
std