baserCMS　お問い合わせフォームのボタンを画像に変えたい場合（ボタンのテキストを変えたい！っていう場合も）

フォームのボタンを画像に変えたい場合

フォームのボタンを画像に変える方法

　
baserCMSですが、お問い合わせフォームのボタンは、テキストで記述されています。
これを画像に変えたい！そういう要望はそれなりにあるのかと思いますが、変更の方法がマニュアルなどに掲載されていないため、かなり悩みましたが、その対応方法を書いておきます。
（ボタンのテキストを変えたい！というときも参考になるでしょう。）
　
　
ボタンの情報の記述は、下記ファイルにあります。
　/baser/plugins/mail/views/elements/mail_form.php
　
69行目、70行目が入力確認ページのボタンで、72行目が入力ページのボタンですが、下記は 72行目の入力ページのボタンをサンプルで書いています。
　
————-

————-
　↓このように修正
————-

————-
　
修正ポイントは、テキストで表示される「　入力内容を確認する　」を「aaaaa.jpg」の様にファイル名に変更するだけです。実に簡単！
　
使用する画像は「/app/webroot/themed/{テーマ名}/img/」のフォルダに入っていれば、ファイルのパスも記述する必要もなく、自動的にパスも付与されます。
必要であれば、下記の様に「’alt’ => ‘　入力内容を確認する　’」を追加し、画像の altを追加することもできます。
　
　

ボタンを画像に変える方法は簡単でも説明がない

　
対応方法は分かってみれば至極簡単な方法なのですが、ボタンを画像にするだけなのにここに行きつくまでに 3時間～4時間も試行錯誤してしまいました．．．
　
※この対応を行うと、すべてのボタンが共通して変更してしまいますので、フォームごとにボタンを変えたい場合は、ページによって分岐する処理を作る必要があるでしょう。（もしくはテンプレートファイルを分岐させる処理が必要でしょう。）
　
　
※ボタンの文言に修正したい場合は、単純にテキストを変更しましょう。
　画像にする場合と同様に、フォームごとにボタンのテキストを変える場合も分岐が必要になりますね。
　
※画像のファイル名が違っていたり、画像が「img」フォルダの中にない場合は、「実行」というよくあるボタンが表示されます。その場合は、画像の場所、ファイル名を確認してみてください。
　
　

リセットボタンは削除しましょう

　
ちなみに、65行目～67行目にある下記の入力のリセットをするボタンの処理ですが、フォームのコンバージョンをアップするためには削除しておくべきですね。
————-

————-
　
まるっと削除してもいいですし、下記の様にコメントアウトしてもいいでしょう。
————-

————-
　
※コンバージョンアップのためには、入力する項目を減らす、不必要なリンクを減らす、といった対策に加え、「リセットボタン」は使わないということも重要だそうです。