Ajaxいいねボタン インストレーション・ガイド
テンプレートの追加・編集

このページではテンプレートの新規追加と編集を解説します。(テンプレートの編集にはHTMLとCSSの基本的な理解が必要です。)

テンプレートの新規追加

すべてのテンプレートは、tplフォルダ内にはいっています。tplフォルダを開くと、中に t1001、t1002、t1003...といったサブフォルダが見つかりますが、これら一つ一つのフォルダがテンプレートです。

テンプレートのフォルダ

テンプレートの新規追加は、既存のテンプレートをコピーするという方法で作ります。例えば、t1001フォルダをコピーして、tplフォルダ内にペーストしてください。これで新しいテンプレートが新規追加されました。(ペーストしたフォルダの名前はなんでもかまいません。下の図では例として「myテンプレート」という名前をつけています。)

新規追加したテンプレート

新しいテンプレートは、t1001をコピーして作ったものなので、みかけは現時点で、t1001と全く同じです。これを編集して独自なものにしてください。

テンプレートの編集

テンプレート・フォルダ内のファイルを編集することで、テンプレートの見かけを変更できます。各テンプレート・フォルダに中には以下のファイルが入っています。

tpl.inc.php

css/style.css

img/icon.png

tpl.inc.phpは、いいねボタンのHTMLがはいっています。HTMLを編集することで、いいねボタンのレイアウトを変更できます。

css/style.cssは、いいねボタンのCSSがはいっています。CSSを編集することで、フォントの色やサイズなど、スタイルを変更できます。

img/icon.pngは、いいねボタンのアイコンの画像です。お好きな画像に入れ替えてください。


« 戻る
二重投票禁止の設定