Carlo Roosen

Elena Mukhina

<p>Want to have css styling rules for individual pages or posts?</p>
<p>This plugin adds a unique class to the body tag of the html. The added class is formatted as “[post_type]-[post_name]”. For a page with slug (= post_name) “about” it will be “page-about”, and for a post named “today” it will be “post-today”. Currently no slug will be added for archive and category pages. Please let us know if you need this and we will add it.</p>
<h4>example</h4>
<p>Say you want to have a red title on your contact page. With this plugin all you need to do is add this line to your css:</p>
<p>body.page-contact h1 {<br />
    color : red;<br />
}</p>
<h4>Acknowledgements</h4>
<p>Thanks to Damiaan van Vliet for this plugin idea http://www.albuswebdesign.nl/.</p>


Slug as body class

Add a unique class to the body tag for easy styling of individual pages

Freemius

mahethekiller

<p><strong>Header Footer Script Adder</strong> is a powerful and user-friendly WordPress plugin that lets you easily insert <strong>custom HTML, CSS, and JavaScript</strong> into your site’s header, body, or footer.</p>
<p>You don’t need to edit theme files or worry about losing your code after updates. This plugin keeps your scripts safe, reusable, and flexible with <strong>conditional loading and per-page overrides</strong>.</p>
<h3>✨ Features</h3>
<ul>
<li>Add scripts to <strong>Header (<code><head></code>), Body (after <code><body></code>), or Footer (before <code></body></code>)</strong></li>
<li><strong>Conditional Loading</strong> – load scripts sitewide, homepage only, posts/pages, or archives</li>
<li><strong>Per-Page Overrides</strong> – add unique code for specific posts and pages</li>
<li><strong>Code Editor with Syntax Highlighting</strong> (CodeMirror)</li>
<li><strong>Safe Input Handling</strong> – sanitization without breaking valid HTML, CSS, or JS</li>
<li><strong>Lightweight and Fast</strong> – minimal database queries</li>
<li><strong>Block Editor & Classic Editor Compatible</strong></li>
<li><strong>Multisite Ready & Translation Ready</strong></li>
</ul>
<h3>✅ Perfect For</h3>
<ul>
<li>Google Analytics / GA4 tracking code</li>
<li>Google Tag Manager</li>
<li>Facebook Pixel and ad tracking</li>
<li>Chat widgets (WhatsApp, Crisp, Tawk.to, etc.)</li>
<li>Custom CSS and JavaScript</li>
<li>SEO and verification meta tags (Google, Bing, Pinterest)</li>
<li>A/B testing scripts</li>
<li>External fonts and resources</li>
</ul>
<h3>⚙️ Conditional Loading Options</h3>
<ul>
<li><strong>Sitewide</strong> (all pages)</li>
<li><strong>Homepage only</strong></li>
<li><strong>Posts & Pages only</strong></li>
<li><strong>Archive pages</strong></li>
</ul>
<h3>🔒 Security & Performance</h3>
<ul>
<li>Sanitized input to prevent malicious injections</li>
<li>Nonce verification for safe form submissions</li>
<li>Admin-only access for configuration</li>
<li>Clean uninstall process (no leftover data)</li>
<li>Minimal performance impact</li>
</ul>
<h3>👨‍💻 Developer Friendly</h3>
<ul>
<li>Extensible, documented code</li>
<li>WordPress coding standards compliant</li>
<li>Translation-ready <code>.pot</code> file included</li>
<li>Works with any theme</li>
</ul>
<h3>Donations</h3>
<p>If you enjoy this plugin and want to support development, you can buy me a coffee:<br />
👉 <a href="https://www.buymeacoffee.com/mahethekiller" rel="nofollow ugc">https://www.buymeacoffee.com/mahethekiller</a></p>
<h3>Support & Documentation</h3>
<p>For support, feature requests, or documentation, please visit the <strong>support forum</strong> on WordPress.org.</p>
<h3>Privacy Policy</h3>
<p>This plugin does not collect or share personal data. It only loads the scripts you provide.<br />
Any data collection depends on the external scripts you choose to add (e.g., Google Analytics, Facebook Pixel, chat widgets).</p>


Header Footer Script Adder – Insert Code in Header, Body & Footer

Easily add custom scripts and code to your WordPress site’s header, body, or footer. Perfect for Google Analytics, Tag Manager, pixels, meta tags, cus …

Slug as body class vs Header Footer Script Adder – Insert Code in Header, Body & Footer