メルマガ(オレンジメール)の登録(確認)ボタンを画像に変更する方法

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
登録するボタンを変更する事はできますか?

よしたか
画像に変更する事はできますよ。

少しでもおしゃれにしたいって気持ちになりますよね。

今日はコードを少しいじってみましょう。

この記事を読むことで
  • オレンジメールを例に実際にコードを変更して設定する方法がわかります。

登録ボタンを文字から画像に変更する方法

登録(送信・確認)ボタンの作成

ボタンのデザインは自分で作ります。

 

ボタンの画像は

お好みのものを作ってください。

 

作るときは・・・・・

 

GIMPでもkeynoteでも

PowerPointでもなんでも大丈夫です。

 

作成方法については説明は省きますね〜

 

オレンジメール(オレンジフォーム)のコードの変更

オレンジフォームのコードの部分を検索して下さい。

<input class="OF_submit_btn1" type="button" value=" 確 認 " onclick="OF_submit()" />

 

value=” 確 認 ” と書いてある1行を変更します。

 

変更する場所と追加する場所があります。

変更と追加ポイント

  1. 「type=”button”」を「type=”image”」に変更
  2. その後に「src=”(画像名)”」を追加

     

    					<input class="OF_submit_btn1" type="image" src="画像名" value=" 確 認 " onclick="OF_submit()" />

     

    これだけで、送信(確認)ボタンが変わります。

    (こんな感じに変更できます)

    まとめ

     

    今日はボタンにフォーカスして進めていきました。

     

    ちょっとだけで も編集していきたいものだと思いますので

    少しずつやってみて下さいね(^^)

     

    メルマガも配信しているので登録お願いします。

    応援されていると頑張れます(^^)/

     

    あなたは「Web集客」に限界を感じていませんか?

    サイトをただ作るだけで満足ですか?

    あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

    良いコンテンツも埋もれてしまっては全く意味がありません。

    正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

    私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

    しかも、これだけでは終わりません!!

    その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

    サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

    ↓ ↓ ↓ ↓ ↓ ↓ 

    おすすめの記事