Stylesheets hinzufügen

Dieser Artikel erklärt Ihnen, wie Sie mit Hilfe der .info Datei eines Themes ein Stylesheet einbinden können. Um ein Stylesheet mittels Programmierung einzubinden, lesen Sie die API-Funktionen [englischer Artikel] Seite. Das Stylen, ausschließlich mit CSS, ist mit den hier bereitgestellten Informationen möglich.

Bemerkungen:

* Wenn Sie mit Stylesheets arbeiten, stellen Sie vorher sicher, dass die CSS-Optimierung deaktiviert wurde. Diese finden Sie in "Verwalten > Einstellungen > Performance". Wenn sie aktiviert ist, werden jegliche Änderungen nicht auf der Seite angezeigt, bis die aggregierten Styles gelöscht wurden. Sie können die Optimierung wieder aktivieren, wenn Sie fertig sind.

* Die .info Datei wird gecached. Das Hinzufügen oder Entfernen eines Styles wird sich nicht auswirken, bis der Cache geleert wurde (nicht mit der Theme-Registy [englischer Artikel] zu verwechseln). Um ihn zu leeren, führen Sie einen der folgenden Schritte durch:

1. Verwenden Sie den Clear-Button in "Verwalten > Einstellungen > Performance"
2. Verwenden Sie den Link "Empty Cache" bei aktiviertem Devel Block (Teil des devel-Moduls)
3. Besuchen Sie einfach die Theme-Auswahlseite "Verwalten > Strukturierung > Themes"

Stylesheets hinzufügen:

Standardmäßig wird die Datei "style.css" für Ihr Theme werwendet, wenn noch keine anderen Styles in der .info Datei definiert wurden. Das Hinzufügen anderer Styles ist genauso einfach, wie das definieren eines neuen 'Stylesheet'-Schlüssels zusammen mit seiner Medienzugehörigkeit und dem Namen des Stylesheets. Vergessen Sie nicht, dass das defiieren eines benutzerdefinieren Styles die standardmäßige "style.css" vom Laden hindert. Denken Sie also immer daran, die Standarddatei zu definieren, wenn Ihr Theme diese verwendet.

Einige Anmerkungen:

• Beachten Sie die leeren eckigen Klammern zwischen dem [media] und = styleName.css.
• Die Reihenfolge, in der die Styles im Kopfbereich der Seite aufgelistet werden, spiegelt die Reihenfolge, wie sie hier definiert werden, wieder.
• Die Stylesheets können auch in Unterverzeichnissen platziert werden, z.B. stylesheets[all][] = stylesheets/styleName.css. Das ist hilfreich, um Ihre Stylesheets gut zu organisieren.