ContactForm7でファイルのドラッグ＆ドロップのタグが出力されない

Question

前提・実現したいこと

Drag and Drop Multiple File Upload - Contact Form 7
というプラグインを使ってファイルのドラッグ＆ドロップのフォームを追加しようとしています

しかし、プラグインで出力されるはずのコードが出てきません
テーマの設定やプラグインがぶつかっているなどでのデバッグ方法があれば教えていただきたいです。

発生している問題・エラーメッセージ

ContactForm7でファイルのドラッグ＆ドロップのタグが出力されないです

本来であればContactForm7の設定で

<label> お名前 (必須)
    [text* your-name] </label>

[mfile upload-file-973]

[submit "送信"]

と設定するとこういったHTMLが出力されます

<div class="codedropz-upload-wrapper">
  <input type="file" size="40" class="wpcf7-form-control wpcf7-drag-n-drop-file d-none" aria-invalid="false" multiple="multiple" data-name="upload-file-973" data-id="134">
    <div class="codedropz-upload-handler">
      <div class="codedropz-upload-container">
        <div class="codedropz-upload-inner">
          <h3>Drag &amp; Drop Files Here</h3>
          <span>or</span>
          <div class="codedropz-btn-wrap">
          <a class="cd-upload-btn" href="javascript:void(0)">Browse Files</a>
        </div>
      </div>
    </div>
    <span class="dnd-upload-counter"><span>0</span> of 10</span>
  </div>
</div>

しかし、こういった形で表示されてしまします

<span class="wpcf7-form-control-wrap upload-file-985">
  <input type="file" size="40" class="wpcf7-form-control wpcf7-drag-n-drop-file d-none" aria-invalid="false" multiple="multiple" data-name="upload-file-985" data-id="1169">
</span>

以下のコードが表示されない理由はどうしてでしょうか？

<div class="codedropz-upload-handler">
  <div class="codedropz-upload-container">
    <div class="codedropz-upload-inner">
      <h3>Drag &amp; Drop Files Here</h3>
      <span>or</span>
      <div class="codedropz-btn-wrap">
      <a class="cd-upload-btn" href="javascript:void(0)">Browse Files</a>
    </div>
  </div>
</div>
<span class="dnd-upload-counter"><span>0</span> of 10</span>

試したこと

・ContactForm7の設定画面でcodedropz-upload-handlerのコードを入力
→アップロードなどのスタイルは表示されるがアップは出来ない。

デバッグ方法など些細なことでも構わないので教えていただければ幸いです。

Answer 1

<?php wp_deregister_script('jquery'); ?>

jqueryがぶつかっていました。。。