petit-comme

プチコメ　設置ガイド

サーバへの設置方法

1.ダウンロード後 petitｰini.cgi を開いて、
　設定ここからーここまでの間を必要な設定をします。（メールやURLをお間違いなく。）
　これ以外は当初いじる必要はありません。

2.フォルダごとアップロードします。（フォルダ名は適当に変えてください　p-com等）

3.FTPソフト等でパーミッション設定をします。（サーバによってはカッコ内の数値　例：ロリポップ）

777（705）
--logフォルダ
--lock フォルダ

※フォルダに転送用のダミーファイルが入っています。削除して下さい。（そのままでOK）
※サーバによってはp-comフォルダ自体に755等の設定が必要な場合があります。

755(700)
--a.cgi
--petit-js.cgi
--petit-recent.cgi
--entry.cgi
--delete.cgi

それ以外（何もしなくても、たいてい大丈夫です）
644（604）

a.cgiにブラウザで直接アクセスしてテストします。（表示できれば大成功！この時点では書き込まない方がよいです）
例：http://サーバまでのアドレス/p-com/a.cgi

iBlogへのコメント取り付け方法

テンプレートセットを修正します。

BlogPage.txt
EntryPage.txt
のコメント挿入箇所に

<a href=# onclick="pcoment = window.open('スクリプトファイルのディレクトリパス/a.cgi?<$EntryUUID$>&<$EntryCategoryUUID$>','pcom','width=400,height=500,resizable=yes,scrollbars=yes') ;">
<script type="text/javascript" src="スクリプトファイルのディレクトリパス/petit-js.cgi?<$EntryUUID$>"></script></a> 

CategoryPage.txtのコメント挿入箇所に

<a href=# onclick="pcoment = window.open('スクリプトファイルのディレクトリパス/a.cgi?<$EntryUUID$>&<$CategoryUUID$>','pcom','width=400,height=500,resizable=yes,scrollbars=yes') ;">
<script type="text/javascript" src="スクリプトファイルのディレクトリパス/petit-js.cgi?<$EntryUUID$>"></script></a> 

スクリプトファイルのディレクトリパスはお使いのサーバにあわせて下さい。
例：http://hagemasu.com/user/p-com
幅や高さは適当に調整して下さい。

RecentComments取り付け方法

1.iBlogのBlogメニュー→ナビゲーションエディタを表示を選びます。

2.新規をクリック→適当に名前を付け保存します。

ヘッダに
例：<div class="sidetitle">Recent Comments </div>

内容に
<div class="side"><script language="JavaScript" src="スクリプトファイルのディレクトリパス/petit-recent.cgi"></script> </div>

オレンジの部分は適宜変えてください。

表示順もここで変えられます。

スクリプトファイルのディレクトリパスはお使いのサーバにあわせて下さい。
例：http://hagemasu.com/user/p-com

※Shift_Jis版からUTF-8に移行された方
新しい書き込みだけUTF-8で書き込まれます。
古い書き込みは化けますが、書き込みが新しくなるまで我慢して下さい(￣▽￣υ)アセ...

これでOK!!なはず。
さて、iBlogでリセット後プレビュー！&チェック！
まずは書き込んで下さい。最新欄も表示されたら大大成功です。

エントリページに埋め込む方法

エントリに埋め込んで使いたい方は以下を追加して下さい。

まず、テンプレートファイルEntryPage.txtの
各エントリの表示部分の最後、コメントを表示したい場所に

<script language="JavaScript" src="スクリプトファイルのディレクトリパス/entry.cgi?<$EntryUUID$>&<$EntryCategoryUUID$>"></script>

を追加します。

スクリプトファイルのディレクトリパスはお使いのサーバにあわせて下さい。
例：http://hagemasu.com/user/p-com

以上です。iBlogでリセット後プレビュー！&チェック！
※ entry-style.cssのCSSを修正して、デザインをあわせて下さい。

コメント管理

コメントは消去のみできます。

各エントリコメントの、最下段「login」ボタンでログイン後
コメント一覧から削除できます。

デザインの修正

一通りすんだらデザイン関連ですね。CSSファイルは

コメントページ----petit-style.css
最新一覧ページ-------- recent-style.css　です。
エントリ埋め込みコメント-------- entry-style.css　です。

説明は各CSS内に書いてます。プロパティーをお好みにあわせ各々変更してください。

ComCom
ing@mac.com
http://homepage.mac.com/ing/comcom/