TopicsBoard

戻る

(スキン式新着ボード)

　■ サンプルと特長

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

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

　■ プログラムの入手

以下の書庫（圧縮）ファイルをダウンロードします。

Ver: 1.2

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: 1.2
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転送し、以下のとおりアクセス権 (パーミッション) を設定します。

ファイル名パーミッション転送モード

一般サーバ suEXECサーバ
CGIWrapサーバ

topics.cgi 755 or 705 701 or 700 アスキー

topics.dat 666 or 606 600 アスキー

topiset.cgi 644 or 604 600 アスキー

jcode.pl 644 or 604 600 アスキー

cgi-lib.pl 644 or 604 600 アスキー

tmp.html 644 or 604 600 アスキー

imgディレクトリ 777 or 707 777 or 707 -

*.gif - - バイナリ

ファイル名	パーミッション	転送モード
一般サーバ	suEXECサーバ CGIWrapサーバ
topics.cgi	755 or 705	701 or 700	アスキー
topics.dat	666 or 606	600	アスキー
topiset.cgi	644 or 604	600	アスキー
jcode.pl	644 or 604	600	アスキー
cgi-lib.pl	644 or 604	600	アスキー
tmp.html	644 or 604	600	アスキー
imgディレクトリ	777 or 707	777 or 707	-
*.gif	-	-	バイナリ

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	サンプル
0003	BlueVeryJam!様制作	サンプル	DLは当該サイトで
0004	Fiorire様制作	サンプル	DLは当該サイトで
0005	POKO様制作	サンプル
0006	BlueVeryJam!様制作	サンプル	DLは当該サイトで
0007	スタジオ豆屋敷様制作	サンプル
0008	新月様制作	サンプル	DLは当該サイトで
0009	くろねこの素材缶様制作	サンプル	DLは当該サイトで
0010	CIEL様制作	サンプル1 サンプル2	DLは当該サイトで
0011	のだちん☆どっとこむ様制作	サンプル	DLは当該サイトで
0012	スタジオ豆屋敷様制作	サンプル	DLは当該サイトで
0013	★ACQUA*WEB★様制作	サンプル	DLは当該サイトで
0014	AMANTE KAZ様制作	サンプル	DLは当該サイトで
0014	web2works様制作	サンプル	DLは当該サイトで
0015	サンテックス様制作	サンプル	DLは当該サイトで

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

《スキンの表示領域》

(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;

　■ おすすめページ

@niftyでの設置事例
TopicsBoardの設置事例
RSS対応
RDF for KENT BBS