web-dev-qa-db-fra.com

functions.php ne pas ajouter de CSS au site Web?

Je suis donc passé par le forum pour trouver une solution avant de poser une question, mais je ne l’ai pas encore trouvée. Je suis nouveau sur Wordpress et je m'amuse beaucoup à apprendre à créer mon propre site Web. Cependant, je ne peux pas ajouter mon css à mon site web avec le code ci-dessous.

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;
}
phpcss
2
peter-cs

Je ne sais pas si vous essayez d'ajouter un fichier CSS à votre thème ou à votre plugin. Je vais fournir les deux exemples. Utilisez wp_enqueue_style en combinaison avec get_theme_file_uri pour mettre une feuille de style dans votre répertoire de thèmes.

Pour un thème, voir exemple 

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' );


Pour un plugin, voir exemple 

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' );


Pour les deux, ajoutez une URL externe: 

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

Je suis heureux de savoir que vous avez du plaisir à apprendre et à créer vos propres sites Web.

Voici le deal: La fonction get_stylesheet_uri() renvoie la feuille de style actuelle. Il ajoute le fichier style.css de votre répertoire de thèmes actuel.

La solution: si vous souhaitez mettre en file d'attente n'importe quel type de fichier d'actif tel que CSS ou JS sur votre thème, vous devez utiliser les fonctions get_template_directory_uri () au lieu de get_stylesheet_uri ().

Votre code devrait être comme ça:

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() function Récupère l'URI du répertoire de thèmes. Pour plus d'informations, vous pouvez consulter la documentation du codex ici

1
Mahfuz