WP Add Custom CSS and JS

常见问题

How do I add custom CSS in WordPress?

Go to Add Custom CSS & JS → Add Custom CSS, write your CSS in the editor, choose where it should load, and click Publish. It is applied to your whole site instantly — no theme files touched. For a full walkthrough, see our guide: How to Add Custom CSS and JavaScript in WordPress.

How do I add custom JavaScript in WordPress?

Go to Add Custom CSS & JS → Add Custom JS, write your JS, and click Publish.

Can I add more than one CSS or JS code?

Yes. You can add unlimited separate snippets. Each one has its own title, options, and on/off state, and they are all listed in the management table.

What is the difference between “Internal” and “External”?

Internal prints the code inline directly in the page. External saves the code to a cached .css/.js file that loads as a normal file — best for larger code and performance.

Does it minify (compress) my code?

Yes. With “Minify output” enabled (the default), each snippet is automatically compressed when you save it.

Will this plugin slow down my site?

No. External snippets are served as cached static files and minified output keeps them small, so there are no extra database queries on the front end.

My code does not show on the website. What should I do?

1. If you use a caching plugin, clear the cache after saving.
2. Make sure the snippet status is Published (not Draft or Trash).
3. Confirm the snippet’s “Apply on” option matches where you are looking (Front end vs Admin).
4. Check that the wp-content/uploads/wp-add-custom-css-and-javascript folder exists and is writable (used for external files).

Will my code be lost if I change my theme?

No. Your custom CSS and JS are stored independently of the theme, so they stay active when you switch or update themes.

Can I reference an image in my CSS?

Yes. Upload the image to your Media Library, then refer to it by its direct URL inside your CSS, for example:
body { background-image: url(‘https://example.com/wp-content/uploads/2026/01/bg.jpg’); }

Can I use CSS rules like @import and @font-face?

Yes. Your CSS is output exactly as written.

Who can add or edit the code?

Only administrators (users with the edit_theme_options capability) can add, edit, or delete custom CSS/JS. Every action is also protected by a WordPress nonce.

Does it work on Multisite?

Yes, the plugin works on a WordPress Multisite network (activate it per site).

Where can I get support or more plugins?

This plugin is built by d3logics. Visit d3logics.com/plugins for support and our other free WordPress plugins.