ヘルプ

『忍者メールフォーム』を変更してみよう(2)

[デザイン]画面

このページでは[パーツ選択]画面にて選択したメールフォームの種類に応じてデザインの設定を変更する事が出来ます。
最初、メールフォームの種類は[プレーンスキン]に設定されています。
変更する場合は[パーツ選択][デザイン]のどちらかの画面から変更してください。

スキンの種類を変更すると[デザイン]での設定は破棄されてしまうので、変更する際はお気をつけください。

▼プレーンスキンの場合

プレーンスキンの場合は[デザイン]画面に入ると、下記3つのボタンがあります。

  • [メールフォームのスキン]が変更できるプルダウンメニュー
  • [デザイン]画面全体の設定変更を保存する[全体の保存]ボタン
  • [パーツ選択]画面に移動する事の出来る[パーツ選択]ボタン

その下に[プレビュー]、[タイトルの設定]、[説明文の設定]、[フォームの設定]というグループがあります。
タイトルや説明文などは使用されていない場合、自動で閉じた状態になっています。
これらの文字をクリックするとグループの中身を開閉する事が出来ます。

プレビュー

現在のメールフォームの状態を表示します。
[プレビュー更新]ボタンをクリックする事でプレビューを最新の状態にする事が出来ます。
もしくは、[RealTime ->]の右側にあります[OFF]ボタンをクリックして[ON]にする事で、設定を変更する毎に自動でプレビューを更新します。

タイトルの設定

タイトルの表示設定を変更する事が出来ます。
フォントカラーや、サイズなどを好みや用途によって変更してください。

説明文の設定

説明文の表示設定を変更する事が出来ます。
変更項目はタイトルと同じです。

フォームの設定

ここでメールフォームのパーツの部分の設定を変更する事が出来ます。
メールフォームの横幅や、背景画像なども指定する事が出来ます。

各グループ内にある[適用]ボタンをクリックすると、そのグループの変更だけを保存します。

全体を保存する場合は、[全体の保存]ボタンをクリックしてください。

▼デザインスキンの場合

デザインスキンの場合は[デザイン]画面に入ると、下記2つのボタンがあります。

  • [メールフォームのスキン]が変更できるプルダウンメニュー
  • [パーツ選択]画面に移動する事が出来る[パーツ選択]ボタン

その下に現在使用出来るデザインの一覧が表示されます。
これらはデザイン名、作者名、サムネイル、[このスキンを使う]ボタンで構成されています。

画像をクリックする事によってプレビューが表示されます。

デザイン特性について

各デザイン名の右側に[P][T][E]のアルファベットが表示されているデザインがありますが、これらはそのデザインの特性を表しています。

[P]
これは使用できるパーツが固定されている事を表すものです。
これが表示されているデザインは、パーツを変更する事ができません。
ただし、各パーツの表示名と順番は変更する事が可能です。

[T]
これはタイトルが使用出来ないか、もしくは変更出来ない事を表すものです。
これが表示されているデザインは、タイトルを任意に変更する事ができません。

[E]
これは説明文が使用出来ないか、もしくは変更出来ない事を表すものです。
これが表示されているデザインは、説明文を任意に変更する事が出来ません。

▼自作CSSを使用する場合

自作CSSを使用する場合は[デザイン]画面に入ると、2つのボタンがあります。

  • [メールフォームのスキン]が変更できるプルダウンメニュー
  • [パーツ選択]画面に移動する事が出来る[パーツ選択]ボタン

それらの下に現在のメールフォームのCSSの雛形が表示されます。
これを編集し、メールフォームを使用するサイトの<head>~</head>の間に<link>タグでCSSファイルのURLを指定してください。

(例)

<head>
<link type="text/css" rel="stylesheet" href="(CSSファイルのURL)">
</head>