web-dev-qa-db-ja.com

CSSは保存されエンキューされましたが、ワードプレスはCSSテキストをロードせず、ファイルのみをロードします

だから私はCSSファイルがあります：
CSS File

また、私はそれをキューに入れました： Functions.php テーマをアクティブにして自分のページを表示しようとすると、CSSが表示されていない、Foundationが機能している、正規化が機能している何をしなければならないのかわかりません。（Inspect Elementのglobal.cssソースファイルは空ですが、Foundation＆normalizeはそうではありません。）

3番目のリンクを投稿することは許可されていませんが、Google Chromeの検査要素を表示する必要があるとは思わないでください。

本当に助けを高く評価するでしょう！

phpcss
2
Deeze

簡単に言うと、 wp_enqueue_style() で使用する引数はglobal.cssには正しくありません。 3番目のパラメータは依存関係を宣言するために使用され、あなたはそのパラメータを文字列'false'に設定しましたが、それは配列であるべきです。 CSSが他のCSSに依存していない場合は、空の配列を使用してください。

あなたの場合、global.cssはあなたがローダしている他のcss（ファンデーション、正規化など）に依存していると思うので、それらの依存関係を宣言するべきです。

4番目のパラメータも間違って使用しています。 4番目のパラメータはバージョンを指定するために使用されます。 'all'はバージョンではないようです。バージョンを宣言したくない場合はnullを使用しますが、ロードしているすべてのCSSファイルでバージョンを宣言することをお勧めします。たとえば、ブラウザのキャッシュを使用して基本CSSを更新した場合、そのCSSがすでにブラウザにキャッシュされているユーザにはupadeが送信されません。バージョンを宣言すると、URLは更新後に変更され、ユーザーは新しいCSSバージョンを入手します。

URLに欠けている/もあります（Pedroが彼の答えに書いています）。

wp_enqueue_style( 'venix_css', get_template_directory_uri() . '/css/global.css', array( 'normalize_css', 'foundation_css', 'googlefont_css' ), '1.0' );

また、WordPress 4.7以降、get_theme_file_uri()の代わりに get_template_directory_uri() を使用した方が良いでしょう。新しい機能はより柔軟で、子テーマが簡単に親テーマファイルを上書きすることを可能にします。

wp_enqueue_style( 'venix_css', get_theme_file_uri( 'css/global.css' ) , array( 'normalize_css', 'foundation_css', 'googlefont_css' ), '1.0' );
4
cybmeta

css/global.cssの前にスラッシュを忘れたようです。他は大丈夫です。

読むべき

get_template_directory_uri() . '/css/global.css'

それがうまくいくかどうか私に知らせて！

2
Pedro Coitinho