7を使っているが、見た目がシンプルすぎておしゃれに、カッコよくカスタマイズしたい!プログラミング知識がないので、できればコピペでカスタマイズしたい!今回はWordPressでサイトを運営している方でプログラミング知識がない方向けに、コピペOKのお問い合わせフォームのカスタマイズ例をご紹介します。7は簡単にフォームを作れますが、デザインをカスタマイズしないと、とてもシンプルすぎてサイトの外観を壊してしまいます。今回はサイトの雰囲気にあったカスタマイズ例を3つご紹介します。どんなサイトでも万能なデザインコーポレートサイト用のきっちりとしたデザイン可愛いポップなデザインこの3つが幅広く対応できると思うので、この3つのデザインにします。7プラグインをインストールしましょう。Fromのインストールから基本的な使い方はこちらの記事を参考にしてください。7」の編集画面と、投稿管理画面の「カスタムCSS」この2つを編集する必要があります。あとでHTMLのカスタムコードをご紹介しますが、コードを貼り付ける場所はお問い合わせをクリック編集したいお問い合わせフォームを選択フォームをクリック下のボックスに貼り付ける保存を忘れないように!このような手順でOKです。Email必須お問い合わせ内容まずはこのようなシンプルなお問い合わせフォームを作ってみたいと思います。文字の色のコード;}色のコードはこちらのサイトを参考にコピペして使用してください。当サイトのプライバシーに同意するきっちりとした、コーポレートサイトのお問い合わせフォームは無駄な装飾はないので、シンプルに白と黒で作りました。無駄な装飾を全部取り除き、必須項目には*マークをつけています。center;}可愛いポップなデザインContactマテリアルなデザインを意識したデザインで、女性ブログやポートフォリオサイトにも使えるお問い合わせフォームになっています。柔らかな印象を与え、堅苦しいお問い合わせフォームの印象を無くし心地いいデザインです。カスタマイズまとめネコ君コピペでカスタマイズできるからとっても便利だね!いかがでしたでしょうか!お問い合わせフォームはサイトのコンバージョン率を高める重要な場所なので、必ず設置するようにし、サイトにあったデザインを適用させるようにしましょう!ぜひこの記事を参考にお問い合わせフォームをカスタマイズしてみてはいかがでしょうか!最後までご覧いただきありがとうございました。HikoPro最後までご覧いただきありがとうございました!YouTube・Twitterでプログラミングの学習方法や、フリーランスのライフスタイルについて発信しているのでチェックしてみてください!YouTubeはこちら!Twitterはこちら!WordPressの学習にオススメの本リンクWordPressの基礎知識がある程度ある方向けの参考書で、HTMLファイルをWordPressのテーマ化にするまでの過程が詳しく書かれているので、実務にも使えるスキルが身につきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。BlogについてHikoProBlogは大学生フリーランスエンジニアが学んだことを発信するノウハウブログです。プログラミング学習、フリーランスの生き方、WordPress、Webマーケティング、IT産業について発信しています。Reserved.タイトルとURLをコピーしました。