2016-11-24 16 views
0

wp_enqueue_style()機能を動作させるために、ウェブを左と中央で解決する方法を探していますが、それを得ることはできません。スタイルはWordPressのプラグインでは機能しません| wp_enqueue_styles()

コードスニペット

//Add some styles to the script 
function sreub_enqueue_styles() { 

    //Use it! 
    wp_enqueue_style ('sreubmainstyle', plugin_dir_url(__FILE__) . 'sreubmainstyle.css'); 
} 

add_action('wp_enqueue_scripts', 'sreub_enqueue_styles'); 

私はwp_enqueue_style機能で私が使用していますパスをエコーし​​て、それは正しいですが、私はCSSファイルに入れたときにスタイルが適用されない理由はわかりません?

+0

私はあなたを信用していません:)しかし、あなたのCSSは問題ないと確信していますか? –

答えて

0

テーマを切り替えてみてください。プラグインを無効にして再度アクティブにします。それは動作するはずです。このコードは私の仕事です。

function sreub_enqueue_styles() { 
     wp_enqueue_style('sreubmainstyle', plugin_dir_url(__FILE__). 'sreubmainstyle.css'); 
    } 
    add_action('wp_enqueue_scripts', 'sreub_enqueue_styles'); 
0

のは、根本的な原因がどこにあるかを決定するために最初にチェックのカップルをやってみましょう:

パスを確認

はのは、エンキュー命令に指定されたパスを確認してみましょう。あなたが持っているパスは、CSSファイルがエンキューコールバックを持つPHPファイルと同じフォルダ(サブフォルダではない)にあると言います。

これが該当しますか?

CSSファイルとPHPファイルの関係を確認してください。それがサブフォルダまたは他の場所にある場合は、パス設定を変更する必要があります。

たとえば、CSSファイルがwp-content/your-plugin/assets/css/sreubmainstyle.cssにあるとしますが、エンキューするPHPファイルがwp-content/your-plugin/load-assets.phpにある場合、CSSファイルへのURLパスは完全パスを含めることによって絶対的に必要になります。

ただちにチェックしてください。パスが正しい場合は、次のチェックに進みます。

ロード

テーマの負荷をプラグインした後、テーマのCSSの前に。 WordPressは最初にプラグインを読み込み、次にテーマを読み込みます。あなたのコードは優先度10のコールバックをあらかじめ登録しています。テーマはデフォルトの10を使用しています。つまり、プラグインのCSSはを最初ににロードし、<head>にロードします。

<head>を確認して、テーマとの関係でスタイルシートがどこにロードされているかを確認してください。 FirefoxまたはChrome Dev Toolsを使用してHTMLマークアップを調べます。

  1. あなたがHTMLマークアップに意味(それはDOMにロードされていない見つけた場合は、その後、我々は戻ってエンキュー問題にしている。そうならば、次のチェックに進みます。そうでない

  2. 、私はそれはありますが、テーマの「style.css`ファイル前に疑いがある。そうならば、このセクションを読み続ける。

あなたは、あなたのスタイルがあなたのテーマをオーバーライドし、より高を取ることを確認するために、テーマの後に来てほしいですこの場合、あなたは優先順位をデフォルトの10よりも大きな値に変更したいそれは後に発火する意味、50組の優先順位が高い

add_action('wp_enqueue_scripts', 'sreub_enqueue_styles', 50);

:これを行うにしてください。 CSSは、DOM FirefoxやChromeを使用してHTMLマークアップで見ると

ではないが、あなたはそれもロードされなかったことを発見し

おっと、。そこにはありません。さて、あなたはその道が正しいことを知っています。次に、エンキューしているファイルをロードしましたか? WordPressがイベントをエンキューする前にロードしましたか?

ファイルの読み込みをチェックします。

関連する問題