2017-06-13 6 views
0

ここの最初の質問はこちらあなたが私を助けることができるかどうか疑問に思っています。wp_head();クラッシュするApache(xammp)

私は静的なブートストラップテーマのWebサイトを動的なCMSのWordPressサイトに渡そうとしています。だから、私はHTML/CSSでサイトをコーディングし、それをクライアントに見せて、今私はそれをwordpressのテーマに変えています。今これは私が作った私の最初のワードプレスサイトではありませんが、私は困惑している問題があります。私はwp_enqueue機能システムを介してすべてのスタイルシートとスクリプトをリンクしようとしているが、これは私がこれまでに作ってみたものです:

function.php

<?php 
function wpt_theme_styles() { 

    wp_enqueue_style('bootstrap' , get_template_directory_uri().'assets/css/bootstrap.min.css', array(), '1.0.0', 'all'); 
    wp_enqueue_style('font-awesome' , get_template_directory_uri() . 'assets/css/font-awesome.min.css', array(),'1.0.0', 'all'); 
    wp_enqueue_style('animate' , get_template_directory_uri() . 'assets/css/animate.css', array(),'1.0.0', 'all'); 
    wp_enqueue_style('font' , get_template_directory_uri() . 'assets/css/font.css', array(),'1.0.0', 'all'); 
    wp_enqueue_style('li-scroller' , get_template_directory_uri() . 'assets/css/li-scroller.css', array(),'1.0.0', 'all'); 
    wp_enqueue_style('slick' , get_template_directory_uri() . 'assets/css/slick.css', array(),'1.0.0', 'all'); 
    wp_enqueue_style('jquery_fancybox' , get_template_directory_uri() . 'assets/css/jquery.fancybox.css', array(), '1.0.0', 'all'); 
    wp_enqueue_style('theme' , get_template_directory_uri() . 'assets/css/theme.css', array(bootstrap),'1.0.0', 'all'); 
    wp_enqueue_style('style' , get_template_directory_uri() . 'style.css' , array(bootstrap),'1.0.0', 'all'); 

    wp_enqueue_scripts('wow', get_template_directory_uri() . 'assets/js/wow.mim/js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('bootstrap', get_template_directory_uri() . 'assets/js/bootstrap.min.js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('slick', get_template_directory_uri() . 'assets/js/slick.min.js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('jquery_li_scroller', get_template_directory_uri() . 'assets/js/jquery.li-scroller.1.0.js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('jquery_newsTicker', get_template_directory_uri() . 'assets/js/jquery.newsTicker.min.js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('jquery_fancybox_pack', get_template_directory_uri() . 'assets/js/jquery.fancybox.pack.js' , array('jquery'), '1.0.0', true); 
    wp_enqueue_scripts('custom', get_template_directory_uri() . 'assets/js/custom.js' , array('jquery'), '1.0.0', true); 


} 

add_action("wp_enqueue_scripts", 'wpt_theme_styles'); 


?> 

header.phpの

<!DOCTYPE html> 
<html> 
<head> 
<title>8to Mandamiento</title> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<?php wp_head(); ?> 

私はこの機能を使用したことがないので、非常に粗悪なものであるかもしれませんが、ヘッダーにスタイルシートが正しくリンクされていないことを読んでいます。しかし、私はこのシステムを試したときに私はすべてがクラッシュ(https://imgur.com/a/2phNv

誰も私は置くことができると思いますか?

+0

それは 'wpt_theme_styles'のためのアクションを追加したり、実行せずに動作しないを持つ人のために便利になりますか? –

+0

@FahadKazmi、それはありますが、私はアクションを実行していないのでJS/CSSをリンクしていないようです –

答えて

0

私は自分の質問に対する答えを見つけました。ここで私が探していたものがあります。

を開始するには、直接エンキュースタイルやスクリプトを使用しないでください。あなたはスタイルやスクリプトをエンキューする前に、それはそうのようなスタイル/スクリプトを登録するには、通常は良い考えです:

function octavomandamiento_styles() { 
     /* Stylesheets */  
    wp_register_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css'); 
      wp_enqueue_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css', array(''), null, all); 
... 
... /*Rest of the styles*/ 
...} 

add_action("wp_enqueue_scripts", 'octavomandamiento_styles'); 

完全を期すために、私は、スクリプトの例にすぎ

function octavomandamiento_scripts() { 
    /* Scripts */ 

    wp_register_script('wow', get_template_directory_uri().'/js/wow.min.js'); 
    wp_enqueue_script('wow', get_template_directory_uri() . '/js/wow.mim/js' , array('jquery'), null, true); 
... 
.../*rest of the function*/ 
...} 

add_action("wp_enqueue_scripts", 'octavomandamiento_scripts'); 

を表示したいそして、それぞれheader.phpfooter.phpで行われるべきである

<?php wp_head(); ?> 
/* and */ 
<?php wp_footer(); ?> 

:あなたが置かどこスクリプトが正しくロードされなければなりません。

第2次私は両方のエンキューを1つの関数で使用しようとしましたが、これはちょうど私のエラーをポップし続けました。私はそれを1つにすることは可能だと確信していますが、実際にはうまくいかない理由を理解するためには本当にできません。

最後には、私のエンキュースクリプトにsintaxisエラーがありました。

wp_register_script('wow', get_template_directory_uri().'/js/wow.min.js'); 
    wp_enqueue_script('wow', get_template_directory_uri() . '/js/wow.mim/js' , array('jquery'), null, true); 

と私はあなたがエラーをキャッチしました

wp_enqueue_scripts('wow', get_template_directory_uri() . 'assets/js/wow.mim/js' , array('jquery'), '1.0.0', true); 

を入れていた:あなたはあなたの関数を書いていると、スクリプトをエンキューして登録するときは、あなたが入力することになっている、参照してください?それを理解するまでにはしばらく時間がかかりました。エンキューおよび登録時にスクリプトを使用する必要がありますが、wp_enqueueアクションを呼び出すときは、スクリプトを複数使用する必要があります。それは後ろの光景では非常に論理的ですが、まあまあです。あなたは生きて学びます。

希望この記事はこのまたは任意の他のエンキュー問題

関連する問題