Quanto è importante accodare il foglio di stile di un tema?

19

Ho esplorato la rete in cerca di una risposta a questo, ma per qualche motivo tutto ciò che posso trovare sono esempi reali, ma senza quella particolare spiegazione, che è chiaro dire nel caso degli script. Qualcuno può spiegarmi perché è importante / vantaggioso accodare gli stili quando si sviluppa un tema, piuttosto che usare solo <link rel=stylesheet>in header.php.

Inoltre, che dire del foglio di stile predefinito del tema, dovrebbe essere accodato anche tu?

theme-development css wp-enqueue-style

— byronyasgur
fonte

è incoraggiato dai requisiti di revisione del tema. codex.wordpress.org/… anche se facoltativamente puoi semplicemente collegare rel = il foglio di stile principale nell'intestazione

— helgatheviking

1

Il foglio di stile predefinito (ovvero: style.css nella radice della directory del tema) viene caricato automaticamente, quindi non è necessario accodarlo. Se tutto il tuo CSS per il tuo tema è contenuto in quel foglio di stile (o se usi le regole di 'importazione' in quel foglio di stile per caricare CSS), non è richiesto nessun ulteriore accodamento. Tuttavia, per una maggiore flessibilità all'interno dei temi figlio, può essere vantaggioso accodare condizionalmente CSS aggiuntivi che possono essere omessi da qualsiasi tema figlio, come illustra @kaiser.

— Tom Auger,

17

È importante accodare il foglio di stile perché consentirà ai temi figlio la flessibilità di rimuoverlo, oltre a consentirgli di essere elencato per le dipendenze e una moltitudine di altre cose. In genere consente una maggiore flessibilità, sia per te che per tutti gli altri sviluppatori che interagiscono con il tuo codice.

È anche importante notare che l'utilizzo del foglio di stile predefinito nel tema non è un requisito. Il foglio di stile deve essere PRESENTE, ma se lo usi solo per nominare il tuo tema, impostare la versione, ecc., Wordpress va COMPLETAMENTE bene, così come le persone che approvano i temi per il repository principale.

— mor7ifer
fonte

17

Come aggiunta all'altra risposta di @ m0r7if3r:

Puoi utilizzare current_theme_supports()per caricare il foglio di stile dei temi principali solo se è supportato il tema.

function add_supported_stylesheets()
{
    if ( current_theme_supports( 'parent-stylesheet' ) )
        wp_enqueue_style( 'main', get_stylesheet_directory_uri().'/style.css', array(), filemtime( get_stylesheet_directory().'/style.css' );
}

// In your parent themes bootstrap in the functions.php file
// Add the theme support:
add_theme_support( 'parent-stylesheet' );
// Then add the stylesheet:
add_action( 'after_setup_theme', 'add_supported_stylesheets', 20 );

^{Si noti che questa funzione si aggiunge filemtimealla versione-nr. per impedire la memorizzazione nella cache del browser se il contenuto dei file è stato modificato.}

Ciò consentirà agli utenti di disabilitare il foglio di stile nel bootstrap dei temi figlio con una semplice chiamata fn:

remove_theme_support( 'parent-stylesheet' );
// ...or...
add_theme_support( 'parent-stylesheet' );

— Kaiser
fonte

3

Un altro motivo per accodarsi è che consente ai plugin di fare cose con gli stili. Ad esempio, Better WordPress Minify automaticamente e concatenerà i file CSS e WP-LESS compilerà i file LESS e li memorizzerà al volo. Entrambi lo fanno agganciandosi alla coda degli stili ed elaborando i file allineati lì.

Potrebbero esserci motivi specifici per cui è necessario escludere determinati stili da cose come questa, ma generalmente è bene rendere i propri stili disponibili per funzionalità così utili.

— Steve Taylor
fonte