functions.php ¿no agrega css al sitio web?

2

Así que pasé por el foro para encontrar una solución antes de publicar una pregunta, sin embargo, todavía tengo que encontrarla. Soy nuevo en WordPress y me divierto mucho aprendiendo cómo construir mi propio sitio web. Sin embargo, no puedo agregar mi css a mi sitio web, este es el código que tengo debajo.

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;
}
    
pregunta peter-cs 21.11.2018 - 09:33

2 respuestas

3

No sé si intenta agregar un archivo css en su tema o complemento. Proporcionaré ambos ejemplos. Utilice wp_enqueue_style en combinación con get_theme_file_uri para poner una hoja de estilo en tu directorio de temas.

Para un tema, vea el ejemplo

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


Para un complemento, vea el ejemplo

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


Para ambos, agregue una URL externa:

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' );
    
respondido por el Remzi Cavdar 21.11.2018 - 09:59
1

Me alegra saber que te estás divirtiendo aprendiendo y construyendo tus propios sitios web.

Aquí está el trato: La función get_stylesheet_uri() devuelve la hoja de estilo del tema actual. Agrega el archivo style.css desde su directorio de tema actual.

La solución: Si desea poner en cola cualquier tipo de archivo de activos como CSS o JS en su tema, debe usar las funciones get_template_directory_uri () en lugar de get_stylesheet_uri ().

Tu código debería ser así:

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');
Función

get_template_directory_uri() Recuperar URI de directorio de tema. Para obtener más información, puede consultar la documentación del códice aquí

    
respondido por el Mahfuz 21.11.2018 - 10:04

Lea otras preguntas en las etiquetas