• RSS

[WP]Contact Form 7で「お問い合わせ有り難うございました」などのメッセージの表示位置を変更する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

[WP]WordPressの「Contact Form 7」で完了画面に遷移させる方法の記事では、完了ページに遷移させるためにメッセージを表示させない、という方法を紹介させていただきましたが、こちらは「お問い合わせ有り難うございました」のメッセージ(.wpcf7-mail-sent-ok)の表示位置を変更する方法です。

Contact Form 7 のダウンロード

管理画面のプラグイン新規追加画面よりContact Form 7 を検索するか、以下のサイトよりプラグインファイルをダウンロードします。


メッセージの位置を変更

管理画面のお問い合わせページへ進み、「フォーム」の編集画面でメッセージを表示させたい位置に [response] タグを挟みます。

フォームの上部にメッセージを持って来る場合は、以下のように1行目に [response] のタグを挿入します。
[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>


フロント画面の表示例

従来はメール送信完了後に、この位置(フォームの下部)にメッセージが表示されます。
[WP]Contact Form 7で「お問い合わせ有り難うございました」などのメッセージの表示位置を変更する方法

上記方法でカスタマイズすることで、フォーム上部にメッセージの表示位置を変更することができます。
[WP]Contact Form 7で「お問い合わせ有り難うございました」などのメッセージの表示位置を変更する方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください