2019/04/06SHAREツイートシェアはてブGoogle+PocketLINE自作LPをwordpress化するときのcontactform7のカスタマイズ方法について解説します。contactform7を使うと自動メッセージを送信できたり、お問い合わせ完了画面を表示できます。今回はすでに自分で作成したLPのフォーム部分をデザインそのままで、まるっとcontactform7に入れ替える方法をお伝えします。目次1.contactform7のLPへの設定方法1.contactform7インストール&有効化2.contactform7フォーム部分に内容を記載。インストール」などと検索すれば簡単に方法がわかります。2.contactform7フォーム部分に内容を記載。ダッシュボードサイドバーのお問い合わせ>コンタクトフォーム>コンタクトフォームの編集に進みましょう。idやclassは自作のcssのidやclassと名称を合わせてください。するとcssに書いてあるデザインがそのまま反映されます。それでも完全に反映されない場合は自分でcssを修正しましょう。placeholderはあらかじめフォーム内に記載しておきたい文字のことです。信"]3.contactform7のフォームのコードをindex.phpに貼り付けるcontactform7のフォームの上にある以下のようなコードをindex.phpのLPのフォームがあった部分に貼り付けましょう。LPでもともと書いていたフォームの記載は消してください。idの数字やタイトルは場合によって異なるので、よく確認してください。?>4.問い合わせ完了画面に遷移させる以下のコードをcontactform7フォーム部分に貼ってください。これは送信ボタンを押すと、http://localhost:8888/thanks/に飛ぶという設定です。url部分は適宜変更してください。);</script>問い合わせ完了画面(http://localhost:8888/thanks/)の内容は、固定ページに書きましょう。固定ページのパーマリンクを(http://localhost:8888/thanks/)と置き換えればOKです。5.問い合わせ完了画面の内容を表示させるpage.phpに以下の記載を追記。<h1>お問い合わせありがとうございました。?>//必要なければ消去してください<h1>お問い合わせありがとうございました。編集」画面を開く2.フォームタブを開き、各名称をメモする。7ふるフリーランスでUIUXデザイン/コーディング/Webマーケをしています。慶應法法→IBM→2018年独立後に海外放浪。