Title: Smart CSS Auto Loader
Author: Peter Raschendorfer
Published: <strong>ستمبر 28, 2015</strong>
Last modified: اپریل 17, 2024

---

پلگ انز تلاش کریں

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://ps.w.org/css-autoloader/assets/icon-256x256.png?rev=3071835)

# Smart CSS Auto Loader

 منجانب [Peter Raschendorfer](https://profiles.wordpress.org/petersplugins/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/css-autoloader.5.0.3.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/css-autoloader/#description)
 * [جائزے](https://ur.wordpress.org/plugins/css-autoloader/#reviews)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/css-autoloader/#developers)

 [معاونت](https://wordpress.org/support/plugin/css-autoloader/)

## تفصیل

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

### Retired Plugin

Development, maintenance and support of this plugin has been retired in october 
2023. You can use this plugin as long as is works for you.

There will be no more updates and I won’t answer any support questions. Thanks for
your understanding.

Feel free to fork this plugin.

### Usage

To load additional stylesheets just put them into a directory named **cssautoload**(
case-sensitive!). This directory can be placed in three different locations that
are loaded in the following order:

 * Theme independent : in the `wp-content` directory
 * Theme dependent : in the Theme’s directory
 * Child Theme dependent (if using a Child Theme) : in the Child Theme’s directory

Only files with extension .css are added, all other files are ignored. Also files
beginning with an underscore (_) are ignored.

### CSS for different media

CSS allows to have different styles for different target devices. Files placed directly
in the `cssautoload` directory are added with the media type ‘all’, suitable for
all devices. To use a different media type just create a subdirectory with the name
of the target media type (case-sensitive!). Te following CSS media types are supported
according to the official CSS standard:

 * `all` for all devices – you don’t need to create the `all` directory, you also
   can put the files directly into the cssautoload root directory
 * `braille` for braille tactile feedback devices
 * `embossed` for paged braille printers
 * `handheld` for handheld devices
 * `print` for printouts or print preview on screen
 * `projection` for projected presentations
 * `screen` for screens
 * `speech` for speech synthesizers
 * `tty` for media using a fixed-pitch character grid
 * `tv` for television-type devices

Other subdirectories in `cssautoload` directory are ignored. Also subdirectories
in the media subdirectories are not supported.

### Plugin Privacy Information

 * This plugin does not set cookies
 * This plugin does not collect or store any data
 * This plugin does not send any data to external servers

## جائزے

![](https://secure.gravatar.com/avatar/28a22973336ee0643c8a6fee66664c65ef82abe183421ca5f5fa5bb33ad22470?
s=60&d=retro&r=g)

### 󠀁[5 Stars](https://wordpress.org/support/topic/5-stars-512/)󠁿

 [phillipbenson](https://profiles.wordpress.org/phillipbenson/) اپریل 3, 2022 1 
reply

Spot on!

![](https://secure.gravatar.com/avatar/ef76facee263be93ae1106c1186ce0f69df3c1c93c55662fbdb477202546f3fd?
s=60&d=retro&r=g)

### 󠀁[This is a WP Plugin Staple!](https://wordpress.org/support/topic/this-is-a-wp-plugin-staple/)󠁿

 [Bubbles](https://profiles.wordpress.org/ciaobellaz/) نومبر 4, 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!

![](https://secure.gravatar.com/avatar/f3c9a230145cad7125115b3136c00f4fa284e9ce80363c9b4041f89f4b85f80d?
s=60&d=retro&r=g)

### 󠀁[Handsome Tool to display Indesign Tables on the web](https://wordpress.org/support/topic/handsome-tool-to-display-indesign-tables-on-the-web/)󠁿

 [tomreuter](https://profiles.wordpress.org/tomreuter/) جولائی 10, 2017

It does what it says – effortless. You can place it in your child theme’s directory
to hold your installation clean. Very good and quick tool to display tables on your
webSite coming from Indesign-HTML-Exports.

![](https://secure.gravatar.com/avatar/79419454c3ce0f8781bd7f9a027cbb9905f16fa1f5edfecebd3fba6b8a4703c5?
s=60&d=retro&r=g)

### 󠀁[Easy, effective and clean, I love it!](https://wordpress.org/support/topic/easy-effective-and-clean-i-love-it/)󠁿

 [nina_bee](https://profiles.wordpress.org/nina_bee/) فروری 23, 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

![](https://secure.gravatar.com/avatar/1f80923e07ee925f3b728867d58bdc1cbeb6e21eac87df0abb1e801278b939ad?
s=60&d=retro&r=g)

### 󠀁[simple and effective](https://wordpress.org/support/topic/simple-an-effective-2/)󠁿

 [JarekM](https://profiles.wordpress.org/jmilewski/) فروری 19, 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.

![](https://secure.gravatar.com/avatar/198e36fd9c79a3a69cc7611b1aeaba9c259ea494dfee2eaee37b40ae2b771cb9?
s=60&d=retro&r=g)

### 󠀁[Works](https://wordpress.org/support/topic/works-371/)󠁿

 [rado.at](https://profiles.wordpress.org/radoat/) اکتوبر 10, 2016

Does what it says without effort

 [ تمام 6 جائزے پڑھیں ](https://wordpress.org/support/plugin/css-autoloader/reviews/)

## شراکت دار اور ڈیویلپرز

“Smart CSS Auto Loader” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں
حصہ لیا:

شراکت دار

 *   [ Peter Raschendorfer ](https://profiles.wordpress.org/petersplugins/)

“Smart CSS Auto Loader” کا 5 زبانوں میں ترجمہ کیا گیا ہے۔ تعاون کے لیے [مترجمین](https://translate.wordpress.org/projects/wp-plugins/css-autoloader/contributors)
کا شکریہ۔

[“Smart CSS Auto Loader” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/css-autoloader)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/css-autoloader/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/css-autoloader/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/css-autoloader/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/css-autoloader/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 5.0.3 (2024-04-17) URGENT BUGFIX

 * Bugfix after Cleanup

#### 5.0.2 (2024-04-16) CLEANUP

 * Cleanup

#### 5.0.1 (2022-10-01) FINAL VERSION

 * removed all links to webiste
 * removed request for rating

#### 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)

 * Initial Release

## میٹا

 *  Version **5.0.3**
 *  Last updated **2 سال پہلے**
 *  Active installations **100+**
 *  WordPress version ** 4.0 یا اس سے جدید **
 *  Tested up to **6.3.8**
 *  PHP version ** 5.4 یا اس سے جدید **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/css-autoloader/)، [German](https://de.wordpress.org/plugins/css-autoloader/)،
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/css-autoloader/)، [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/css-autoloader/)،
   [Spanish (Spain)](https://es.wordpress.org/plugins/css-autoloader/)، اور [Spanish (Venezuela)](https://ve.wordpress.org/plugins/css-autoloader/).
 *  [اپنی زبان میں ترجمہ کریں](https://translate.wordpress.org/projects/wp-plugins/css-autoloader)
 * Tags
 * [css](https://ur.wordpress.org/plugins/tags/css/)[custom css](https://ur.wordpress.org/plugins/tags/custom-css/)
   [custom-styles](https://ur.wordpress.org/plugins/tags/custom-styles/)[style](https://ur.wordpress.org/plugins/tags/style/)
   [styling](https://ur.wordpress.org/plugins/tags/styling/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/css-autoloader/advanced/)

## درجہ بندیاں

 5 out of 5 stars.

 *  [  6 5-star reviews     ](https://wordpress.org/support/plugin/css-autoloader/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/css-autoloader/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/css-autoloader/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/css-autoloader/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/css-autoloader/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/css-autoloader/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/css-autoloader/reviews/)

## شراکت دار

 *   [ Peter Raschendorfer ](https://profiles.wordpress.org/petersplugins/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/css-autoloader/)