web-dev-qa-db-ja.com

functions.php WebサイトにCSSを追加していませんか?

質問を投稿する前にフォーラムを見て解決策を見つけましたが、まだ見つけていません。私はワードプレスに慣れていないと私は自分のウェブサイトを構築する方法について学ぶことをたくさん楽しんでいます。しかし、私は自分のウェブサイトに私のCSSを追加することができません。

functions.php

<?php 
function fearnothing_script_enqueue(){
    wp_enqueue_style("style",  get_stylesheet_uri()."css/
        fearnothing.css",false, 'all');


}

add_action('wp_enqueue_scripts', 'fearnothing_script_enqueue');

header.php

<!DOCTYPE html>
<html>
<head>
    <title>lonely spaceship</title>
    <?php wp_head(); ?>
</head>
<body>

footer.php

        <footer>
        <p></p>
    </footer>
    <?php wp_footer(); ?>
</body>

fearnothing.css

 html, body {
    margin: 0;
    color: #91f213;
    background-color:black;
    font: sans-serif;
}

body{
    padding: 20px;
}

h1{
    color: yellow;
}
2
peter-cs

あなたがあなたのテーマやプラグインにcssファイルを追加しようとしているのかどうか私は知りません。両方の例を紹介します。テーマディレクトリにスタイルシートをエンキューするには、 wp_enqueue_styleget_theme_file_uri と組み合わせて使用​​します。

テーマについては、例を参照してください

function add_styles() {
    wp_enqueue_style( 'fontawesome-style', get_theme_file_uri( '/assets/css/all.css' ), array(), null );
}
add_action( 'wp_enqueue_scripts', 'add_styles' );


プラグインについては、例を参照してください

function add_styles() {
    wp_enqueue_style( 'example-styles-plugin', plugins_url('/assets/css/admin.css', __FILE__), array(), null );
}
add_action( 'wp_enqueue_scripts', 'add_styles' );


両方の場合、外部URLを追加します。

function add_styles() {
    // Add Google Fonts
    wp_enqueue_style('google_fonts', 'https://fonts.googleapis.com/css?family=Poppins:300,500,700', array(), null );
}
add_action( 'wp_enqueue_scripts', 'add_styles' );
3
Remzi Cavdar

私はあなたがあなた自身のウェブサイトを学び、構築することを楽しんでいることを知ってうれしいです。

これが対処方法です。get_stylesheet_uri()関数は現在のテーマスタイルシートを返します。現在のテーマディレクトリからstyle.cssファイルが追加されます。

解決策:CSSやJSなどのアセットファイルをテーマにエンキューしたい場合は、get_stylesheet_uri()の代わりにget_template_directory_uri()関数を使用する必要があります。

あなたのコードは次のようになります。

function fearnothing_script_enqueue(){
    wp_enqueue_style("style",  get_template_directory_uri()."/assets-file/css/fearnothing.css",false, 'all');


}

add_action('wp_enqueue_scripts', 'fearnothing_script_enqueue');

get_template_directory_uri()関数テーマディレクトリのURIを取得します。詳しくは、コーデックスのドキュメントをご覧ください こちら

1
Mahfuz