TopicsBoard

戻る

(スキン式新着ボード)

　■ サンプルと特長

スキン式で、画像をアップロード可能な新着情報掲示板です。
サンプルは以下にあります。

TopicsBoard
TopicsBoardの機能的な特長は以下のとおりです。
1. 管理者のみが書き込みできる新着情報ボードです。日記などにも使用できます。
2. 表示画面がスキン式ですので、スキンを取り替えることで様々なデザインを楽しみことができます。
3. 記事と一緒に画像を3つまでアップロードすることができます。
4. サポート掲示板では、スキン制作に関する設置上の質問はお受けしていません。ただし、標準スキン（ファイル同梱のもの）における設置上の質問はお受けいたします。
5. まだベータ版ですので、不具合やご要望がありましたら、メールにてご連絡をいただければ嬉しく思います。　
このスクリプトを利用する上での利用規定です。必ず目を通しておいて下さい。スクリプトをダウンロードする場合、無条件に「利用規定」に同意したものとみなします。

　■ プログラムの入手

以下の書庫（圧縮）ファイルをダウンロードします。書庫ファイルは LHA形式と ZIP形式のいずれかをお選びください。

Ver: 0.52 (ベータ版)

LHA形式

topics.lzh ZIP形式

topics.zip
ダウンロード後、解凍します。解凍すると以下のファイルが展開されます。

topics.cgi
topiset.cgi
topics.dat
tmp.html
jcode.pl (*1)
cgi-lib.pl (*2)
*.gif (*3)

(*1) 歌代和正氏氏のライブラリを再配布するものです。
(*2) Steven E. Brenner氏のライブラリを再配布するものです。
(*3) IMAGEのtoru氏のアイコンを再配布するものです。

Ver: 0.52 (ベータ版)
LHA形式 topics.lzh		ZIP形式 topics.zip

　■ プログラムの修正

ホームディレクトリ(ここでは public_htmlディレクトリとします)の下に、topicsディレクトリを作成し、上記ファイルをFTP転送します。また、アップロード画像用のディレクトリ imgディレクトリを topicsディレクトリの下に作成します。

全体のディレクトリ構成とファイル位置は以下のとおりです。（かっこ内はパーミッションの設定値）

topics.cgi をエディタで開いて以下の箇所を修正します。（主要な変更箇所のみ）

　#!/usr/local/bin/perl
　（プロバイダで定められたPerlへのパスを指定します）

　$pass = '0123';
　（記事削除のためのマスタパスワードです。半角の英数字でご指定下さい）

　$imgdir = './img/';
　$imgurl = 'http://xxx.xxx.xx/img/';
　（アップロードする画像を置くディレクトリのパスと、そのURLを記述します）

　$home = '../index.html';
　（掲示板からの戻り先のURLを記述します。http://から記述しても構いません）

以上、修正が完了したら各ファイルをFTP転送し、以下のとおりアクセス権 (パーミッション) を設定します。

ファイル名アクセス権転送モード

topics.cgi 755 アスキー

topics.dat 666 アスキー

topiset.cgi 644 アスキー

jcode.pl 644 アスキー

cgi-lib.pl 644 アスキー

tmp.html 644 アスキー

*.gif - バイナリ

imgディレクトリ 777 -

ファイル名	アクセス権	転送モード
topics.cgi	755	アスキー
topics.dat	666	アスキー
topiset.cgi	644	アスキー
jcode.pl	644	アスキー
cgi-lib.pl	644	アスキー
tmp.html	644	アスキー
*.gif	-	バイナリ
imgディレクトリ	777	-

Tips:ファイル転送の仕方は以下のページを参考にしてください。

Windows編 Mac編

以上、設定が完了したら「チェックモード」で動作チェックを行なってみましょう。

【チェックモード】：topics.cgi の末尾に「?mode=check」と付けて呼び出す
例　http://～～/topics/topics.cgi?mode=check
チェックモードが正常ならば、HTMLから topics.cgi にリンクします。

【記述例】
<a href="http://～～/topics/topics.cgi">新着掲示板</a>
補足事項
スキンファイル（tmp.html）はHTMLですが、CGIとHTMLを別ディレクトリに分けて置くプロバイダ（@niftyやHi-HOなど）でも、原則としてCGIディレクトリに置くようにしてください。
その場合、スキンファイル (tmp.html) 及びスキン設定ファイル (topiset.cgi) の中に書かれたパスを正しく書き換える必要があります。（画像ファイルやFORMタグのtopics.cgiなど）

【@niftyでの構成例】
```
/homepage/ ... HTML領域
  |
  +-- topics /
        |
        +-- skin / *.gif ... スキンで指定する画像をおく
        |
        +-- img / ... アップロード画像ディレクトリ

/cgi-bin/ ... CGI領域
    topics.cgi
    jcode.pl
    cgi-lib.pl
    tmp.html
    topiset.cgi
```

　■ スキンファイルの仕様

TopicsBoardはスキン式の掲示板のため、スキンを変更することで自由にデザインを変えることができます。
今後徐々にスキン種類を増やしていきたいと考えています。
また、素材作成やデザイン作成のできる方で、スキンを一般公開してもいいかたはお知らせいただければ、リンクさせていただきます。

TopicsBoardスキン・ライブラリ

0001 デザイン型1 サンプル

0002 ビジネス型1 サンプル
スキンをご自分で制作・改造される方のために、基本的な決まりごとを説明しておきます。

《スキンの表示領域》

(1) ヘッダ部領域

(2) <!-- line1 -- >

(3) 記事表示領域（ループする部分）

(4) <!-- line2 -- >

(5) フッタ部領域

(1) ヘッダ部の表示領域です。
!back! : ページの前ボタン
!next! : ページの次ボタン
!top! : ページのトップボタン
!home! : ホームへの戻るボタン

(2) ヘッダ部と記事表示領域の境界です。（必須）

(3) 記事の表示領域でループする部分です。
!date! : 年月日
!subject! : 記事題名
!comment! : 記事コメント
!image1! : アップロード画像1
!image2! : アップロード画像2
!image3! : アップロード画像3

(4) 記事表示領域とフッタ領域の境界です。（必須）

(5) フッタ部の表示領域です。
!back! : ページの前ボタン
!next! : ページの次ボタン
!top! : ページのトップボタン
!home! : ホームへの戻るボタン

なお、!back! !next!に係るボタンでは、スキン設定ファイル (topiset.cgi) で画像ボタンかフォームボタンかを選択することができます。

# 繰越ボタンの形状
# 0 : 画像
# 1 : フォームボタン
$pageBtn = 0;

0001	デザイン型1	サンプル
0002	ビジネス型1	サンプル