よくある質問
Yomi-searchへの自動登録スパムの対処方法
埋め込み式のヘルプ → GO!
Yomi-Searchのヘルプ → GO!
Yomi-Searchの活用 → GO!
■ デザイン全般は、全てCSSで構成しています。
CSSの利点：
・ 文字や色、サイズ、マージン、画像などを個別に外部指定できる。
・ ソースが軽い。
・ 使用・変更する方により、その人の個性(センス)がはっきり出る。
CSSの注意点：
・ firefox / IE6 / IE7 / Opera でデザインを統一する事が難しい。
・ 幅指定、文字指定での表示ズレ。
サイト名または著作権表記を掲載する
piecesozai.cgi の
$Copyrignt="Yomi-Searchテンプレート配布処";
この箇所に、ご自身のサイト名などを記載ください。
全てのページの一番下に掲載されます。
デザインの変更（色やサイズなど）
■ 色関連
全体の背景画像や背景色
body を変更する。
ページ内部の背景画像や背景色
div#page の background-color: #FFFFFF;
メニュー（HOME）
div#menu の background-color: #e0ffff;
サイトの掲載箇所（ボーダー色）
.all の
border-top-color: #CCCCCC; ← 上
border-right-color: #ffc0cb; ← 右
border-bottom-color: #CCCCCC; ← 下
border-left-color: #ffc0cb; ← 左
サイトの掲載箇所（ボーダー色：サイト名の下線）
div#a1 の border-bottom-color: #CCCCCC;
サイトの掲載箇所（背景画像）
.URL の background-image: url(w2-wall.gif);
■ 文字サイズ関連
ページ全体
body の
font-size: 80%; ← 80％だと 13〜14px程度
line-height: 150%; ← 段落の幅
※ この部分は他の指定値にも影響を与えるため、
極力変更は避けてください。
サイトの掲載箇所（サイト名 / サイトURL）
div#a1 の
font-size: 0.9em; ← 0.9emだと 12px程度
border-bottom-width: 1px; ← 下線
border-bottom-color: #CCCCCC; ← 下線の色
background-color: #f5fffa; ← サイト名の背景色
サイトの掲載箇所（キーワード・更新日）
.keyword の
font-size: 0.9em; ← 0.9emだと12px程度
line-height: 1.1em; ← 段落の幅。
サイトの掲載箇所（キーワード）
.key の
width: 180px; ← 横幅
text-align: right; ← 文字の行揃え（右）
font-size: 1em; ← 1emだと 11~12pxです。
color: #006666; ← 文字色
サイトの掲載箇所（登録カテゴリ）
.renew の
line-height: 1.2em; ← 段落の幅。
font-size: 0.9em; ← 0.9emだと12ｐｘ程度
サイトの掲載箇所（コメント・紹介文）
.comment の line-height: 1.3em;
サイズ指定なしのため、13〜14px程度です。
サイトの掲載箇所（管理者コメント）
.admin の
font-size: 0.85em; ← firefox / IE6 / IE7 では 11px程度。
line-height: 1.2em; ← 段落の幅。
color: #FF9966; ← 文字色
サイトの掲載箇所（ランキング 第1位･･･）
.ranking の color: #FF0066; ← 文字色
Q：メニューに他のリンクを追加する。
＜例＞
<ul><li><a href="$EST{home}">HOME</a></li>
<li><a href="リンク先URL">ご質問</a></li>
<li><a href="リンク先URL">掲示板</a></li>
</ul>
こうすることで、HOMEの横にリンクを追加していくことができます。
全てのページに挿入していくことも可能ですが、
面倒な場合はトップページのみに挿入すればよいと思います。
スタイルの変更箇所は、「div#menu li」になります。
Q：バナーを非表示にする。
html/ 内にある search.css にある/*バナー画像*/部分を以下の記述にしてください。また管理者ページの設定でも非表示にすることができます。
（htmlフォルダのsearch.css）
/*バナー画像*/
.photo {
font-weight: normal;
float: left;
background-color: #FFFFFF;
visibility: hidden;
width: 0px;
}
Q：サイト全体を左か右に配置したいんですが。
A:search.css の body を変更することで、配置変更できます。
（htmlフォルダのsearch.css）
body {
省略・・・
float:center; ← 左配置ならleft、右配置ならlightに変更。
}
左右どちらかに配置し、少し余白（スペース）を設けたい場合はbody内に padding-left: 20px; を追加する。padding-leftは左配置の場合、padding-lightは右配置の場合。サイズはお好みで。
Q：マルチカラム式でメニューの位置を右に変更する。
（htmlフォルダのsearch.css）float: right; と float: left; を逆に指定することで適用されます。
メニュー（左） ※右に変更
div#sub {
width: 30%;
float: right;
margin-bottom: 10px;
}
リスト（右） ※左に変更
div#piece {
width: 66%;
float: left;
}
テンプレート003＆004スキンについて
テンプレート（枠組み）を自由に選べる。
既存サイトでの利用に最適なCSSの利点を生かしたスキンともいえます。
<利用メモ>
埋め込んで使用する場合、幅指定が重要になります。
（htmlフォルダのsearch.css）
div#page {
省略...
width: 500px; ←ページに合った調整をしてください。
【 インラインフレームでの呼び出し 】
例：表示したいページの場所に貼り付け
<iframe src="http://サイトURL/yomi-search/yomi.cgi" name="yomi" width="100%" height="600" scrolling="yes" frameborder="0"></iframe>
設定箇所は、
name="yomi" は名称です。
width="100%" は幅です。
height="600" は高さです。
scrolling="yes" はスクロールバーの表示有無
autoは自動、noは使用しない、yesは使用する。
frameborder="0" は枠線の使用有無。0なら使用しない。1..は使用する。
【 フレームでの使用 】
フレームページに呼び出して使用してください。
【 豆知識 】
既存ページのリンクから、インラインフレームに呼び出したい場合は、
targetにiframeと同じ名称をつけます。
例：
<a href="/yomi-search/yomi.cgi?mode=new" target="yomi">新着</a>
各カテゴリのリンクや新規登録などもこの手法を使って、
既存ページに追加すれば呼び出せます。
※/yomi-search/の部分は自身の設置フォルダ名にしてください。
トップページなどのサイト画像について
img/ → title.gif にあるのがサイト画像です。
サイト画像をご自身で作成する場合は、
横幅650px × 縦幅180px のサイズを指定する。
縦幅はCSS部分を設定する事により、値を変えられます。
※ 名前は「ｔitle」、拡張子は「GIF」画像であること。
top.css / search.css（マルチカラム式ver2）
/*ヘッダー（広告・画像スペース）*/
div#head {
height: 180px; ← この箇所が縦幅です。画像の高さに合わせて設定ください。
background-image: url(../img/title.gif);
background-repeat: no-repeat;
text-align: center;
background-position: center;
}
Yomi-Searchのヘルプ
Q：ソート機能（登録順、更新順、新着順）が表示されません。
ソート機能が表示されるのは、カテゴリ表示がCGIの場合に限ります。
通知リンクから送信されたものが、管理者画面で閲覧できない。
一部のブラウザでは通知リンクから送信されたメッセージや、
リンク切れの報告をうまく送信できないことがあります。
InternetExplorer系ならうまく動作します。
トップページについて
”トップページ”をHTMLにする方法。
「設置した、Yomi-Searchのトップページ（yomi.cgi）にアクセスする」→
「ブラウザから名前をつけて保存をする※1」→
「保存したファイルをYomi-Searchを設置しているディレクトリにアップロードする」
※1 ブラウザにより保存項目の記載内容が異なります。
注意点
1. カウンタは、CGIとHTMLとでは呼び出し方が異なります。
本家のヘルプページに変更方法が記載されてます。
2. 広告が表示されるサーバーの場合は、保存したHTMLファイルに
広告タグが記述されているので、その部分を削除することになります。
チェック検索を設置したい
マーク指定や凝ったチェック検索でなければ、キーワード指定または、
カテゴリ指定によるチェック式検索で可能です。
キーワードランキングの更新について
キーワードランキングを実施し、ランキングを公表するには、
管理者自らが更新しないと反映されません。
「管理室」→「キーワードランキングの設定」→「公表する検索ワードを指定」→
「”キーワードランキングを更新”から更新する」を実行すると公表されます。
トップページのサブカテゴリを表示するには
管理者画面→カテゴリ設定→表示したいサブカテゴリの横にある「トップ」をチェックする。
また、サイトマップ作成は、カテゴリ設定の設定実行ボタンを押した時点で作成されます。
【 登録者のメッセージを見る 】とは？
新規登録申請された際に、｢相互リンク・新設カテゴリ希望・管理者へのメッセージ｣に入力された情報を表示する。（仮登録モードでは、登録待ちにその情報が表示されます。）
【 デッドリンクチェック 】とは？
通知リンクから通知された、リンク切れ等の報告を表示する。
カテゴリの列数変更
サポート掲示板からの引用
■ サブカテゴリ（上部）
kt.htmlの104行目付近にある
'3' #← カテゴリの表示列数
で、サブカテゴリの表示列数を調整します。
デフォルト指定は'3' の3列です。
■ 親カテゴリ（最下部）
列数の変更箇所はtemp.cgiになります。
デフォルトは4列表示です。
3列表示する場合は、
27行目の『if($td_flag==1){print "<tr>";} → 変更なし。』
30行目の『if($td_flag==4){print "</tr>";} → if($td_flag==3){print "</tr>";}』
32行目の『else{$td_flag=1;} → else{$td_flag=2;}』
2列表示する場合は、
27行目の『if($td_flag==1){print "<tr>";} → 変更なし。』
30行目の『if($td_flag==4){print "</tr>";} → if($td_flag==2){print "</tr>";}』
32行目の『else{$td_flag=1;} → 変更なし。』
となります。※→ にある数値に変更。
新着・更新アイコンの変更について
素材サイトでダウンロードしたファイル名を「new」（新着アイコン）や
「renew」（更新アイコン）に変更して[img]フォルダに上書き保存します。
■NEW・UPアイコン
サンプルで使用しているのは、オヨネ 様のアイコンです。
ATP's 様のものなども、マッチすると思います。
Yomi-Searchの活用
新規登録、修正画面の”登録するカテゴリ”のライン数を変更する
■ 既存のリストメニューを 変更する。
当サンプルと同様に、リストメニューのライン数を変更する場合は、
「regist_ys.cgi」の215〜225行目付近にある、
<select name=Fkt$kt_no size=7> のsizeを「size=1」 にします。
サイト掲載のデータ部分を一部変更する
【例：キーワードに変えて、アクセス数を表示する。】
動的（CGI表示）仕様である場合には、
ランキング更新時にはリアルタイムでアクセス数が更新されます。
アクセス：210人(OUT) /45人（IN）
更新日：2008/03/05(Wed) 03:00
[
修正] [
通知]
は
アクセス：$out_pt 人(OUT) /$in_pt 人（IN）
更新日：$Slog[4]
[ 修正] [ 通知]
となります。
アクセスのカウント値は以下になります。
$out_pt (OUT数) / $out_pt_rui (OUT数累計) $in_pt (IN数) / $in_pt_rui (IN数累計)
※sub PRlog{ の部分は既に変更済みです。
自動登録スパムの対処について
スパム登録制限機能（本家サイト）
1. 同一IPからの連続登録を制限します。
2. 新規登録画面を通さない登録(自動登録ソフト等)をブロックします。
3. 新規登録フォームへ入力支援をするソフトはブロックできません。
メモ：手動登録の荒らしに対して効果的な対策を施せます。
メモ：自動登録スパムに対して効果的な対策を施せます。
メモ：自動登録スパムに対して効果的な対策を施せます。
1. 投稿認証キーを設けて、自動登録を制限します。
メモ：自動登録スパムに対して効果的な対策を施せます。
画像認証キーを生成して、自動登録を制限します。
メモ：Authen::Captcha 必須。
1. 新規登録の申請 → 2. 登録の際に記載した、メールアドレス宛に「本申請リンクのURL」を通知。→ 3. 本申請リンクのURLへアクセスする。→ 4. 仮登録が完了する。
メモ：自動登録スパムに対して効果的な対策を施せます。
当サイトの配布テンプレート・・・
当サイトで配布しているテンプレートは、「イラスト系ファンサイト向き」に作ってます。
ちなみに、デザインは使う人の事を考えて作成しているため、自分の趣味ではなかったりします。