[WP]WordPressの「Contact Form 7」で完了画面に遷移させる方法の記事では、完了ページに遷移させるためにメッセージを表示させない、という方法を紹介させていただきましたが、こちらは「お問い合わせ有り難うございました」のメッセージ(.wpcf7-mail-sent-ok)の表示位置を変更する方法です。
Contact Form 7 のダウンロード
管理画面のプラグイン新規追加画面よりContact Form 7を検索するか、以下のサイトよりプラグインファイルをダウンロードします。Contact Form 7
メッセージの位置を変更
管理画面のお問い合わせページへ進み、「フォーム」の編集画面でメッセージを表示させたい位置に [response] タグを挟みます。フォームの上部にメッセージを持って来る場合は、以下のように1行目に [response] のタグを挿入します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
[response] <p>お名前 (必須)<br /> [text* your-name akismet:author]</p> <p>メールアドレス (必須)<br /> [email* your-email akismet:author_email]</p> <p>題名<br /> [text your-subject]</p> <p>メッセージ本文<br /> [textarea your-message]</p> <p>[submit "送信"]</p> |
フロント画面の表示例
従来はメール送信完了後に、この位置(フォームの下部)にメッセージが表示されます。上記方法でカスタマイズすることで、フォーム上部にメッセージの表示位置を変更することができます。
コメント