Herunterladen

Smart CSS Auto Loader

Von Peter Raschendorfer

Beschreibung

The Smart CSS Auto Loader Plugin (formerly CSS AutoLoader) allows you to load additional CSS files without the need to change the theme

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 some of my precious free time developing and maintaining 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

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

This is a WP Plugin Staple!

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!

Easy, effective and clean, I love it!

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

simple and effective

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.

Works

10. Oktober 2016
Does what it says without effort
Alle 6 Rezensionen lesen

Mitwirkende & Entwickler

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

Mitwirkende

„Smart CSS Auto Loader“ wurde in 5 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Smart CSS Auto Loader“ in deine Sprache.

Interessiert an der Entwicklung?

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

Änderungsprotokoll

5.0.0 (2022-08-08)

  • rewritten using my Plugin Foundation PPF08
  • renamed from CSS AutoLoader to Smart CSS Auto Loader
  • no functional changes

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

Meta

Bewertungen

Alle anzeigen
Melde dich an, um eine Rezension einzureichen.

Support

Möchtest du etwas sagen? Brauchst du Unterstützung?

Supportforum anzeigen