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

p
このページではボタンテンプレートの編集の仕方を説明します。

t
templatesフォルダを開ける

p
Ajaxいいねボタンのボタンテンプレートは、すべて k^%root-folder-name%/templates$フォルダ に入っています。

p
b^%root-folder-name%/templates$フォルダを開けてみてください。以下のように、フォルダ名が b^tpl-$ で始まるサブフォルダが見つかりますが、これら一つ一つがボタンテンプレートです。

i
inside-templates-folder
templatesフォルダの中を見る

info
ボタンテンプレートのフォルダ名は慣例として、b^tpl-$ で始まります。

p
どのボタンテンプレートのフォルダに、どのようなスタイルのボタンが入っているか調べるには、l^put-two-lines-on-hostpage|貼り付け用コード生成ページ$を開いて、k^テンプレートの選択$ボタンをクリックしてください。k^テンプレートの選択$ダイアログ・ボックスが開きますが、各ボタンの上に、そのボタンテンプレートのフォルダ名が表示されます。

i
folder-name-in-template-selection-dialogbox
選択ダイアログ・ボックスで||フォルダ名を調べる

t
テンプレートのフォルダを開ける

p
編集したいボタンテンプレートを選んで、そのフォルダを開けてください。ボタンテンプレート内のファイルを編集することで、そのテンプレートをカスタマイズできます。各ボタンテンプレートの中には以下のようなファイルが入っています。

ui
k^config.inc.php$

ui
k^html/tpl.html$

ui
k^css/tpl.css$

ui
k^img/$

br

p
k^config.inc.php$ファイルでは、ボタンの設定が行えます。例えば、アンドゥ機能を有効にするか無効にするか設定できます。このファイルに関する詳細は、l^button-template-config-file|テンプレート設定ファイル$を参照してください。

p
k^html/tpl.html$は、ボタンのHTMLコードがはいっています。このHTMLを編集することで、ボタンのレイアウトや文言( 例:b^いいね!$ )を変更できます。このファイルに関する詳細は、l^button-template-html-file|テンプレートHTMLファイル$を参照してください。

p
k^css/tpl.css$は、ボタンのCSSコードがはいっています。このCSSを編集することで、フォントの色やサイズなど、ボタンのスタイルを変更できます。このファイルに関する詳細は、l^button-template-css-file|テンプレートCSSファイル$を参照してください。

p
k^img/$フォルダには、ボタン上で使用されている画像( 例:i^image-example$ )が入っています。(画像を使用しないテンプレートにはk^img/$フォルダはありません。) ボタン上の画像を変更したい場合は、このフォルダ内にある画像を入れ替えてください。

tpl
std