XeroWP
WP Add Custom CSS and JS

WP Add Custom CSS and JS

5/5 (1 ratings) 10 active installs Updated Jun 4, 2026
add stylecustom csscustom javascriptcustom jscustomize theme
Download v2.0.1 Plugin Website
Manage all your custom CSS and JS snippets from one table.

Manage all your custom CSS and JS snippets from one table.

WP Add Custom CSS and JS lets you add custom CSS and custom JavaScript to your WordPress website directly from the admin panel — without editing your theme, child theme, or plugin files. Write your code in a professional editor with syntax highlighting and autocomplete, and it is applied to your site instantly.

Add as many separate snippets as you want, manage them all from one screen, and decide exactly how and where each one loads. Every snippet can be automatically minified (compressed) so your custom code never slows your site down.

This plugin is developed and maintained by d3logics. Browse all of our free WordPress plugins at d3logics.com/plugins.

New to this? Read our full step-by-step guide: How to Add Custom CSS and JavaScript in WordPress.

Why use this plugin?

  • Add custom CSS to restyle your theme without touching theme files.
  • Add custom JavaScript for tracking codes, animations, widgets, and tweaks.
  • Your code is safe when you switch or update your theme.
  • Perfect for quick design fixes and adding third-party snippets.

Key Features

  • Unlimited snippets — add as many custom CSS and JS codes as you want.
  • Management screen — every snippet is listed in a table (like Posts) where you can edit, enable/disable, and delete.
  • Live code editor with syntax highlighting, line numbers, bracket matching, search, and CSS / JavaScript autocomplete (powered by CodeMirror).
  • Per-snippet options:
    • Print the code inline (internal) or save it to an external cached file.
    • Load the code in the header or the footer.
    • Apply the code on the front end, the admin area, or both.
  • Automatic minification — compress your CSS/JS for the fastest possible load time.
  • External files are cached — no database queries on the front end, so there is no performance hit.
  • Keeps your code when you change themes.
  • Secure — capability checks and WordPress nonces on every action.
  • Lightweight, translation-ready, and works with any theme.

Made by d3logics

Need a custom WordPress plugin, theme, or website? The team at d3logics builds custom WordPress solutions. See more of our work and free plugins at https://d3logics.com/plugins.