viniciusbo

<p>Allow pages/categories to have different styles by adding a CSS Class (the Page Name or Category/Tag Slug) to the BODY.</p>
<p>The CSS class can be the following:</p>
<ul>
<li>Home Page: “home”</li>
<li>Search Page: “search”</li>
<li>Category Page: category slug</li>
<li>Single Post/Page: page/post slug</li>
<li>Posts listed by any date: “archive”
<ul>
<li>If posts are listed by year: “archive year”</li>
<li>If posts are listed by month: “archive month”</li>
<li>If posts are listed by day: “archive day”</li>
</ul>
</li>
<li>Posts listed by author: “author”</li>
<li>404 Error: “404”</li>
</ul>
<p>Please, feel free to contribute or give me any feedback!</p>


Page Style

Allow pages/categories to have different styles by adding a CSS Class (the Page Name or Category/Tag Slug) to the BODY

Peter Raschendorfer

<p>The Smart CSS Auto Loader Plugin allows you to load additional CSS files without the need to change the theme</p>
<h3>Retired Plugin</h3>
<p>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.</p>
<p>There will be no more updates and I won’t answer any support questions. Thanks for your understanding.</p>
<p>Feel free to fork this plugin.</p>
<h3>Usage</h3>
<p>To load additional stylesheets just put them into a directory named <strong>cssautoload</strong> (case-sensitive!). This directory can be placed in three different locations that are loaded in the following order:</p>
<ul>
<li>Theme independent : in the <code>wp-content</code> directory</li>
<li>Theme dependent : in the Theme’s directory</li>
<li>Child Theme dependent (if using a Child Theme) : in the Child Theme’s directory</li>
</ul>
<p>Only files with extension .css are added, all other files are ignored. Also files beginning with an underscore (_) are ignored.</p>
<h3>CSS for different media</h3>
<p>CSS allows to have different styles for different target devices. Files placed directly in the <code>cssautoload</code> 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:</p>
<ul>
<li><code>all</code> for all devices – you don’t need to create the <code>all</code> directory, you also can put the files directly into the cssautoload root directory</li>
<li><code>braille</code> for braille tactile feedback devices</li>
<li><code>embossed</code> for paged braille printers</li>
<li><code>handheld</code> for handheld devices</li>
<li><code>print</code> for printouts or print preview on screen</li>
<li><code>projection</code> for projected presentations</li>
<li><code>screen</code> for screens</li>
<li><code>speech</code> for speech synthesizers</li>
<li><code>tty</code> for media using a fixed-pitch character grid</li>
<li><code>tv</code> for television-type devices</li>
</ul>
<p>Other subdirectories in <code>cssautoload</code> directory are ignored. Also subdirectories in the media subdirectories are not supported.</p>
<h3>Plugin Privacy Information</h3>
<ul>
<li>This plugin does not set cookies</li>
<li>This plugin does not collect or store any data</li>
<li>This plugin does not send any data to external servers</li>
</ul>


Page Style vs Smart CSS Auto Loader