wordpressにhtmlとjavascriptを挿入してください

Question

私はwordpressにhtmlとjavascriptファイルを挿入する必要がありますが、私はwordpressにHTMLを埋め込むのに苦労しています。

私はhtmlファイルとjavascriptとcssファイルを作成しました。 このファイルをPHPに挿入するにはどうすればよいですか？

私はすでに解決策を探し、私は絵のようなコードを書いた： Example 1と Example 2、 を私は実際にPHPの初心者だけど、それが働いて ではありません。

私はvantage-childテーマを使用し、javantとchildのフォルダにjavascriptとcssファイルを入れました。

次に何をすればよいですか？

<script type="text/javascript" src="/calc/common.js"></script> 
 
<script type="text/javascript" src="/calc/jquery-1.4.4.min.js"></script> 
 

 

 

 

 
<!-- bin/jquery.slider.min.css --> 
 
\t <link rel="stylesheet" href="/calc/css/jslider.css" type="text/css"> 
 
\t <link rel="stylesheet" href="/calc/css/jslider.blue.css" type="text/css"> 
 
\t <link rel="stylesheet" href="/calc/css/jslider.plastic.css" type="text/css"> 
 
\t <link rel="stylesheet" href="/calc/css/jslider.round.css" type="text/css"> 
 
\t <link rel="stylesheet" href="/calc/css/jslider.round.plastic.css" type="text/css"> 
 
    <!-- end --> 
 

 

 
\t <!-- bin/jquery.slider.min.js --> 
 
\t <script type="text/javascript" src="/calc/js/jshashtable-2.1_src.js"></script> 
 
\t <script type="text/javascript" src="/calc/js/jquery.numberformatter-1.2.3.js"></script> 
 
\t <script type="text/javascript" src="/calc/js/tmpl.js"></script> 
 
\t <script type="text/javascript" src="/calc/js/jquery.dependClass-0.1.js"></script> 
 
\t <script type="text/javascript" src="/calc/js/draggable-0.1.js"></script> 
 
\t <script type="text/javascript" src="/calc/js/jquery.slider.js"></script> 
 
    <!-- end --> 
 
    
 

 

Answer 1

あなたのスニペット上のミス概念の束を持っています。あなたがそれを配置したいとあなたのテーマがどのように書かれている場合、それは異なり、あなたのマークアップについてはまず、JavaScriptとCSSの

はwp_enqueue_scriptとwp_enqueue_style

介してロードされています。私はテンプレートhierarchyをチェックアウトすることをお勧めします。

Answer 2

子をテーマにした編集機能で「CSS」フォルダ

内のすべての.jsファイル「jsの」と.cssファイルを貼り付け、あなたの子供のテーマ名「JS」と「CSS」に

を新しいフォルダを作成します。 .php

これらのファイルをfunctions.phpファイルに次のように登録します。

// Register Script files 

function wp_register_custom_scripts() { 

    wp_register_script('my-script1', get_template_directory_uri() . '/js/common.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script1'); 

    wp_register_script('my-script2', get_template_directory_uri() . '/js/jquery-1.4.4.min.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script2'); 

    // bin/jquery.slider.min.js 

    wp_register_script('my-script3', get_template_directory_uri() . '/js/query.numberformatter-1.2.3.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script3'); 

    wp_register_script('my-script4', get_template_directory_uri() . '/js/tmpl.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script4'); 

    wp_register_script('my-script5', get_template_directory_uri() . '/js/jquery.dependClass-0.1.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script5'); 

    wp_register_script('my-script6', get_template_directory_uri() . '/js/draggable-0.1.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script6'); 

    wp_register_script('my-script7', get_template_directory_uri() . '/js/jquery.slider.js', array(), '1.0.0', true); 
    wp_enqueue_script('my-script7'); 


} 
add_action('wp_enqueue_scripts', 'wp_register_custom_scripts'); 


// Register Stylesheets 

function wp_register_custom_styles() { 

wp_register_style('slider-style1', get_template_directory_uri() . '/css/jslider.css',false,'1.1','all'); 
wp_enqueue_style('slider-style1'); 

wp_register_style('slider-style2', get_template_directory_uri() . '/css/jslider.blue.css',false,'1.1','all'); 
wp_enqueue_style('slider-style2'); 

wp_register_style('slider-style3', get_template_directory_uri() . '/css/jslider.plastic.css',false,'1.1','all'); 
wp_enqueue_style('slider-style3'); 

wp_register_style('slider-style4', get_template_directory_uri() . '/css/jslider.round.css',false,'1.1','all'); 
wp_enqueue_style('slider-style4'); 

wp_register_style('slider-style5', get_template_directory_uri() . '/css/jslider.round.plastic.css',false,'1.1','all'); 
wp_enqueue_style('slider-style5'); 



} 

add_action('wp_enqueue_scripts', 'wp_register_custom_styles'); 

あなたはあなたがあなたが 函数内のファイルを登録した場合perticularページ内の関数を呼び出す必要がいけないファイル

の優先順位を設定することができ、テーマ

で、ディレクトリsturctureに応じてファイルのパスを変更することができます。 PHPはグローバルに適用されます。