Wordpressで送信ボタンが機能しない

Question

このフォームは機能しますが、Wordpressでは機能しません。私はWordpressの新人ですので、何をすべきか分かりません。私は4つのファイルを作成しました：私は

contact.php

validator.js

ここcontact.js

フォームを作成し

• ページには、フォームのコードです：

  <form class="form-horizontal" id="contact-form" method="post" action="contact.php" role="form"> 
             <div class="messages"></div> 
  
             <div class="controls"> 
  
              <div class="col-lg-12"> 
               <div class="form-group"> 
                <input id="form_name" type="text" name="name" class="form-control" placeholder="Enter your full name*" required="required" data-error="Full name is required."> 
                <div class="help-block with-errors"></div> 
               </div> 
              </div> 
  
              <div class="col-lg-12"> 
               <div class="form-group"> 
                <input id="form_email" type="email" name="email" class="form-control" placeholder="Enter your email address*" required="required" data-error="Valid email is required."> 
                <div class="help-block with-errors"></div> 
               </div> 
              </div> 
  
              <div class="col-lg-12"> 
               <div class="form-group"> 
                <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Enter your phone number"> 
                <input type="submit" class="btn modal-btn pull-right" value="send!" /> 
               </div> 
              </div> 
             </div> 
            </form> 
  

  ここはcontact.phpのコードです：

  <?php 
  // configure 
  $from = 'codedstyles.com <hello@codedstyles.com>'; 
  $sendTo = 'Contact Form admin <sanlorena@yahoo.com>'; 
  $subject = 'Hi! You have a new message from a lead'; 
  $fields = array('name' => 'Name', 'phone' => 'Phone', 'email' => 'Email'); 
  // array variable name => Text to appear in email 
  $okMessage = 'Thank you! We will get in touch with you shortly.'; 
  $errorMessage = 'There was an error while submitting the form. Please try again later'; 
  // Send code 
  try 
  { 
  $emailText = "You have a message to respond\n=============================\n"; 
  
  foreach ($_POST as $key => $value) { 
  
      if (isset($fields[$key])) { 
       $emailText .= "$fields[$key]: $value\n"; 
      } 
  } 
  
  mail($sendTo, $subject, $emailText, "From: " . $from); 
  
  $responseArray = array('type' => 'success', 'message' => $okMessage); 
  } 
  catch (\Exception $e) 
  { 
  $responseArray = array('type' => 'danger', 'message' => $errorMessage); 
  } 
  
  if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') { 
  $encoded = json_encode($responseArray); 
  
  header('Content-Type: application/json'); 
  
  echo $encoded; 
  } 
  else { 
      echo $responseArray['message']; 
  } 
  

Answer 1

action="contact.php" 

私は、問題は、それがPHPファイルを見つけることはできませんように見えるcontact.phpの場所だと思います。

WordPressを扱うときは、絶対パスを使用する必要があります。

あなたのPHPファイルをアップロードした場所によって、WordPressにはWordPressのルートディレクトリやプラグインディレクトリ、テーマディレクトリなどのパスに直接アクセスできる機能がいくつかあります。

<?php $path = get_home_path(); ?> // root directory 
<?php get_plugins($plugin_folder) ?> // plugin directory 
<?php echo get_template_directory(); ?> // theme directory 

あなたは WordPress Codex