Come includere il file style.css nel file functions.php in WordPress

Question

Come includere il file style.css nel file functions.php in WordPress

19 ago 2016, 07:52:23

Visualizzazioni: 17.5K

Voti: 2

Sono nuovo su WordPress. Sto includendo il mio file usando

<link rel='stylesheet' href="<?php bloginfo("stylesheet_url")?>"/>

Ma se metto in coda il mio file css in functions.php non funziona. Perché? Dove sbaglio?

<?php wp_enqueue_style('style',get_template_directory_uri())?>

Qual è la soluzione per questo problema?

Mr.Pandya

135

wp enqueue style css

Tutte le risposte alla domanda

Commenti

La domanda dell'OP non menziona affatto jQuery. E NON dovresti semplicemente aggiungerlo in header.php, dovresti metterlo in coda come gli stili.

ngearing

19 ago 2016 08:46:50

get_stylesheet_directory_uri() funzionerà sia per il tema che per il child theme

bynicolas

19 ago 2016 08:46:52

@Nath So che non ha menzionato jQuery! E allora? Se voglio fornire informazioni aggiuntive che possano aiutare lui e anche i futuri visitatori.

Rishabh

19 ago 2016 08:52:03

Ok, devi spiegarlo meglio allora. E anche fornire informazioni corrette.

ngearing

19 ago 2016 08:53:22

@Nath Ho mostrato il modo corretto. Non capisco cosa ci sia di sbagliato nel mio codice! Questo è il modo in cui sono solito fare e funziona bene nel mio caso. Non so perché dici che non è corretto! Hai detto che non dovrebbe essere aggiunto in header.php! Se non lì, allora dove? Se hai un modo migliore, posta una risposta, mi piacerebbe conoscere anche io un metodo migliore.

Rishabh

19 ago 2016 10:16:34

Mostra i restanti 4 commenti

bynicolas 2.29K · Answer 1 · 2016-08-19T08:12:03Z

Stai chiamando la funzione in modo errato. Non hai specificato il nome del file, ma solo una directory.

Dal codex

wp_enqueue_style( string $handle, string $src = false, array $deps = array(), string|bool|null $ver = false, string $media = 'all' )

quindi nel tuo caso, dovresti accodare lo stile così:

add_action( 'wp_enqueue_scripts', 'wpse_my_style' );
function wpse_my_style(){
  wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . 'percorso/del/tuo/css' );
}

il resto dei parametri sono opzionali

bynicolas

2.29K

19 ago 2016 08:12:03

Rishabh 982 · Answer 2 · 2016-08-19T08:32:11Z

function wpdocs_style() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );  //Questo serve per ottenere style.css del tema corrente
wp_enqueue_style( 'style-name1', get_teplate_directory_uri() . '/css/custom.css', array('jquery') );   //Questo serve per ottenere altri file css dalla directory principale  
wp_enqueue_script( 'script-name1', get_teplate_directory_uri() . '/js/custom.js', array('jquery') );   //Questo serve per ottenere file JS dalla directory principale  
}
add_action( 'wp_enqueue_scripts', 'wpdocs_style' );
             OPPURE
//In alternativa puoi usare l'hook wp_head
add_action( 'wp_head', 'wpdocs_style' );

Per far funzionare la funzione sopra, devi aggiungere <?php wp_enqueue_script("jquery"); ?> (se usi questa azione add_action( 'wp_enqueue_scripts', 'wpdocs_style' );) nel file header.php prima del tag </head>.

Devi assegnare un nome a ogni stile (come ho fatto io con style-name, style-name1 ecc.) e il nome deve essere univoco. Se vuoi fare l'enqueue dal file functions.php del child theme, devi usare get_stylesheet_directory_uri() invece di get_teplate_directory_uri().