ひとりで頑張っているあなたに寄り添うサポートやってます♪  ここをクリック   

ContactForm7のお問い合わせフォームの横幅を変更する方法

  • URLをコピーしました!
★本ブログの各記事では、サイトの運営維持のため広告リンクを利用している場合があります。

お問い合わせフォームって、
すごく大事ですよね。
 

お問い合わせをいただけることが
ブログを認めていただけた証明になったり、
自分自身もすごく励みになったりします。
 

そんな大事なお問い合わせフォームですが、
小さすぎたり、大きすぎたり、
大きさが今ひとつで悩んでいませんか?


 

ららのブログは、
Contact Form 7というプラグインを利用しているのですが、
 

お問い合わせフォームが
こんなふうに小さくて、困っていました。

 

グレーの部分がブログの横幅なので、
ちょっと小さくて不恰好ですし、第一、入力がしづらいです。
 

この入力スペースを広くする方法をご紹介します。

 

目次

お問い合わせフォームの入力スペースを広げる方法

管理画面左下の「お問い合わせ」をクリックすると、
Contact Form 7 の設定画面が出ます。

 

先ほどの小さいお問い合わせフォームの設定は、
このようになっています。

 
ここに、お問い合わせフォームの
各項目のサイズを記入することができるんです。

こんなふうに。

 

赤字の部分が、付け足した部分です。
 

「お名前」と「メールアドレス」は、1行だけの入力項目ですので、
70/100 のような形でサイズを表現します。

全体の幅を100としたときのサイズを指定するわけですね。
様子を見ながら、70を増減してください。
 

「メッセージ本文」は、ヨコxタテ の形で表現します。
私の場合は100×20 ですが、
100と20は、様子を見ながら増減してください。
 

サイズ調整をした結果、
お問い合わせフォームは、こんな形になりました。

 

このサイズなら、
気持よく入力していただけますね。

 

このような、Contact Form 7 ついての詳細は、
こちらのページに詳しく載っています。
http://contactform7.com/text-fields/?lang=ja
 

ぜひ参考になさってください。

記事が役に立ったら、ここをクリックして応援をお願いします。

私が稼げるようになった教材

アンリミテッドアフィリエイト
ごくごく普通の主婦だった私が、累計800万円以上稼げたのは、この教材を購入して作業をしたから。
詳細は、こちらのページでご紹介しています。
>>アンリミテッドアフィリエイトらら流レビュー
私がここまでたどった経験を元にした特典と、濃厚すぎるサポートも差し上げています。

無料レポートを書かずにメルマガ読者を全自動で集める方法!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

ららです。
2人の子供はもう成人した50代主婦です。10年ほど前から、主婦業・母親業の隙間時間でアフィリエイトに挑戦。パート時代の約6倍の月収を達成することができました。

超マイペースで超怠惰で超食いしん坊の私でもできたその秘密は、とにかく諦めないこと!
これから始めるあなたに私の経験をお伝えするため、ブログ・メルマガで情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞ何でもご相談くださいね。

コメント

コメント一覧 (0件)

  • キースです!いつも応援感謝しております^^

    お問い合わせフォームの横幅の大きさを
    変える方法の記事、勉強になりました^^

    今後も為になる記事
    楽しみにしております。

    応援完了です^^

    • キースさん
      ご訪問&コメントありがとうございます。
      はい、
      これからも、ためになる記事が書けるように
      がんばりたいと思ってます。
      応援ありがとうございました。

  • 週末農夫@安月給だからアフィリエイトで稼ぐ より:

    ららさんこんばんは。
    週末農夫です。

    遅くなりましたがあけましておめでとうございます。
    今年もよろしくお願いします。

    確かに問い合わせフォームって大切ですよね。
    書き込もうと思ったけど、狭くて改行だらけに
    なっちゃったとか、自分で書いている文章が
    スクロールいっぱいしなきゃ読み返せないとか
    いやになってきちゃいますね。

    コメントや、問い合わせがほしかったら、この辺も
    意識してあげることが必要ですよね。

    良い記事でした。
    さっそく直してみます。

    それでは応援ポチッ!

    • 週末農夫さん
      ご訪問&コメントありがとうございます。
      そうですね~。
      メールをしようと思っても、
      あまりにフォームが小さいと、
      面倒になってやめちゃうかもしれないですよね。
      少なくとも、たくさん書こうとは思わないですね~。
      応援ありがとうございました。

  • こんばんわ。

    いつもいつも参考になる記事ばかりですね。

    しかも常に読者目線を忘れていない姿勢は
    本当に参考になります。

    Contact Form 7については
    同じことを思っておりましたので
    早速取り組ませていただきます。

    応援ぽちです^^

    • はやぞうさん
      ご訪問&コメントありがとうございます。
      お~、同じことを思ってらっしゃったんですか。
      良かったです~お役に立てて^^
      どうも、同じContact Form7 でも、
      フォームの大きさが違うようで、
      どうしてなのか、謎に思っています。
      応援ありがとうございました。

  • ららさん、こんばんは。

    かんなです。

    コメント&応援ありがとうございました。

    お問合せフォームの横幅を大きくする技術的なこと、

    さらに読者さま目線の考え方。

    今回の記事もとても勉強になりました。

    応援☆

    • かんなさん
      ご訪問&コメントありがとうございます。
      いやいや、
      そんな大それたことじゃないです~^^;
      「技術的なこと」は、自分じゃどうしてもわからず、
      つかささんにおしえていただきました^^
      応援ありがとうございました。

  • ららさん

    こんにちは。きよパパです。

    お問い合わせフォームは、正直なところは今まで意識をしてませんでした(~_~;)

    ですが、記事を読んで取り込まないといけないって気になりました。

    有益な情報ありがとうございます。

    これからも、よろしくお願いします。

    応援です\(^o^)/ポチッ

    • きよパパさん
      ご訪問&コメントありがとうございます。
      私も最初は、お問い合せフォームの存在は
      忘れているくらい、意識していませんでした。
      日々少~しずつ進化ですね^^
      応援ありがとうございました。

  • ららさん、こんにちは。
    ウメコです。

    私も最初は、プラグラインのコメントフォーム使ってました^^
    でもカスタマイズ方法がわからず断念 w

    思ったより簡単に操作できるものなんですね^^
    参考になりました。

    応援です!

    • ウメコさん
      ご訪問&コメントありがとうございます。
      けっこうワードプレスのプラグインは、
      わかりづらいものが多いですよね。
      まったく、ワードプレスは、日々勉強です^^;
      応援ありがとうございました。

  • こんにちは。はじめまして!
    今クライアントさんのホームページを作っているんですが、問い合わせフォームの後ろの背景、もしくは問い合わせフォームの右横にできた空白部分に画像を入れることはできるのでしょうか?

    何かアイデアがありましたらぜひご教示願います!

らら へ返信する コメントをキャンセル

目次