┌───────────────────────────────── │ News Log v2.3.5 │ Copyright (c) www.touch.co.jp └───────────────────────────────── -------------------------------------------------------------------- ●設置方法 /CGIプログラムを設置するディレクトリ/ | |-- /data/ <700> ... ログ保存フォルダ |-- /img/ <705> ... 画像ファイル保存フォルダ | |-- newslog.cgi <755> ... CGI本体 |-- newslog_ini.cgi <604> ... 初期設定ファイル |-- cgi-lib.pl <604> |-- jacode.pl <604> |-- admin.cgi <600> ... 管理画面表示用 |-- tmp_index.html <600> ... メインビュー用テンプレート |-- tmp_list.html <600> ... リストビュー用テンプレート | |-- /data/log.dat <606> ... ログファイル(空ファイル) -------------------------------------------------------------------- ●デザインテンプレート作成方法 テンプレートで利用できるパラメータは以下のとおりです。 行頭に★マークのある行の★マークを除いた部分がパラメータとなります。 ★ テンプレートに上記のどちらかの記載が含まれている場合、 出力ファイルは「utf-8」でエンコードされます。 ★ この2つのコメント分の間のソースが、記事数分ループされます。 「」のようにn(半角数字)を指定すると、表示する記事数を設定できます。 より上をヘッダーセクション、 からまでをループセクション、 より下をフッターセクション、 とします。 ★!script! NewLogのcgiパスで置換されます。 ★!title! newslog_ini.cgi内で設定する$titleを参照 ★!now! 現在の日付をyyyy-mm-ddT12:00:00+09:00形式で表示(時刻は12:00固定) ※ヘッダーセクションでのみ利用可 ★!prevPage! 前ページへ移動するリンクで置換されます。 ※リンク先URLは「newslog_ini.cgi」内の$scriptで設定 ※リンクテキストは「newslog_ini.cgi」内の$prevPageで設定 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!prevPage2! 前ページへ移動するリンクで置換されます。 ※リンク先URLは「newslog_ini.cgi」内の$script2で設定(スマホ用) ※リンクテキストは「newslog_ini.cgi」内の$prevPageで設定 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!nextPage! 次ページへ移動するリンクで置換されます。 ※リンク先URLは「newslog_ini.cgi」内の$scriptで設定 ※リンクテキストは「newslog_ini.cgi」内の$nextPageで設定 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!nextPage2! 次ページへ移動するリンクで置換されます。 ※リンク先URLは「newslog_ini.cgi」内の$script2で設定(スマホ用) ※リンクテキストは「newslog_ini.cgi」内の$nextPageで設定 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!pageNum! ページ番号で置換されます。 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!pageCnt! 総ページ数で置換されます。 ※ヘッダーセクションおよびフッターセクションでのみ利用可 ★!no! 記事のアンカー名で置換されます。 ※ループセクションでのみ利用可 ★!page! 記事のページ番号で置換されます。 ※ループセクションでのみ利用可 ※記事ページへのリンクは「newslog.cgi?page=n」(nはページ番号)となります。 ★!subject! 件名で置換されます。 「!subject[n]!」のようにn(半角数字)を指定すると、その文字長で切り落とされます。※ループセクションでのみ利用可 ★!date! 年月日で置換されます。 ※ループセクションでのみ利用可 ★!date_rss! 記事の日付をyyyy-mm-ddT12:00:00+09:00形式で表示 ※ループセクションでのみ利用可 ★!comment! 記事本文で置換されます。 「!comment[n]!」のようにn(半角数字)を指定すると、その文字長で切り落とされます。※nを指定した場合、記事の中のタグおよび改行は削除されます。 ※ループセクションでのみ利用可 ★!image-1! ★!image-2! ★!image-3! 画像1〜3のimgタグを返します。 「!image-1[w,h]!」のように、w=最大幅(ピクセル)と h=最大高さ(ピクセル)を指定できます。 w,hを指定しない場合は原寸表示となります。 Wのみ指定した場合は、横幅固定となります。(例[100,]) hのみ指定した場合は、高さ固定となります。(例[,100]) ※ループセクションでのみ利用可 ★!image-1-url! ★!image-2-url! ★!image-3-url! 画像1〜3のURLを返します。 ※ループセクションでのみ利用可 ★!yobi1! 予備1で置換されます。 改行不可(テキストボックス)、タグ利用可 ※ループセクションでのみ利用可 ★!yobi2! 予備2で置換されます。 改行可(テキストエリア)、タグ利用可 ※ループセクションでのみ利用可 ****以下は通常使用しません。**** ★!ver! ソフト名とバージョンを表示 ※管理画面(admin.cgi)でのみ利用可 ----------------------------- <CSSクラス名> ●本文中のURLやEmailアドレスは自動でリンクされます。 その際のリンク色(Aタグの文字色)は「newslog」で設定してください。 (CSS設定例) a.newslog { color: #0000FF; text-decoration:none; } a.newslog:link { color: #0000FF; text-decoration:none; } a.newslog:visited { color: #0000FF; text-decoration:none; } a.newslog:hover { color: #0000FF; text-decoration: none; background-color:yellow;} ●ページのナビゲーションのリンク色(Aタグの文字色)は 「newslog_navi」で設定してください。 (CSS設定例) a.newslog_navi {text-decoration:none;font-weight:bold;} ●画像1〜3のクラス名 !image-n[w,h]! (n=1〜3、w=幅、h=高さ) で書き出されるimgタグにクラス指定を追加しました。 クラス名:newslog_img_n (n=1〜3) 次のようにヘッダーでスタイルを設定できます。 <テキストの回りこみ設定例>   -------------------------------------------------------------------- ●CGI呼出方法 メインビュー表示 newslog.cgi newslog.cgi?view=main リストビュー表示 newslog.cgi?view=list RSS表示 newslog.cgi?view=rss 管理画面表示 newslog.cgi?mode=login 動作チェック newslog.cgi?mode=check&pass=(管理パスワード) ※管理パスワードは、管理画面のログインパスワードと同じです。 「newslog_ini.cgi」内で設定します。 テンプレートを指定して表示 newslog.cgi?tmp=(テンプレートファイル名) ※テンプレートはcgi本体と同じディレクトリにあること。 ファイル名を指定してHTML出力 newslog.cgi?mode=outfile&pass=(管理パスワード)&out=(出力ファイル名) newslog.cgi?mode=outfile&pass=(管理パスワード)&view=list&out=(出力ファイル名) newslog.cgi?mode=outfile&pass=(管理パスワード)&tmp=(テンプレートファイル名)&out=(出力ファイル名)