掲示板/アクセスカウンター/日記などあなたのホームページを組み立てるパーツを無料で提供
 |
|
|
|
カスタマイズ方法
はじめに
はじめの頃はテンプレートをそのまま使っていたのが長く使っていると、細かいところが気になりだすものです。背景を変更してみたくなったり、フォントカラーを変更したり、またデザインそのものを変更することも可能です。
各掲示板にカスタマイズする方法
入室画面
各掲示板の「MASTER」又は「管理用」をクリックすると管理用画面が現れます。  パスワードを入力、そしてデザインにチェックをすると入室できます。 そこで6つの窓があり設定１〜設定６で、１本のＨＴＭＬファイルを作るイメージです。 設定1の窓
 設定1はページヘッドの部分（<html>）から はじまり、（<!--TITLE-->）まで。 これはページの閲覧するときに見ることの出来ないヘッドの部分から、”BBS”という表示部分までのHTMLです。 ページのヘッド部分ですのでブラウザに表示されるタイトルやスタイルシートの編集部分metaタグなど、ページの概要をしまってあるところです。 スタイルシートを追加することにより、バリエーションに富んだデザインを実現します。 一番のしたの一例を出しますと <!--TITLE--> <font color=#990000 face=Tahoma>* BBS *</font><BR> <!--TITLE--> という表示がありますがこれはブラウザのタイトルタグではなく、あくまでも掲示板の上部に表させるテキスト文です。ここにロゴを入れることも可能です。 この窓で注意していただくことは<html>タグや<body>タグは削除しないでください。主要はタグを削除しますとページが表示されなくなる恐れがあります。  <!--FORM-->から 設定2の窓は掲示板を書き込むときの入力欄にあたるフォーム部分の編集です。 <!--FORM-->まで  このフォーム部分の情報が設定2の窓に入っています。フォントカラーの指定を追加したり、セキュリティに使用する4桁のランダムキーを追加したり出来ます。 入力フォーム部に使用出来るname値は下記のとおりです。
具体的に例を挙げますと、 名前の入力欄を追加するには下記の1行を追加してください。 <input type="text" size="20" name=name> フォントカラーを追加するには下記を追加してください。 茶色：<input type="radio" name="color" value="#a52a2a"><font color=#a52a2a>■</font> 赤：<input type="radio" name="color" value="#ff0000"><font color=#ff0000>■</font> 緑：<input type="radio" name="color" value="#008000"><font color=#008000>■</font> このように何色でも追加できます。 また借りた掲示板がアイコン掲示板では無いが、アイコン掲示板に改造したい場合には下記を入れてください。 1、入力フォームに記入 <select name=icon> <option value="アイコンURL1">アイコン名1 <option value="アイコンURL2">アイコン名2 </select> 2、親記事部分に記入（返信記事に対しても同じ） <img src="<!--ICON-->" hspace=10> 詳しくはカスタマイズページへ ※アイコンはご自分でご用意するか、お気に入りのアイコンを素材屋さんで借りてくるという手もあります。その場合には、必ず規約を守り、一旦ダウンロードしてからご自分のホームページにアップロードし、そのURLをお使いください。 直リンクしますと、素材屋サイトさんに非常に迷惑となる行為ですので、無いとは思いますが万が一発見した場合には対処させていただきます。 設定3の窓
 設定3の窓では、親記事の編集窓です。 デザインをこの画面だけで変更するのには少し無理があります。 デザインを変更するにあたりましては、入力フォーム・親記事・返信記事ともに統一することが望ましく、それには同じ様に変更する必要があります。 また、タグのみで編集できる人を除いて、大抵はプレービューで確認しながらの作業ではないでしょうか。つまり設定3の窓だけでデザインを変更するには、HTMLを知り尽くしメモ帳でもホームページを作成できる人に限るのではないかと感じるので、ここでは設定事項のみ触れることにします。 記事表示時に置き換えられる文字列 ※［設定５］共通
設定窓の説明について
設定の窓は全部で6つありますが、ここまでできれば後は難しくはありませんので説明を省きます。ただ設定を変更するにあたっては、設定1〜設定6を別々に考えるとかえってややこしくなります。設定1〜設定6までで1本のHTMLファイルが出来上がっているので、全体像がイメージしやすい方法として、設定1〜設定6を全て上から順にエディタにコピーしていくことが最も簡単です。 使い慣れたホームページ作成ソフトがあればそこにコピーするのが、いいかもしれません。 一つ注意点があるとすれば、ホームページ作成ソフトは、新規にファイルを作ろうとするとヘッダなどにあらかじめ書いてあるので、それを一旦全て削除し、まっさらな状態でコピーしていきます。 そして、自分が分かりやすい方法で設定1〜設定6を1本のファイル上で分けておきましょう。 それらを編集した後で、再度設定1〜設定6に分けて、各掲示板の設定画面に戻していきます。 バックアップをオススメ
せっかくあなただけの掲示板を作ったのに、サーバートラブルでデータが消えないとも限りません。そういうときに備えてバックアップは取っておきましょう。もっと簡単に言いますと作成しながら、保存しておきましょう。これでバッチリです。 HTMLを知らない方は
掲示板＝CGIと言う公式は成り立ちますが、動作はCGIでもデザインはHTMLやスタイルシートで成り立っています。つまりCGIを知らなくてもデザインの変更は上記の通り比較的簡単に行なえます。しかし逆に言いますと、HTMLやスタイルシートを知らないで、カスタマイズすることが出来ません。 ホームページ作成ソフトで編集を行なう場合、ワープロ感覚で編集できますが、HTMLの細かい部分まで中々手が届かないのが現状で、その微調整をしならが編集を行なおうとしますとやはり最低限のHTMLの知識が必要となってきます。 しかしはじめは私もHTMLコードを見ただけで頭が痛くなってきたものですが、やはり慣れです。慣れてしまえば簡単なものです。何度も見ているうちに嫌でも覚えるものです。 できれば一冊の本を片手に練習をしたほうが良いと思いますが、そこまでしなくてもHTMLを教えてくれるサイトはこのインターネット上に山ほどあるので探してみてください。 「html タグ」でGoogle検索 |
  |