はてなブックマーク

この記事でご紹介しているコードは、Nishiki、Nishiki Proに最適化しています。 他のテーマでも使えますが、若干表示が異なる場合があります。 Contact Form7のフォームデザイン Contact Form7を設置するとこんなデザインになります。 （※テーマによって若干異なる場合があります） とってもシンプルですね。 この記事で作れるフォームデザイン この記事でご紹介するコードで、こんなお問い合わせフォームが作れますよ！ もちろんスマホ対応！ スマホだとこんな感じになります。 どんな感じかしっかり確認したい方は、こちらのデモサイトをご覧ください。 https://wp-firststep.com/nishiki_pro/contactform7-sample1/ さっそくコードと作り方をご紹介しますね。 Contact Form7の設定方法 Contact Form7でお