WordpressでエンキューしないCSSとスクリプト

私のスタイルとスクリプトをWordpressのテーマにエンキューしようとしていますが、ページを更新すると完全に空白になります。私が検索したことから、私はfunctions.phpでコードを正しく書いているようです。誰かがエラーがあるかどうかを確認できますか、このコードを挿入する特定の場所があるかどうかを教えてください。WordpressでエンキューしないCSSとスクリプト

これは私が持っているものです。

function BI_Scripts() { 

    wp_register_style('bling_css', get_template_directory_uri() . '/css/style.css'); 
    wp_register_style('Font_Awesome', get_template_directory_uri() . '/css/font-awesome.css'); 
    wp_register_style('theme_font', 'https://fonts.googleapis.com/css?family=Crimson+Text|Lobster|Oleo+Script:700|Roboto:400,700'); 
    wp_register_script('jQuery_js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array('jquery'), '3.1.1', true); 
    wp_register_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.3.7', true); 
    wp_register_script('main_js', get_template_directory_uri() . '/js/main.js', array(), '1.0.0', true); 

    wp_enqueue_style('bling_css'); 
    wp_enqueue_style('Font_Awesome'); 
    wp_enqueue_style('theme_font'); 
    wp_enqueue_script('jQuery_js'); 
    wp_enqueue_script('bootstrapjs'); 
    wp_enqueue_script('main_js'); 
} 
add_action('wp_enqueue_scripts', 'BI_Scripts');

EDIT：これは、あなたがget_template_directory_uri()機能を使用し、その後子テーマを有効にしている場合は、私のヘッダー

!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
<head> 
<meta charset="<?php bloginfo('charset'); ?>"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="profile" href="http://gmpg.org/xfn/11"> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> 

<?php wp_head(); ?> 

</head>

出典

2017-01-21 monsty

header.phpの頭の部分に投稿してください。あなたはエラー表示をしていますか？完全に空白は私にエラーを示唆します。 –

あなたは、ヘッダーからフッターにロードスクリプトを変更しようとすることができます=> 'true'を 'false'に変更して、登録スクリプトとチェックします。 –

私は自分のヘッダにあるものを追加しました。 – monsty

にあるものです。

あなたは親テーマを有効にした場合は、get_stylesheet_directory_uri()機能を使用しています。

get_template_directory_uriは常にアセットの親テーマフォルダを参照します。

get_stylesheet_directory_uriは、アセットの「現在の」テーマフォルダ（呼び出される場所に応じて親または子になる可能性があります）を参照します。

子テーマの例：

wp_enqueue_style('my_child_styles', get_stylesheet_directory_uri().'/style.css');

親テーマ例

wp_enqueue_style('my_parent_styles', get_template_directory_uri().'/style.css');

出典

2017-01-21 04:58:10 purvik7373

最も一般的な問題は、あなたのテーマはheader.phpのとfooter.phpにwp_headとwp_footerを使用していないことです。

例：header.phpのwp_headなし

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<?php 
    wp_head(); 
?> 
<body>

（）AND wp_footer（）は、Wordpressのは、それが発生しませんようwp_enqueue_scriptsがフック使用してフックすることができません。

出典

2017-01-21 07:32:01 SniffWP

"wp_register_style"と "wp_register_script"には両方ともパラメータが含まれており、正しく機能させるためには正しい順序で使用することが非常に重要です。

wp_enqueue_script('bootstrapjs', get_template_directory_uri() . '/js/main.js', array(), '3.3.7', true)

出典

2017-01-21 10:50:36

グレイトフルすべてのあなたの助けのために：

次のようにそれを使用することができます。私はすべてを試みましたが、結局私自身でそれを理解しました。

WordpressにはJQueryが付属しています。だから私はまずfunctions.phpで登録を解除してから、自分のjQueryファイルを登録してエンキューする必要がありました。それをした後、もう空白の画面がありませんでした。

出典

2017-01-21 23:23:13 monsty

更新されたfunctions.phpファイルを表示して、不要なスクリプトやWPに既に存在するスクリプトの登録を解除する方法を教えてください。 –

WordpressでエンキューしないCSSとスクリプト

答えて

関連する問題