テンプレート式画像コラム

 内容
 テンプレートを使用して記事を表示します。

  ●テンプレートをHTMLで作成します。
  ●コラムに画像をアップロードできます。
  ●コラムの題名一覧を表示します。

 表示例
  実際に動作しているサンプルが こちら にありますのでご覧下さい。

 Sample Website
MENU
MENU
MENU

コラム

■2008. 7.25 バンフ
■2008. 7.20 立山・黒部
■2008. 6.12 ニューカレドニア
 << 前ページ   次ページ >>

Copyright (C) All Rights Reserved.

題名クリック


 Sample Website
MENU
MENU
MENU

コラム

■ バンフ 2008. 7.25

カナダのカルガリーから車で2時間程の所にバンフの街があります。ここはカナディアンロッキーの観光地として有名です。バンフの街を歩くと洒落た店が沢山立ち並んでいます。そしてそこで働いている日本人が多いのに驚きました。バンフの人口は8000人程だそうですが、その内日本人は季節に依るようですが300人から800人程住んでいるようです。どうやら夏は日本人の観光客でいっぱいのようです。日本語の看板もかなり目に付きます。和食のレストランもあり、一般のレストランでも日本語のメニューがおいてありました。バンフ街大通りの正面には大きなカスケード山がそびえていて、ロッキー山脈の街を印象付けられます。

<<戻る
Copyright (C) All Rights Reserved.

 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記の圧縮ファイルをダウンロードします。
  col5.zip  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---coldata (ディレクトリ)
     |---col5.cgi
     |---cgi-lib.pl
     |---temp.html
3 プログラムの変更 col5.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/col5.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
coldataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
col5.cgi 755
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●テンプレートファイルの作成 (temp.html)
  ・テンプレートファイルはHTMLで、CGIの記事を表示する場所に下記のように !cgidata と記述します。
   この記述の部分に記事を自動的に表示します。
  ・サーバによってCGIとHTMLのディレクトリが分離している場合、画像やスタイルシートのアドレスは http://のURLで記述して下さい。
  ・HTMLの文字コードは「Shift_JIS」を使用して下さい。

 Sample Website
MENU
MENU
MENU

コラム

!cgidata
Copyright (C) All Rights Reserved.

 ●記事表示
  ・題名一覧を表示し、題名をクリックしてコラム内容を表示します。
  ・題名一覧は新しく投稿した順に表示されます。
  ・大きい画像は縮小して表示します。画像をクリックすると実サイズで表示します。

 ●管理画面
  ・管理画面は下記URLです。パスワードは初期値が「cgi」です。
     http://xxxx/col5.cgi?mode=admin

 ●記事編集
  ・画像は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は300KBです。
  ・記事を修正、削除する場合は「修正」をクリックして下さい。

日付 
題名

内容
画像

 ●基本設定
画像格納ディレクトリ
画像読出ディレクトリ
カラーコード
題名色
記事表示 件/ページ
画像表示 px
パスワード変更 (英数8文字以内)

画像格納ディレクトリ coldataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのcoldataのパスを指定します。http://のURLでは指定できません。
 (例) ./coldata、 ../xxxx/coldata、 /xxxx/coldata
画像読出ディレクトリ coldataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのcoldataを http://のURLで指定します。
 (例) ./coldata、 http://xxxx/coldata
題名色 色をカラーコードで指定します。
記事表示 題名一覧でページ当たりの表示件数を指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
パスワード変更 管理画面に入る為のパスワードを入力します。

 
 改版履歴
リリース日 対象 版数 改版内容
2008.07.25 col5.cgi V1.0 初版
2010.10.19 col5.cgi V1.1 管理画面変更。基本設定の再設定が必要です。


CGI-design