Jinny 対応スキン共通 説明書

2006.5.5 説明書更新

ダウンロードしていただきありがとうございます。
この Readme_j.html は、Jinny 対応スキン共通の説明書です。
よく読んでスキンをご利用ください。

目次

ここだけは必ず読んでください

シンプルバージョン

フレーム

その他

初めに (重要事項!)

著作権

免責事項

カスタマイズ

ソースの書き換えについて

同梱画像について

スキン同梱内容

***** フォルダ
  | 
  ├― Readme_j.html  ・・・ この説明書
  | 
  ├― jinny.ini  ・・・ 設定ファイル
  | 
  └― skin フォルダ
       |
       ├― ***** フォルダ  ・・・ 画像が入っています
       ├― j_skin_K_*****.htm  ・・・ メイン画面のスキン
       ├― j_menu_K.htm  ・・・ メニュー画面のスキン
       ├― j_form_K.htm  ・・・ フォーム画面のスキン
       ├― j_cata_K.htm  ・・・ カタログ画面のスキン
       ├― j_paint_K.htm  ・・・ ペイント画面のスキン
       ├― K_*****.css  ・・・  スタイルシート
       |
       ├― j_skin_K_*****S.htm  ・・・ メイン画面のスキン (シンプルバージョン) ※Scroll無
       ├― j_menu_K_F.htm  ・・・ メニュー画面のスキン (フレーム使用時用)
       └― j_menu_K_F2.htm  ・・・ メニュー画面のスキン (フレーム使用時用その2)

「Jinny」の設置とスキン変更

1.本体の設置

2.スキン変更

設定変更 - 最低限変更する箇所

シンプルバージョンについて

j_skin_K_*****S.htmj_skin_K_*****.htm のシンプル表示なバージョンです。

上部メニューの簡略化
LISTを残してあるのでそこからカタログ表示などに行くことはできます。
スキン変更後、設定で上部メニューにない機能をOFFにするといいです。
機能の削除
レイヤーレス、スレッドレス、拍手などの機能を削除。
スキン変更後、設定で不必要な機能をOFFにするといいです。
レス画面へ移動するリンクをボタンに変更
レイヤーレスやスレッドレスのかわりにレスボタンが目立つかな?

シンプルバージョンをさらにシンプルにする

j_skin_K_*****S.htm は デフォルトでもシンプルですが、
次のようにいじると上部がさらにすっきりします。

フレーム表示にする場合や、1件ずつ表示するタイプにオススメです。
カレンダーなどは表示されなくなります。

  1. <!--BODY_START--><!--SEARCH--> の間を削除します。
  2. <!--PARENT_END--><!--BODY_END--> の間を次のように書き換えます。

     〜 省略 〜 

    <!--BODY_START-->
    <!--SEARCH-->

     〜 省略 〜 

    <!--PARENT_END-->

    <TABLE border="0" cellspacing="0" cellpadding="0" class="pare"><TR><TD align="right">
    <A href="$home" target="_top" title="ホームにもどる">家</A> &nbsp;
    <A href="$script?type=edit&page=$PAGE&date=$SINCE$formdata$comdata&word=$WORD" title="編集/削除モード">編集</A> &nbsp;
    <A href="$script?mode=adm" title="管理モード">管理</A> &nbsp;
    <A href="$script?mode=search$formdata$comdata" title="検索モード">検索</A> &nbsp;
    <A href="$script?mode=howto$formdata$comdata" title="日記の使い方">設定</A> &nbsp;// &nbsp;<!--NEXT--><A href="$script?$NEXTPAGE$formdata$comdata&word=$WORD" title="進む">次</A> | <!--/NEXT-->
    <!--BACK--><A href="$script?$BACKPAGE$formdata$comdata&word=$WORD" title="戻る">前</A><!--/BACK-->
    </TD></TR></TABLE>

    <!--BODY_END-->

     〜 省略 〜 

ここで削除したものを一部つけたいときは、下記の機能追加を参考につけなおしてください。
(一件表示の場合はカレンダーがある方が便利かもしれません)

シンプルバージョンに機能を追加する

j_skin_K_*****S.htm の一部だけを、 j_skin_K_*****.htm のようにしたいと思う場合、(その逆も可)
そこからコピーしながらカスタマイズすることもできます。

レイヤーレス
<!--LAYER_FORM--><!--/LAYER_FORM--> の間をコピー
スレッドレス
<!--THREAD_FORM--><!--/THREAD_FORM--> の間をコピー
拍手機能
<!--PATI--><!--/PATI--> の間をコピー (※2箇所あります)
カレンダー
<!--CALENDER_START--><!--CALENDER_END--> の間をコピー
上部メニュー
必要なところを追加したり、不必要なところを削除したり。
モード変更やオン・オフのリンクは、セットで。
<!--○○○--><!--/○○○--> がついている場合、一緒に。

フレームについて

Jinny では、設定でフレームにすることもできます。

フレームにする場合、以下のようにスキンを変更するのがオススメです。

メイン画面のスキン
j_skin_K_*****S.htm
メニュー画面のスキン
j_menu_K_F.htmj_menu_K_F2.htm のどちらか
一部スキンには j_menu_K_*****F.htm という、専用のフレーム用のメニュー画面のスキンも
同梱されていますので、その場合、好きなほうをお使いください。

カウンター

Scroll以外にはカウンターがついています。

「Scroll」の場合、ちょっと邪魔かなと思って削除したのですが、機能自体はそのまま残っていますので、タグを入れればカウンターはつきます。
だいたいこんなタグですが、デフォルトスキンや他のスキンからコピペしてくると楽です。

<script type="text/javascript" src="$counter"></script>
<img src="$script?mode=counter&image" width=1 height=1 align=left alt="ct">
<script type="text/javascript"><!--
counts = counter.split(',');
count = counts[1];
today = counts[2];
yes = counts[3];
// day = counts[4];
// mon = counts[5];
document.write('<SPAN title="to:' +today+' / yes:'+yes+ '">' + count + '</SPAN>');
// --></script>

縮小表示

大きい画像は縮小表示になりますが、元画像へのリンクがないのでちょっと不便です。

Jinnyは、画像縮小表示の条件で表示をわけることができないようです。
(cgiやplの改造でできるのかもしれませんが、私にはさっぱりわかりません)

以下の解決策を考えてみました。
(画像フォルダなどの設定を変更している場合はアドレスが全く違うこともあります)

通常表示の画像にも元画像へのリンクをはっておく

通常表示の画像にも軽量表示の画像と同様に元画像へのリンクをはっておきます。

j_skin_K_○○.htm内に <!--NORMAL--><img 〜 <!--/NORMAL--> が3箇所あります。
<!--NORMAL--> の後ろに <A href="$DIR$IMAGE" target="_blank">
<!--/NORMAL--> の前に </A> を追加記述します。

上記の方法だと、縮小表示でなくてもリンクがはられるのでややこしいかもしれません。
上表示・右表示・左表示のうち、使用しない表示形式があるのなら、
それを縮小表示専用にすることをすすめます。

たとえば、いつも上表示や右表示で左表示をしないのであれば、左表示用の記述は必要なくなるので次のようにできます。

<!--POSITION_TOP--> 〜 <!--/POSITION_TOP--> の記述の下に
<!--POSITION_LEFT--> 〜 <!--/POSITION_LEFT--> を移動します。

 〜  の部分は <!--POSITION_TOP--> 〜 <!--/POSITION_TOP--> 〜  をコピーし、
上記の方法でリンクをはっておきます。

そうすれば、上表示はリンクなし、左表示はリンクありの上表示とすることができます。

自分で文章の中にリンクをはる

本文内のどこかに画像へのリンクを記述します。

<A href="data/『年』_『月』/『画像アドレス』" target="_blank">
縮小画像を元のサイズで見る?</A>

アドレスを調べるのが面倒ですが、フォーム画面でリンクタグを表示するようにしておけば、お絵描き画像はそれをコピペして利用できます。

j_form_K.htmの FileURL 〜 <BR> の後ろに以下の記述を追記します。

FileURL <INPUT type="text" name="img" value="$cimg" size="40"><BR>
<BR>&lt;A href=&quot;data/$year_$month/$cimg&quot; target=&quot;_blank&quot;&gt;元画像&lt;/A&gt;<BR><BR>

未解決の問題

Jinnyはいろいろバグっぽいものがあるみたいです。
おそらくCGI本体の問題だと思います。(違ったら申し訳ありません...!)
私も改善策がわからない、解決していない問題報告をまとめておきます。

改善策や理由がわかるものがありましたらお教えください。

Win98 IE6
フレームのカレンダーおよびタイトルから記事をクリックした場合、右の記事部分のフレームにもう一つメニューフレームが出来たり、ツリー状の表示になって、画像が見えないという報告。

カレンダーまたはメニューフレームのタイトルをクリックするとメインフレームにこのように表示されるらしいです。
●月●日
    ┗━日記のタイトル
      ↑タイトルをクリックすると記事は読めるが、画像は「?」マークが出て表示されない

frame.htmlのフレーム内のアドレスの、$script?view=menu、$script?mode=jinnyが
./menu.htm、./index.htmに変換されず、404エラーになってしまうという報告。

自宅サーバーで設定したり、設定ファイルをレンタルサーバーにコピーしたりしたものはダメでした。
しかし、はじめてJinnyを設置したときのようにレンタルサーバーにアップしてそこで設定してみたら今度は正常に反映されました。
その後でdataフォルダを上書きしてもちゃんとフレームになりました。

フレームにしたいのにどうしてもできない場合は、別のフレーム用のHTMLを作ってそこからメニューモードと通常モードを呼び出すという手もあります。
この場合、メニューのHTMLの一部のリンクのtarget属性を view にします。
(カレンダーからのリンクはそのまま、日付タイトルからのリンクや管理画面へのリンクを変更)

<frameset cols="200,*" frameborder="no" border="0">
<frame src=" 〜 /jinny.cgi?view=menu" name="menu">
<frame src=" 〜 /jinny.cgi" name="view">
</frameset>

お絵描き設定 → アップロード設定・イメージの表示の設定 の初期値を、
画像の表示する位置 を右固定などにすると表示がおかしくなることがあります。

上固定 にしておき、投稿するときに位置を選択するようにしてください。

更新履歴

2004.8.18
「Skeleton Ver 1.0」 「Notebook Ver 1.0」 「Cute Ver 1.0」 試験的配布開始
2004.9.5
「Scroll Ver 1.0」 配布開始 & 全スキンを少しずつ修正
2004.9.20
最終更新
全スキンのメニューHTMLのバグを修正
2006.5.5
サポート終了。同梱説明書を少し更新。