お知らせ

タイトル: ヘッダー画像の文字部分だけを変更する方法
登録日: 2010-06-01 12:20:48
内容:

このような
http://www.form-answer.com/img/usr/head_7.jpg

フォーム上部の画像にある「文字部分」を
変更する方法をご紹介します。

まずは画像を作り、作った画像をフォームで使う
という手順になります。


◎まずは画像を作る

1)ベースとなる画像をパソコン上に保存する

  ■問い合わせフォーム用
  グレー  http://www.form-answer.com/img/ans_1.jpg
  オレンジ http://www.form-answer.com/img/ans_2.jpg
  緑    http://www.form-answer.com/img/ans_3.jpg

  ■申込用フォーム
  グレー  http://www.form-answer.com/img/app_1.jpg
  黄緑   http://www.form-answer.com/img/app_2.jpg
  ピンク  http://www.form-answer.com/img/app_3.jpg

  ■資料請求用フォーム
  グレー  http://www.form-answer.com/img/req_1.jpg
  黄    http://www.form-answer.com/img/req_2.jpg
  ピンク  http://www.form-answer.com/img/req_3.jpg


<画像編集ができる方

2)画像編集ソフトでこの画像を開き、自由に編集してください。


<画像編集ができない方

2)画像文字入れサイト(外部)へアクセス
  http://www.bannerkoubou.com/mojiire/big/

3)表示されたウィンドウの「参照する」をクリックし、
  パソコン上に保存した画像を選択

4)「送信」をクリックし、自由に編集してください。


◎作った画像をフォームで使う

1)管理ページの各フォームより、
  編集メニュー > 入力フォームを編集する
  へアクセス

2)管理ページより、「デザイン一覧」へアクセス
  https://www.form-answer.com/templates

3)適当なテンプレートを「複製」をクリック

4)複製したテンプレートの「設定」をクリック

5)ヘッダーの上にマウスポインタを移動させてクリック

6)表示されたウィンドウの「参照する」をクリックし、
  さきほど作成した画像を選択

7)ページ下部の「保存」をクリック

8)管理画面トップに戻り、該当フォームの
  編集メニュー > 基本情報修正 > 一般設定
  より、「デザイン」の項目を変更する

以上です。