質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

受付中

WordPressのContact Form 7でメッセージの送信に失敗する

wpcherry
wpcherry

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0回答

0評価

0クリップ

9閲覧

投稿2019/04/05 03:19

編集2022/01/12 10:55

閲覧いただきまして、誠にありがとうございます!

Contact Form 7 というWordPressのプラグインを使って、お問い合わせフォームを作っているのですが、何回やっても「メッセージの送信に失敗しました。後でまたお試しください。」が出てしまい、正しく送信することができません。

VM39 scripts.js:348 Uncaught TypeError: $.ajax is not a function

コンソール上を見ると、上記のエラーが発生していました。

以下、試してみたことになります。

  • Contact Form 7 Controlsを入れて、カスタマイズ「AJAX Submissions」をオフにしてみた
  • WP Mail SMTPにSMTP情報を追加してみた

原因がわかる方いらっしゃればお知恵を拝借できればと思います。

contact.php

PHP

<?php /* Template Name: contact */ ?> <?php get_header(); ?> <section> <div class="container"> <h2>お問い合わせ</h2> = <div class="contactForm"> <?php echo do_shortcode( '[contact-form-7 id="29" title="コンタクトフォーム 1"]' ); ?> </div> </div> </section> <?php get_footer(); ?>

footer.php

PHP

<!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script> <script> $(document).ready(function() { $('.drawer').drawer(); }); </script> <?php wp_footer(); ?> </body> </html>

コンタクトフォーム

<label> お問い合わせ種別 <span class="required-check">必須</span></label> [checkbox* checkbox-198 "1", "2", "3"] <label> お問い合わせ <span class="required-check">必須</span> </label> [textarea* textarea-129 class:form-control] <label>お名前 <span class="required-check">必須</span></label> [text* text-758 class:form-control] <label>ご連絡先 <span class="required-check">必須</span></label> [email* email-192 class:form-control] [submit "送信する"]

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

CHERRY
CHERRY

2019/04/05 05:14

> VM39 scripts\.js:348 Uncaught TypeError: \$\.ajax is not a function jQuery 周りの問題と思われますが、質問の内容だけでは判別ができません。 まずは、 jQuery の読み込みに失敗している 複数の jQuery を読み込んでいる 他の JavaScript ライブラリとのコンフリクトしている 等ありませんか?
wpcherry
wpcherry

2019/04/05 07:11 編集

ありがとうございます。 コードを追記させていただきます。 やはり、jQueryが問題なのでしょうか。 おっしゃる通り、jQueryがかぶっていたため、ヘッダにあった wp_head を取り外し、フッターのCDNだけにしてみましたが、今度はエラー文がなくなり、送信エラーだけ表示されます。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。