Devo davvero collegare il style.css del mio tema nei file dei temi


10

Quindi sto sviluppando un tema wordpress usando una serie di file LESS per il CSS. Questi vengono compilati usando codekit in un foglio di stile combinato e miniaturizzato che utilizzo per lo stile del tema.

Capisco che un tema wordpress deve avere uno style.css che includa le informazioni sul tema nei suoi commenti, ma è necessario collegare questo style.css nell'intestazione.php? Sicuramente posso solo avere le informazioni sul tema e nient'altro e lasciarlo intatto nella cartella del tema. Il foglio di stile che uso attualmente può essere chiamato styles.css o main.css o qualcosa del genere.

qualcuno può confermarlo o fornire ragioni per cui questa potrebbe essere una cattiva idea?


1
Dovresti lasciare le style.cssinformazioni con il tema alla radice della cartella del tema. Questo è tutto.
JMau,

Risposte:


14

Direi: non dovresti usare il style.cssper l'effettivo CSS di produzione.

Il motivo è semplice: minificazione. Non puoi minimizzare completamente il contenuto del file, perché WordPress deve leggerlo. Nei miei temi, utilizzo style.csssolo per le intestazioni e aggiungo un commento, spiegando dove trovare il vero CSS, quindi altri sviluppatori non devono cercare troppo a lungo.

Esempio:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
Questa è una bella idea
Ravinder Kumar,

Questo è quello che faccio anche io, funziona come un fascino.
Dalton,

Devi ancora accodare style.css sul front-end per consentire a WP di leggere la configurazione?
henrywright,

3
@henrywright No, non è mai stato necessario.
fuxia

2

Hai ragione, Harry, che non è necessario chiamare o caricare l'impostazione predefinita style.cssnel file di intestazione. Da quando utilizzo SCSS nei miei temi, ho riscontrato lo stesso problema, ma ho deciso di mantenere il collegamento style.cssper i seguenti motivi che possono o meno essere applicabili alla tua situazione:

  • I presupposti WP predefiniti style.cssesistono ed è in uso e non voglio contrastare tale presupposto rispetto ai plug-in. Non so se / quando questo sarebbe un problema e sarei interessato a sentire le esperienze e i consigli degli altri su questo punto.
  • Se il mio attuale foglio di stile in uso si trova in una cartella, impedisce agli utenti di modificare il CSS del sito. Mantenersi style.cssattivi e disponibili consente ai miei utenti di essere ancora in grado di apportare modifiche CSS dall'amministratore del WP.
  • Correlati, mentre lavorano sul sito di gestione temporanea con altri partner, se non usano anche SCSS, possono apportare modifiche style.csssenza influire sulla mia capacità di continuare a utilizzare i miei file SCSS.

Ancora una volta, questi punti potrebbero non essere applicabili alla tua situazione ma hanno informato la mia decisione di mantenere il style.csscollegamento predefinito , anche se per lo più è vuoto, tranne per le informazioni sul tema richieste.


1

Sì, WordPress utilizza il tema style.csscome documento "config".

Hai anche ragione, per quanto posso dire, che non devi caricare effettivamente style.csssul front-end per avere gli scopi di "configurazione".

Quello che stai facendo dovrebbe andare bene. Sono abbastanza sicuro di aver visto altri temi fare qualcosa di simile ma non posso giurarlo. L'unico problema che posso vedere sarebbe se alcuni plugin presumono erroneamente che style.csssia il (unico) foglio di stile nel tema.


1

Puoi anche aggiungere questo al tuo config.rb(se stai usando Compass) e CodeKit copierà automaticamente il tuo foglio di stile minimizzato style.cssnella radice del tema.

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

Lo uso con ogni tema di WordPress che sviluppo e funziona come un fascino.

Assicurati che il commento nel tuo style.scssfile inizi con il !dopo il commento di apertura, altrimenti verrà rimosso nella minificazione:

/*!
  Theme Name: Your Theme

Fonte: trucchi CSS


1
Quel trucco con l'aggiunta del punto esclamativo dopo l'inizio / * ha fatto il trucco per me. Significa che posso continuare a elaborare meno file -> css e mantenere comunque il formato che WordPress prevede di leggere i dettagli del tema. Il trucco più semplice che ho visto da molto tempo (un personaggio nel posto giusto!) :-)
Lars Koudal
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.