Childお問い合わせホームWordPressコンタクトフォーム7で入力欄をまとめてすっきり&透かしを入れる方法2018年3月2日SHAREツイートシェアはてブLINEコンタクトフォーム7で1項目の中に複数入力欄を出す方法を解説します。文章にすると分かりにくいですが、画像で見てもらうと一目瞭然です。個人ブログなどで、姓名などを入力してもらうことはないかもしれませんが、あくまでもサンプルです。同じ類の項目になります。一つにまとめたとしても、何を入力すればいいか分かりますよね。一つにまとめることで、何を入力してもらうか分からなくなる場合は、透かし(ウォーターマーク)入れるといいです。こんな時におススメの方法です入力項目が多く、すっきりさせたい似たような項目が多く、一つにまとめたいコンタクトフォーム7での項目のまとめ方お名前の姓名の箇所で説明していきます。your-name2]</label>普通に記載したらこうですが、これだとフォーム項目は分かれて表示されます。<label></label>というタグが一つの項目になっているので、一つのタグの間に2つのコードを記載してあげればいいのです。your-name2]</label>このようになります。このままだと、このように何を入力したらいいのかわからなくなります。ここで透かし(ウォーターマーク)を入れてあげるのです。透かしは入力しないときは表示され、入力するときには表示が消えるというものです。watermark”名”]</label>このように「watermark”●●”」という記述を所定の位置に入れてあげればOKです。watermarkの記載を入れれば画像のようになります。watermarkはメールアドレスやテキストエリアなどの項目にも使うことができます。こちらは当ブログのお問い合わせフォームですが、透かしを入れてあげるとよりユーザーが入力しやすくなりますね。試してみてくださいいかがでしたでしょうか?タグの法則さえある程度理解すればフォームをきれいに表示させることができます。【WordPressプラグイン】スキルバーを3分でブログに表示する方法この記事を書いた人Kuuuワードプレスを最も得意とし、Webマーケティング全般に詳しい。ネットで効率よく集客をしたい、収益の柱を増やしたいといった方にブログを中心としたマーケティングを教えている。