<p><a href="http://pjdietz.com/wordpress-plugins/custom-css-js/" rel="nofollow ugc">Custom CSS and JS</a> allows you to add stylesheets and JavaScripts to any individual post by adding custom fields. Both CSS and scripts can be either internal or external. Since this is a plugin, the custom CSS and JavaScript are available to any theme used to display the post, as long as the themes call “wp_head”.</p>
<h3>Using the Plugin</h3>
<p>To use the plugin, add any combination of the following custom fields to your post.</p>
<p><strong>custom_css</strong><br />
Add an external stylesheet by adding a custom field with the name <strong>custom_css</strong>. The value of the field should be the path to your css file.</p>
<p><strong>cusrom_css_code</strong><br />
Add an internal stylesheet by adding a custom field with the name <strong>custom_css_code</strong>. Include your CSS code as the value. (Do not include the style tags.)</p>
<p><strong>custom_js</strong><br />
Add an external JavaScript by adding a custom field with the name <strong>custom_js</strong>. The value of the field should be the path to your script.</p>
<p><strong>custom_js_code</strong><br />
Add an internal JavaScript by adding a custom field with the name <strong>custom_js_code</strong>. Include your JavaScript code as the value. (Do not include the script tags.)</p>
<h3>Custom Fields Order</h3>
<ol>
<li>The external styles and scripts are included before the internal ones.</li>
<li>If you include multiple entries for a given field, the entries will be included in order.</li>
</ol>
<h3>Okay, but what if I don’t like those tags?</h3>
<p>Just edit custom-css-js.php and change the constants defined near the top of the file.</p>
<h3>Note</h3>
<p>This plugin only works with individual posts and pages. It does not work for list pages (e.g., the index page, search results).</p>


Custom CSS and JS

Custom CSS and JavaScript allows you to add custom internal and external CSS and JavaScripts to individual posts.

Vikas Sharma

<p>Sometimes you want to put the base URL (that of the blog, or that of the active template) in your content editor. Times when the template customising isn’t quite flexible enough.<br />
With this plugin you can use [home_url] to output the base URL of the blog (as set in your Settings). Or, you can use [theme_url_template] to output the URL of the active template. And You can use the [UPLOAD_URL] to output the URL of the upload folder.</p>
<p>For example <code><img src="[UPLOAD_URL]/2022/02/test.png /></code> in your editor might output <code><img src="http://localhost/wp-demo/wp-content/uploads/2022/02/test.png" /></code> (if http://localhost/wp-demo is what you have configured as your blog URL in Settings).</p>
<p>The supported short codes are as follows:<br />
* [home_url] – the configured blog URL (set in Settings). E.g. http://localhost/wp-demo<br />
* [theme_url_template] – the URL of the active template. E.g. http://localhost/wp-demo/wp-content/themes/mytheme<br />
* [UPLOAD_URL] – the URL of the upload folder. E.g. http://localhost/wp-demo/wp-content/uploads</p>
<h3>License</h3>
<p>This plugin uses the GPLv3 license.</p>


Basic URL ShortCodes

BASIC URL ShortCodes plugin support for a basic short codes to use in your post/page editor that produce correct absolute URLs.

Custom CSS and JS vs Basic URL ShortCodes