エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Contact Form7をCSSでおしゃれにカスタマイズ【コピペ用】
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Contact Form7をCSSでおしゃれにカスタマイズ【コピペ用】
こんにちは、しまみさです。 私は現在地方のWeb制作会社で、Webサイトなどを制作しています。 仕事でWor... こんにちは、しまみさです。 私は現在地方のWeb制作会社で、Webサイトなどを制作しています。 仕事でWordPressサイトにお問い合わせフォームを設置するとき、「Contact Form 7」というプラグインを使うことが多いです。 デフォルトのままでも十分ではありますが、サイトの雰囲気に合わせてカスタマイズして使うことがほとんどです。 CSSを設定するだけなので、誰でも簡単にカスタマイズすることができます! 完成イメージがこちらです。 PC版モバイル版上記のデザインだとPCとモバイルで大きく表示を変える必要がないので、簡単にレスポンシブ対応ができます。 ①管理画面の左メニューの「新規追加」、または上部の「新規追加」をクリックしフォームを追加します。 ②タイトルは何でもかまいません。後からみて自分が分かりやすいものにしておくと良いでしょう。 ③フォームに元々入力されているコードを全て削除