┌─────────────────────────────────
│ 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=(出力ファイル名)