私はこのコードをJsFiddleに添付して、どのように私はそれを単一のWordpressのページに追加するのだろうかと思っていますか？私はいくつかのプラグインを試してみましたが、彼らはちょうどフォーマットを台無しにして、JavaScriptの動作を停止するようです。どんな助けでも大歓迎です。たくさんのコードがありますので、ここに小さなスニペットを追加しました。Wordpressのサイトのページにコードを追加
<div id="top">
<div class= "toptext">
<span>Bet Type</span>
<select id = "typeoption">
<option value="0">Qualifying Bet</option>
</select>
</div>
https://jsfiddle.net/yLqwthyr/1/
あなたはnoConflictモードでスクリプトを実行するために、あなたのjqueryのコードを変更する必要があります。
単一のjsファイルを追加する場合は、wp_enqueue_script（）を使用してエンキューする必要があります。あなたエンキュースクリプトはjQueryに依存している：あなたはjQueryのスクリプトの
add_action('wp_enqueue_scripts', 'se_40975160');
function se_40975160(){
if(is_page('your-page')){
wp_enqueue_script('jquery');
wp_register_script('form-js', PATHTOJS . '/js/your-js.js', array('jquery'));
}
}
（ID及びパーマリンクで）ページにフォーム構造を追加したいと仮定し
これを行うための可能な方法、 WordPressのjQueryはnoConflictモードで実行されるため、共通の$エイリアスを使用できないことに注意してください。代わりに完全なjQueryを使用する必要があります。代わりに、noConflictラッパーの中に$ショートカットを使用してコードを配置してください。
jQuery(document).ready(function($) {
// $() will work as an alias for jQuery() inside of this function
[ your code goes here ]
});
フォーム構造を挿入するには、add_shortcode（）を使用するか、単にビジュアルエディタを使用します。私はPHPでフォームレスポンスを処理するために短いコードを使用します。詳細は、shortcode apiページを参照してください。
手順：1表示の目的のためにショートコードを作成します
function mycustomcode(){
/*Place your code here*/
}
add_shortcode('mycustomcode','mycustomcode');
ステップ：あなたはちょうどこのショートコードを使用表示したい2開いているファイル、PHPのfilecodeで
、
do_shortcode('mycustomcode');
WYSWYG（Wordpress Editor）では、
['mycustomcode']
ステップ：3
Enはページを編集するには、あなたのスタイルとスクリプト
をキューには、最初に使用されるページをどのテンプレート把握する必要があります。
詳細はWordPress Template Hierarchyを参照してください。
特定の用途に合わせてpage templateを作成し、ページテンプレートをwp-adminのページに割り当てることができます。
まだ編集するテンプレートが見つからない場合は、Show Current TemplateとDisplay Template Nameのようなプラグインがあります。
テンプレートファイルを編集するときは、子テーマで行うことを忘れないでください。
どのようなページですか？テンプレートファイルに簡単に挿入できます。 – Roberrrt
はテンプレートかwp adminダッシュボードページですか？ –