Muss ich tatsächlich die style.css meines Themas in den Themendateien verknüpfen?

10

Daher entwickle ich ein WordPress-Thema mit einer Reihe von WENIGER Dateien für das CSS. Diese werden mithilfe eines Codekits zu einem kombinierten und minimierten Stylesheet kompiliert, das ich für das Styling des Themas verwende.

Ich verstehe, dass ein WordPress-Thema eine style.css haben muss, die die Informationen über das Thema in seinen Kommentaren enthält, aber ist es erforderlich, diese style.css in der header.php zu verknüpfen? Sicherlich kann ich nur die Themeninformationen und nichts anderes darin haben und sie im Themenordner unberührt lassen. Das Stylesheet, das ich tatsächlich benutze, kann einfach styles.css oder main.css oder so heißen.

Kann jemand dies bestätigen oder Gründe angeben, warum dies eine schlechte Idee sein könnte?

Harryg
quelle
1
Sie sollten die style.cssInfos mit Thema im Stammverzeichnis Ihres Themenordners belassen. Das ist es.
JMau

Antworten:

14

Ich würde sagen: Sie sollten nicht die Verwendung style.cssfür die eigentliche Produktion CSS.

Der Grund ist einfach: Minimierung. Sie können den Inhalt der Datei nicht vollständig minimieren, da WordPress sie lesen muss. In meinen Themen verwende ich style.cssnur für die Überschriften und füge einen Kommentar hinzu, in dem erklärt wird, wo sich das echte CSS befindet, damit andere Entwickler nicht zu lange suchen müssen.

Beispiel:

/*
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.
*/
Fuxia
quelle
2
Das ist eine schöne Idee.
Ravinder Kumar
Das mache ich auch, wirkt wie ein Zauber.
Dalton
Müssen Sie style.css am Frontend noch in die Warteschlange stellen, damit WP die Konfiguration lesen kann?
Henrywright
3
@henrywright Nein, das war nie nötig.
Fuxia
2

Sie haben Recht, Harry, dass Sie den Standard style.cssin Ihrer Header-Datei nicht aufrufen oder laden müssen . Da ich SCSS in meinen Themen verwendet habe, bin ich auf dasselbe Problem gestoßen, habe mich jedoch style.cssaus folgenden Gründen entschlossen, den Link zu beizubehalten, die möglicherweise auf Ihre Situation zutreffen oder nicht:

  • Standard-WP-Annahmen sind style.cssvorhanden und werden verwendet, und ich möchte diese Annahme in Bezug auf Plugins nicht vereiteln. Ich weiß nicht, ob / wann dies ein Problem sein würde und wäre interessiert, die Erfahrungen und Ratschläge anderer zu diesem Punkt zu hören.
  • Wenn sich mein tatsächlich verwendetes Stylesheet in einem Ordner befindet, können Benutzer das CSS der Site nicht bearbeiten. Wenn Sie style.cssaktiv und verfügbar bleiben, können meine Benutzer weiterhin CSS-Änderungen vom WP-Administrator vornehmen.
  • Während sie mit anderen Partnern an der Staging-Site arbeiten und diese nicht auch SCSS verwenden, können sie Änderungen vornehmen, style.cssohne meine Fähigkeit zu beeinträchtigen, meine SCSS-Dateien weiterhin zu verwenden.

Auch diese Punkte sind möglicherweise nicht auf Ihre Situation anwendbar, haben mich jedoch über meine Entscheidung informiert, die Standardeinstellung style.cssbeizubehalten, auch wenn sie bis auf die erforderlichen Themeninformationen größtenteils leer ist.

Angelique
quelle
1

Ja, WordPress verwendet das Thema style.cssals "Konfigurations" -Dokument.

Sie haben auch Recht, soweit ich das beurteilen kann, dass Sie style.cssdas Front-End nicht tatsächlich laden müssen, damit es seinen "Konfigurations" -Zwecken dient.

Was Sie tun, sollte in Ordnung sein. Ich bin mir ziemlich sicher, dass ich andere Themen gesehen habe, die etwas Ähnliches tun, aber ich kann es nicht schwören. Das einzige Problem, das ich sehen kann, wäre, wenn ein Plugin fälschlicherweise annimmt, dass dies style.cssdas (einzige) Stylesheet im Thema ist.

s_ha_dum
quelle
1

Sie können dies auch zu Ihrem hinzufügen config.rb(wenn Sie Compass verwenden), und CodeKit kopiert Ihr minimiertes Stylesheet automatisch style.cssin das Themenstammverzeichnis.

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

Ich benutze dies mit jedem WordPress-Theme, das ich entwickle, und es funktioniert wie ein Zauber.

Stellen Sie sicher, dass der Kommentar in Ihrer style.scssDatei mit dem !Kommentar nach dem Öffnen beginnt. Andernfalls wird er in der Minimierung entfernt:

/*!
  Theme Name: Your Theme

Quelle: CSS-Tricks

jjeaton
quelle
1
Dieser Trick mit dem Hinzufügen eines Ausrufezeichens nach dem Beginn von / * hat den Trick für mich getan. Das heißt, ich kann weiterhin weniger Dateien verarbeiten -> CSS und trotzdem das Format beibehalten, das WordPress zum Lesen der Themendetails erwartet. Der einfachste Trick, den ich seit langer Zeit gesehen habe (ein Charakter am richtigen Ort!) :-)
Lars Koudal