スクリプトの設定 2。
- コードを全面的に刷新した後継作・しらぎくモバイルシステム VIが公開されました。
今後、新規にモバイルサイトを構築される方には、しらぎくモバイルシステム VIのご利用を強く推奨いたします。
- しらぎくモバイルシステム VIは従来のしらぎくモバイルシステムとの互換性はありません。
- このため、制作者は当面従来のしらぎくモバイルシステムについても、適宜アップデートを続けていく予定です。
- PC向けに書かれたフル規格のHTML文書に対しては、しらぎくモバイルシステムFULL(開発名・HOMAKI & NAKAMA)をご利用ください。
- 利用出来るサーヴァが限られておりますが、絵文字の変換さえ出来れば良いと言う方には、ドコモ端末の絵文字を変換するだけのスクリプト・しらぎく絵文字変換スクリプトもお勧めしております。
設定スクリプト「KConfig.pl」での設定 2。
スタイル定義の設定。
$color_○○…論理要素のカラーコード。- <em>,<strong>,<cite>、<dfn>,<code>,<samp>,<kbd>,<var>,<q>,<dt>及び<h○>要素の表示色を指定します。
指定方法は「KConfig.pl」中にある「
$color_要素名='#表示色十六進六桁';」を変更することで行います。- 要素名は必ず小文字で指定します。大文字で書いた場合スタイル定義は無効です。
- カラーコードは十六進数六桁で指定します。キーワード指定には対応していません。
- デフォルトでは<em>要素が「#ff8800(朱色)」、<strong>要素が「#ff0000(赤)」、その他は全て「#000000(黒)」となっております。
$align_h○…見出しの配置。- <h○>要素(○=1〜6)の配置を指定します。
指定方法は「KConfig.pl」中にある「
$align_要素名='配置コード';」を変更することで行います。配置コードは「
'center'」「'right'」「''または'left'」の三種で、それぞれ「中央寄せ」「右寄せ」「左寄せ」となります。 - 基本となる表示色。
- それぞれ以下の値を設定して下さい。
- カラーコードは十六進数六桁で指定します。キーワード指定には対応していません。
$color_text…基本文字色。- 基本となる文字の表示色を指定します。
$color_background…背景色。- 背景の色を指定します。
$color_backgroundImage…背景画像。- 背景画像を用いる場合は、絶対アドレスか「KConfig.pl」から見た背景画像への相対パスを指定します。
- 背景画像を用いない場合は空文字列のままとします。
- 背景画像を外部のCGIなどで取得する場合、WAP 2.0では端末の実装の不備により表示出来ない場合があります。
- 背景画像に対応しない端末も少なくありません。必ず代用となる背景色を指定しましょう。
$color_link…未アクセスのリンク。- まだアクセスしていないリンクの表示色を指定します。
$color_vlink…アクセス済みリンク。- 既にアクセスしているリンクの表示色を指定します。
$color_alink…リンク選択の指定中。- 指定している間のリンクの表示色を指定します。
尚、これらの指定は、HTML文書側での<body>要素の指定で上書きされます。また、WAP 2.0でCSSを利用している場合は無効となります。
PCの携帯端末モードでの色設定。(平成18年10月12日)
PCで閲覧した場合、携帯端末モード(デフォルト)ではコンテンツ部分以外の表示色を指定する事も出来ます。
- フルスクリーンモードでは端末向けのデザイン(CSSまたはスタイル定義の設定)に全面的に従います。
以下、色を指定する場合は、必ず「#xxxxxx」(「#」に続いては十六進数六桁)を指定して下さい。
$PCstyle_BGImage…背景画像。- PCの携帯端末モードに於いて、背景に画像を表示させたい場合は、しらぎくモバイルシステム基準での相対URIか絶対URIで画像を指定します。
$PCstyle_Color…文字の色。- コンテンツ以外で、特に指定された箇所以外の文字色を指定します。
- デフォルトは
#000000(黒)です。 - 指定する場合は、必ず背景色も適切に指定して下さい。
- デフォルトは
$PCstyle_BGColor…背景の色。- コンテンツ以外の背景部分の色を指定します。
- デフォルトは
#f0f0f0(薄いねずみ色)です。 - 指定する場合は、必ず文字の色も適切に指定して下さい。
- デフォルトは
$PCstyle_RelColor…関連ページ部分の文字の色。-
- デフォルトは
#ffffff(白)です。 - 指定する場合は、必ず関連ページ部分の背景色も適切に指定して下さい。
- デフォルトは
$PCstyle_RelBGColor…関連ページ部分の背景色。-
- デフォルトは
#009900(深緑)です。 - 指定する場合は、必ず関連ページ部分の文字の色も適切に指定して下さい。
- デフォルトは
$PCstyle_LinkColor…リンク及びページ最上部見出しの色。
画像・アイコンに関する情報。(平成19年 3月19日)
画像に関しては、収納ディレクトリへの相対パスと、画像の拡張子を指定します。
- 収納ディレクトリへの相対パスを空文字列のままにした場合
- 標準サイズ画像はテキスト収納ディレクトリと同じ
- QVGA液晶端末向け画像は標準サイズの収納ディレクトリと同じ
- VGA液晶端末向け画像は大判サイズの収納ディレクトリと同じ
とします。
- 拡張子を空文字列のままにした場合、画像形式に依りそれぞれ小文字三文字で「gif」「jpg」「png」となります。
既にiモードやEZウェブ用のHTMLサイトを構築されているのであれば、収納ディレクトリはテキスト収納ディレクトリに合わせて空文字列とし、拡張子だけ小文字三文字でない場合に設定すれば良いでしょう。
- 利用出来る画像についての詳細は、取扱える画像もご覧下さい。
標準サイズ画像の設定。
イメージマジックまたはNetPBMを利用する場合には、非QVGA端末向けの画像解像度でなくても構いませんが、その場合でも画像はここで指定した収納ディレクトリ・拡張子に従って下さい。
$gif_imagereladdr…標準サイズGIF画像収納ディレクトリへの相対パス。$jpg_imagereladdr…標準サイズJPEG画像収納ディレクトリへの相対パス。$png_imagereladdr…標準サイズPNG画像収納ディレクトリへの相対パス。- いずれも利用している画像に対して、CGI設置アドレスを基準とした相対パスを指定して下さい。
- 但し、テキスト収納ディレクトリと同じ場合は空文字列で構いません。
$gif_ext…標準サイズGIF画像に付けた拡張子。$jpg_ext…標準サイズJPEG画像に付けた拡張子。$png_ext…標準サイズPNG画像に付けた拡張子。- いずれも拡張子を大文字小文字を間違えずに指定して下さい(頭に「.」は付けないで下さい)。
- 設置する画像ファイルもこの拡張子に従って下さい。
QVGA液晶端末向け画像の設定。
$lgif_imagereladdr…QVGA液晶端末向けGIF画像収納ディレクトリへの相対パス。$ljpg_imagereladdr…QVGA液晶端末向けJPEG画像収納ディレクトリへの相対パス。$lpng_imagereladdr…QVGA液晶端末向けPNG画像収納ディレクトリへの相対パス。- いずれも利用している画像に対して、CGI設置アドレスを基準とした相対パスを指定して下さい。
- 但し、標準サイズ画像と同じ場合は空文字列で構いません。
$lgif_ext…QVGA液晶端末向けGIF画像に付けた拡張子。$ljpg_ext…QVGA液晶端末向けJPEG画像に付けた拡張子。$lpng_ext…QVGA液晶端末向けPNG画像に付けた拡張子。- いずれも拡張子を大文字小文字を間違えずに指定して下さい(頭に「.」は付けないで下さい)。
- 設置する画像ファイルもこの拡張子に従って下さい。
VGA液晶端末向け画像の設定。
$xgif_imagereladdr…VGA液晶端末向けGIF画像収納ディレクトリへの相対パス。$xjpg_imagereladdr…VGA液晶端末向けJPEG画像収納ディレクトリへの相対パス。$xpng_imagereladdr…VGA液晶端末向けPNG画像収納ディレクトリへの相対パス。- いずれも利用している画像に対して、CGI設置アドレスを基準とした相対パスを指定して下さい。
- 但し、QVGA液晶端末向け画像と同じ場合は空文字列で構いません。
$xgif_ext…VGA液晶端末向けGIF画像に付けた拡張子。$xjpg_ext…VGA液晶端末向けJPEG画像に付けた拡張子。$xpng_ext…VGA液晶端末向けPNG画像に付けた拡張子。- いずれも拡張子を大文字小文字を間違えずに指定して下さい(頭に「.」は付けないで下さい)。
- 設置する画像ファイルもこの拡張子に従って下さい。
旧型機画像非表示モード。(平成19年 3月19日)
$externalImg…旧型機画像非表示モード。- 右辺を 1にする事で、
- ムーヴァ端末
- ソフトバンク在来機
- WAP 1.0 端末
では画像非表示モードがデフォルトとなり、コンテンツ容量を削減する事が出来るようになります。
- 必要に応じて画像表示させる事も出来ます。
- 詳しくは旧型機画像非表示モードについてをご覧下さい。
その他の画像・アイコン関連の設定。
$imageInline…画像の前後での改行を行うかどうか。- H"リンク以外で、
- 画像の前後で改行させない(前後のテキストなどに続けて表示させる)場合は右辺を
1に - 改行させる場合は右辺を
0に
設定して下さい。
- H"リンクでは、端末の仕様に依り常に画像の前後で改行します。
- WAP 1.0の白黒専用端末で、画像を改行させる場合は、画像の直後でページ分割されます。
- 複数の画像を横に並べたい場合は、改行無し(右辺を
1)にして下さい。但しH"リンクでは常に縦に並ぶ事になります。 - <img>要素に
align="none"属性を附与すると、画像の前後で改行しなくなります(WAP 1.0及びH"リンクを除く)。
- 画像の前後で改行させない(前後のテキストなどに続けて表示させる)場合は右辺を
$noAccesskeyIcon4Vodafone…ソフトバンクでアクセスキーアイコンを絵文字にするかどうか。$noAccesskeyIcon4EZWeb…EZウェブでアクセスキーアイコンを絵文字にするかどうか。- それぞれ、
- 代用アイコンを用いる場合は「
0」 - 端末実装の絵文字を利用する場合は「
1」 - キーコードを文字で表示させる場合は「
2」
を入れて下さい。
- 代用アイコンは白地に黒枠、ソフトバンクのダイヤルボタン絵文字は赤地、またEZウェブのダイヤルボタン絵文字は青地です。
また、端末実装の絵文字にはいずれも「*」に対応するものはありません。(対応する絵文字が無い場合は文字で表示となります)
- また、代用アイコンは画像なのでコンテンツの容量やサーヴァの負荷に影響を与えます。
- サイトデザインやサーヴァの状況などに合わせて設定される事をお勧めします。
- 文字で表示させる場合、iモード及びソフトバンクの在来機では「[1]」などと括弧つきで表示されます。
- 代用アイコンを用いる場合は「
$PCLargeImg…PCでの閲覧に対して、QVGA液晶端末向け大判画像を用いるかどうか。- PCで閲覧している方に対して、QVGA液晶端末向け大判画像を配信したい場合は「
1」を入れて下さい。- 但し、QVGA液晶端末向け大判画像が用意されていない場合は非QVGA液晶端末向け拡大せずに配信します。
$softbankIcon_NG…ソフトバンク端末の絵文字を利用しない。- ソフトバンク端末の絵文字をサイトに利用する場合、条件に依りソフトバンクモバイル社に届出を行わなければならず、これを回避するためにソフトバンクでは絵文字を表示させずに代用画像で対応させる事が出来ます。
ソフトバンク端末では絵文字を画像に置き換える場合は「
1」にして下さい。 $NetPBM_Path…NetPBMへの絶対パス(オプション)。(平成18年 7月 4日)- 画像処理にNetPBMを利用する場合、NetPBMへの絶対パスを指定して下さい。
- 利用出来るNetPBMのヴァージョンは 9.19以降です。
- NetPBMの利用には、Perlの非標準モジュール「IPC::Run.pm」が必要です。
- 現時点ではJPEG画像及びPNG画像の処理でのみ利用しております。
- ご利用のサーヴァが以下のいずれかに該当する場合、NetPBMでの画像処理は不可能ですので、必ず空文字列のままにして下さい。
- NetPBMがインストールされていない場合
- NetPBMがインストールされているもののヴァージョンが 9.19未満の場合
- 「IPC::Run.pm」がインストールされていない場合