医療系の人体のイラストや3DCGモデルの提供をされているサイト様の依頼(問い合わせ)フォームに画像を追加したいというご依頼をいただいた事例をご紹介いたします。


ContactForm7に画像と、フォームの選択に応じた選択肢の表示

この度のクライアント様のご依頼内容は下記のようなものでございました。

ワードプレス（テーマlightning)にでcontact form7のラジオボランの選択肢を選ぶと特定の選択肢が出て、ラジオボタンのテキスト横に画像をサンプルを追記しスマートフォンでもきれいに表示させたいのですが、カスタマイズを御社にお願いした場合概算でどのくらいのお値段になるでしょうか？

ワードプレスのContactForm7のフォームのカスタマイズ

ContactForm7の問い合わせの編集画面には、スタイルシートやJAVASCRIPTを追加可能です。
こちらのご依頼の場合、弊社で下記のような作業を代行させていただきました。

・いただいた画像を最適なサイズに縮小しアップロード
・ContactForm7のフォームに選択肢に応じてJAVASCRIPTコードで切り替わるラジオボタンを追加
・ContactForm7のフォームの必要な個所に上記画像を配置
・スタイルシートを追加作成しレスポンシブ化

ワードプレスドクターではこのようなカスタマイズを多数承っております。
お気軽にご相談等お送りいただけましたら幸いです。

WordPress ワードプレスの問い合わせフォームの作成・カスタマイズのご依頼・ご相談はワードプレスドクターまでお気軽にお送りください

関連記事:

  1. ワードプレスドクター 依頼事例:テーマのデザインの調整
    ワードプレスドクターでは、フロントエンド技術者が御社のワードプレスサイトのテーマのデザインの調整を代行いたします。...
  2. ワードプレスドクター 依頼事例:ワードプレス デザイナーズサイトのリデザイン
    デザイナーズ系のウェブサイトで、トップページや、表示する項目を一部変えて印象を変えたり、使い勝手の向上を行われたい場合、ワードプレスドクターがご希望に応じてテーマのカスタマイズや修正・変更を行います。...
  3. ワードプレスドクター 依頼事例:スポットでのサイトの微修正とSSL化
    ワードプレスドクターでは他社様の作成したサイトでも、ワードプレスであれば、どのような修正もスポットで代行いたしますことが可能です。...
  4. ワードプレスドクター 依頼事例:サイト全体のデザインの修正
    サイトのデザインが完成して公開している状態ですが、デザイン上でカラーが合わなかったり、テキストのフォント等が気に入らなかったりすることはございませんか？ 今回はサイト全体のカラーをオレンジ色から、青色に変更されたいというご依頼をお受けしましたのでその事例をご紹介したいと存じます。...
  5. ワードプレスドクター 依頼事例:既存のhtmlやphpサイトにワードプレスの機能を組み込む
    HTMLやPHPで構築されているサイトで、ニュース、ブログやギャラリーなどの更新を行いたい場合に、制作会社様に常に依頼を行わないと更新できず、お困りではございませんか？ このような作業を社内やご自身で行われたい場合、サイトの一部をワードプレス化してワードプレスの管理画面から誰でも更新できるようにすることも可能です。...
  6. ワードプレスドクター 依頼事例:スマホサイトのみに表示するフッターメニューの作成
    ワードプレスドクターでは、テーマをカスタマイズし、スマホ(Iphone,Android)のみで表示されるフッターメニューを作成し組み込む作業を代行いたします。...