Ajaxいいねボタン v2.23
テンプレートの編集
※ ボタンテンプレートの編集にはHTMLとCSSの基本的な理解が必要です。

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

templatesフォルダを開ける

Ajaxいいねボタンのボタンテンプレートは、すべて iine/templatesフォルダ に入っています。

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

templatesフォルダの中を見る
ボタンテンプレートのフォルダ名は慣例として、tpl- で始まります。

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

選択ダイアログ・ボックスでフォルダ名を調べる
テンプレートのフォルダを開ける

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

config.inc.php
html/tpl.html
css/tpl.css
img/

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

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

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

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


« 前へ
テンプレートの追加
次へ »
テンプレート設定ファイル