Views: 3

Managing custom tweaks for your WordPress site can be challenging — especially when switching themes or updating plugins. All your customizations risk being lost! To solve this, I created a simple, secure, and powerful plugin that lets you easily add your own custom CSS, JavaScript, and PHP code without touching your theme files.

In this article, I’ll introduce you to the Custom Site Tweaks Plugin, how it works, and why it’s a must-have for WordPress website owners, developers, and agencies.

Why You Need a Custom Code Plugin for WordPress

When you edit theme files directly or use a child theme just for minor tweaks, you’re taking unnecessary risks. Updates can overwrite your changes or introduce errors. A dedicated custom code plugin ensures:

• Theme updates won’t erase your tweaks.
• Safe and organized code management.
• Flexible — Works across theme or plugin changes.
• Capability control — Only admins can edit PHP.
• Syntax Highlighting — Powered by CodeMirror editors for a smooth experience.

Key Features

✅ Add Custom CSS – Style your website without touching the theme files.
✅ Add Custom JavaScript – Insert custom scripts easily for tracking, interactivity, and more.
✅ Add Custom PHP (Hooks/Filters) – Extend your site’s functionality safely with WordPress hooks and filters.
✅ CodeMirror Editor Integration – Professional code editing with syntax highlighting and line numbers.
✅ Secure Capability Checks – Only authorized users can edit PHP code.
✅ Fully Translation Ready – Built to support multiple languages.
✅ Optimized and Secure – Follows WordPress best practices for safety and performance.

---

Full Plugin Code

If you want the full working code, here it is:

 Click here to view/download the full plugin code

Below is the complete code of the plugin:

How to Use the Plugin

1. Copy the full PHP code from file named custom-site-tweaks.php into a new file named: custom-site-tweaks.php
2. Copy the full JS code from file named codemirror-init.js into a new file named: codemirror-init.js
3. Create a folder called custom-site-tweaks inside your /wp-content/plugins/ directory and place the both files there.
4. Go to Settings > Custom Tweaks.
5. Paste your custom CSS, JavaScript, and PHP code into the respective sections.
6. Save changes. Your custom code will now be automatically loaded on your site!

No more creating child themes for small changes. No risk of losing your tweaks when you update your theme or plugins!

Download the Plugin

👉 Download the Custom Site Tweaks Plugin files from Gist

Author: Junaid Hassan
License: GPL-2.0+
Compatibility: WordPress 5.5 and above.

Final Thoughts

If you want a clean, lightweight, and secure way to manage your custom code in WordPress, this plugin is for you. It’s developer-friendly, easy for non-technical users, and most importantly, keeps your site updates safe.

Have questions or suggestions? Feel free to comment below!

---

Happy Customizing! 🚀