CSS AutoLoader

Beschreibung

Das CSS AutoLoader Plugin ermöglicht das Laden zusätzlicher CSS Dateien ohne dass dazu das Theme geändert werden muss

Verwendung

Um zusätzliche Styleshhets zu laden kopiere die CSS Dateien in das Verzeichnis cssautoload (nur Kleinbuchstaben verwenden!). Dieses Verzeichnis kann dreimal an verschiedenen Stellen angelegt werden, die in folgender Reihenfolge geladen werden:

  • Theme unabhängig : im wp-content Verzeichnis
  • Theme abhängig : im Theme Verzeichnis
  • Child Theme abhängig (sofern ein Child Theme benutzt wird) : im Child Theme Verzeichnis

Es werden nur Dateien mit der Endung .css hinzugefügt, alle anderen Dateien werden ignoriert. Ebenso werden CSS Dateien ignoriert, die mit einem Unterstrich (_) beginnen.

CSS für unterschiedliche Medien

Mit CSS ist es möglich, unterschiedliche Designs für verschiedene Zielgeräte zu erstellen. Dateien, die direkt im cssautoload Verzeichnis liegen, werden mit dem Medientyp ‚all‘ zugeordnet, der für alle Geräte angewendet wird. Um verschiedene Medientypen zu unterstützen, mus nur ein Unterverzeichnis mit dem Namen des Zielmediums (Groß-/Kleinschreibung beachten!) angelegt werden. In Übereinstimmung mit dem offiziellen CSS Standard werden folgende CSS Medientypen unterstützt:

  • all für alle Geräte – es ist nicht nötig, das Verzeichnis all anzulegen, die Dateien können auch einfach direkt in das cssautoload Verzeichnis gestellt werden
  • braille für Brailledisplays
  • embossed für Braille-Drucker
  • handheld für Geräte mit kleinem Bildschirm
  • print für Ausdrucke sowie für die Druckvorschau am Bildschirm
  • projection für Projektoren
  • screen für alle Bildschirme
  • speech für Sprachausgabegeräte
  • tty für Geräte mit fixer Schriftbreite
  • tv für Fernseher

Andere Unterverzeichnisse im cssautoload Verzeichnis werden ignoriert. Ebenso werden keine Unterverzeichnisse in den media Verzeichnissen unterstützt.

Support

Support Forum

Do you like this plugin?

I spend a lot of my precious spare time to develop and maintain my free WordPress plugins. You don’t need to make a donation. No money, no beer, no coffee. If you like this plugin then please do me a favor and give it a good rating. Thanks.

Plugin Datenschutzinformationen

  • Dieses Plugin setzt keine Cookies
  • Dieses Plugin sammelt und speichert keine Daten
  • Dieses Plugin sendet keine Daten an externe Server

Peters‘ Plugins Privacy Information Page (englisch)

ClassicPress

This plugin is compatible with ClassicPress.

Mehr Plugins von Peter

Bleibe auf dem Laufenden

Folge mir auf Facebook

Screenshots

  • Im WordPress Dashboard werden unter 'Design' -> 'CSS AutoLoader' die möglichen Pfade anzeigt, in denen Du die CSS Dateien erstellen kannst, sowie alle aktuell geladenen Dateien

FAQ

Bisher keine

Rezensionen

4. November 2017
We actually avoid using plugins as much as possible, so there are only a handful of plugins we install on every site. This is one of them - easy and flawless! Thank you!
23. Februar 2017
Keep your HTML code clean with this plugin!!! Most plugin/theme with css customisation I tested add css code directly in your html code, which is a bad code / seo practice. The other option so far was to modify the theme css. However, this practice would lead in issues when updating theme in new versions. CSS Autoloader allows developers to add external css file(s) WITHOUT modifying the selected theme. 2 steps configuration : 1. Create a folder "cssautoload" in your theme folder. 2. Save your css file in the cssautoload folder And that's it!!!! Result : it adds a tag in the head structure, such as : <link rel='stylesheet' id='cssautoloader-a0681b9a98d7141bfe2716ded5c96bd9-css' href='http://www.[mysite]/wp-content/themes/sage/cssautoload/[mystylesheet.css]?ver=1487868463' type='text/css' media='all' /> Bottomline, this plugin is efficient and simple, I love it!!!! New feature suggestions : have a folder structure to load specific css files per post types and categories
19. Februar 2017
Although my theme features an "extra CSS" functionality, I prefer the AutoLoader because it loads a common CSS file instead of pasting the custom CSS into every page. Not to speak that I am able to distinguish between general-purpose and theme-dependent styles. Good job.
10. Oktober 2016
Does what it says without effort
Lies alle 5 Rezensionen

Mitwirkende & Entwickler

„CSS AutoLoader“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„CSS AutoLoader“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „CSS AutoLoader“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

4 (2019-03-08)

  • moved from Tools to Appearance menu because rightly it belongs there
  • UI improvements
  • code improvement

3 (2018-05-25)

  • minor code- & UI-improvements

2.3 (2017-11-16)

  • faulty display in WP 4.9 fixed

2.2 (2017-10-11)

  • bug fix: short open tag patched

2.1 (2017-07-10)

  • add trailing slash to all paths

2.0 (2017-06-14)

  • redesigned admin interface
  • code improvement

1.2 (2016-10-09)

  • switched translations to GlotPress
  • code redesign
  • no functional changes

1.1 (2015-12-15)

  • Added Language Pack Support for translations

1.0 (2015-09-28)

  • Erste Veröffentlichung