Custom CSS and JavaScript
This plugin allows you to add custom site-wide CSS styles and JavaScript code to your WordPress site. Useful for overriding your theme’s styles and adding client-side functionality. Features: Code editor with syntax highlighting and AJAX saving to avoid reloading the editor at each save. Save and preview your CSS and JavaScript as a draft that is only applied to logged-in users with the necessary permissions until you are ready to publish your changes to the public. View and restore past revisions of your CSS and JavaScript. Automatically minify your custom CSS and JavaScript code to reduce file size. For the public, custom CSS and JavaScript code is served from the filesystem instead of the database for optimal performance. Now available! Custom CSS and JavaScript Developer Edition: Divide your CSS and JavaScript into multiple virtual files to keep your code organized (the code is still served as one CSS and one JS file on the front-end for efficiency). Supports Sassy CSS (SCSS)! Live preview for CSS! Upload and download CSS and JavaScript files, individually or in ZIP files. The developer logo and review/donation links are removed from the editor page in the WordPress admin. Click here to purchase! Alternatively, you can manually upload the plugin to your wp-content/plugins directory. If you like this plugin, please consider leaving a comment or review. User Access Control In the Custom CSS and JavaScript WordPress plugin, access to plugin features is determined by user capabilities. Users with the edit_theme_options capability will enjoy full access to all the plugin’s features. By default, the “Administrator” and “Editor” roles come equipped with the edit_theme_options capability. However, site administrators have the flexibility to customize these capabilities and assign them to other roles or individual users through plugins or custom code. Furthermore, to provide users with enhanced control, we’ve introduced a custom capability known as wpz_custom_css_js. Users possessing both the wpz_custom_css_js and edit_posts capabilities can be granted access to the plugin’s features. You may also like these plugins WP Zone has built a bunch of plugins, add-ons, and themes. Check out other favorites here on the repository and don’t forget to leave a 5-star review to help others in the community decide. Product Sales Report for WooCommerce – set up a custom sales report for the products in your WooCommerce store with toggle sorting options. Including or excluding items based on date range, sale status, product category and id, define display order, choose what fields to include, and generate your report with a click. Export Order Items for WooCommerce – export the order details for each sale in your WooCommerce store. Simplify order fulfillment, generate accounting reports in a few clicks, and download into CSV format for readability and universal compatibility with Export Order Items. Replace Image – keep the same URL when uploading to the WordPress media library Force Update Check for Plugins and Themes -force Update Check for Plugins and Themes forces WordPress to run a theme and plugin update check whenever you visit the WordPress updates page Connect SendGrid for Emails – connect SendGrid for Emails is a third-party fork of (and a drop-in replacement for) the official SendGrid plugin Custom CSS and JavaScript – allows you to add custom site-wide CSS styles and JavaScript code to your WordPress site. Useful for overriding your theme’s styles and adding client-side functionality. Disable User Registration Notification Emails – when this plugin is activated, it disables the notification sent to the admin email when a new user account is registered. Inline Image Upload for BBPress – enables the TinyMCE WYSIWYG editor for BBPress forum topics and replies and adds a button to the editor’s “Insert/edit image” dialog that allows forum users to upload images from their computer and insert them inline into their posts. Password Strength for WooCommerce – disables password strength enforcement in WooCommerce. Potent Donations for WooCommerce – acceptance donations through your WooCommerce store Shortcodes for Divi – allows to use Divi Library layouts as shortcodes everywhere where text comes. Stock Export and Import for WooCommerce – generates reports on the stock status (in stock / out of stock) and quantity of individual WooCommerce products. Random Quiz Generator for LifterLMS – pull a random set of questions from your quiz so users never get the same question twice when retaking or setting up a practice quiz. WP and Divi Icons – adds over 660 custom outline SVG icons to your website. SVG icons are vector icons, so they are sharp and look good on any screen at any size. WP Layouts – the best way to organize, import, and export your layouts, especially if you have multiple websites. WP Squish – reduce the amount of storage space consumed by your WordPress installation through the application of user-definable JPEG compression levels and image resolution limits to uploaded images. To view WP Zone’s premium WordPress plugins and themes, visit our WordPress products catalog page.
Top keywords
- css16×1.95%
- custom13×1.59%
- javascript11×1.34%
- woocommerce10×1.22%
- wordpress10×1.22%
- css and javascript9×1.10%
- code8×0.98%
- custom css7×0.85%
- users7×0.85%
- editor6×0.73%
- export5×0.61%
- order5×0.61%
FluentSnippets – High-Performance Code Snippets, Header & Footer Code, Custom CSS & PHP Code Manager
FluentSnippets is the fastest and most secure code snippets plugin for WordPress, a high-performance way to add custom code to your site without editing your theme’s functions.php file. Easily insert header and footer scripts, run PHP code snippets, and add custom CSS, JavaScript, and HTML with powerful conditional logic. ⭐ 100% free and open source. No “Pro” version, no upsells, no feature held back behind a paywall. Unlike every other code snippet plugin, FluentSnippets stores your snippets in flat files and loads them natively, so it runs zero database queries and never slows down your site. No bloated database tables, no extra SQL injection surface, just safe, native, lightning-fast code execution. Whether you want to add Google Analytics, a Facebook Pixel, ads.txt or banner ad codes, conversion tracking scripts, custom CSS tweaks, or complex PHP functionality, FluentSnippets makes it safe, secure, fast, and hassle-free. It is the perfect lightweight alternative to editing functions.php or using heavier, database-driven code snippet managers. 👉 Website: Official Website 👉 Community: Join Community 👉 Github: View source & contribute Simple for Beginners, Powerful for Developers Adding a snippet takes seconds: open the editor, paste or write your code, choose where it should run (everywhere, admin only, front-end only, or based on conditional logic), and save. A built-in syntax highlighter and smart error handling guide you along the way. If a snippet ever causes a fatal error, FluentSnippets automatically deactivates it so your site stays online instead of breaking. You can organize snippets with tags, switch them on or off with a single click, and export or import them between sites in seconds. 100% Free & Open Source: No Upsells, No “Pro” Version FluentSnippets is completely free and fully open source under the GPL. There is no premium version, no locked or “Pro-only” features, no upsells, and no email-gated downloads. Every single feature is included for everyone, on every site, forever. The full source code lives on GitHub, so developers can read the code, audit it for security, request features, report bugs, or contribute directly via pull requests. It is built and actively maintained by the team behind FluentCRM, Fluent Forms, and FluentSMTP. From Quick Tweaks to Advanced Customizations From simple tweaks to advanced development, FluentSnippets handles it all. Use it to add Google Tag Manager and tracking pixels, register custom shortcodes, create custom functions, disable comments or emojis, remove unwanted admin notices, add JSON-LD schema markup, or run any PHP snippet you would normally drop into functions.php. CSS snippets even support the WordPress Block Editor (Gutenberg), so you can style your site with a familiar editing experience. Every snippet runs only where you tell it to, thanks to granular conditional logic based on post type, page URL, user role, login status, and more, so your custom code stays fast, targeted, and easy to manage. How FluentSnippets Works: Zero Database Queries Every other code snippets plugin keeps your code in the database and queries it on every single page load. FluentSnippets does not. Each snippet is stored as a real PHP file, with its title, description, snippet type and conditional logic recorded in a doc block at the top of that file. Those doc blocks are parsed once and cached into an index, so nothing is re-parsed on later requests. At runtime the plugin simply includes the files you activated, on the action hook you chose, exactly the way WordPress loads a plugin. The result is zero database queries at runtime. Not “a few”. None at all. There is no snippets table to bloat your database, nothing for a SQL injection in some other plugin to reach, and no query for your host to slow down. It is a native, secure-by-design architecture, and it makes FluentSnippets the fastest code snippets plugin in its category. Features File-based Snippets: Your snippets are safely saved in your file system and load natively with zero database queries, so it’s safe, secure, and ultra-fast. Custom Code Snippets: Write your custom code snippets including PHP, JS, CSS, HTML, and more. Categorize your snippets with groups, tags, etc Advanced Conditional Logic: Execute code snippets solely under specified conditions like post type, date, URL, user type, and many more. Automatic Error Handling: If a snippet ever triggers a fatal error, the error handler catches it, deactivates that one snippet, and tells you which line caused it, so a bad snippet never takes your site down. Safe Mode Recovery: If custom code ever locks you out of wp-admin, a Safe Mode URL switches every snippet off so you can get back in and fix it. No FTP, no database surgery. Export & Import: Move snippets between sites, or keep a portable backup of them, in a couple of clicks. Block Editor Support: CSS snippets work inside the WordPress Block Editor (Gutenberg), so styling your site happens in a familiar place. Custom Shortcode: With custom shortcode of your snippets, you can create custom dynamic content blocks and use them across your site and manage them. Stand-alone Mode: The most interesting feature is the Stand-alone Mode. With this feature, you can add your snippets, activate the standalone mode, and then you can uninstall and delete the plugin and your snippets will still run via mu-plugins architecture and when you reactivate the plugin you can manage your snippets as before. Dark Mode: A full dark theme across every screen, switchable from the admin bar and remembered between visits. The setting is shared with the other Fluent plugins, so switching it in one switches it in all of them. Powerful Smart Conditional Logics We have added smart conditional logic to let you choose precisely where you want to execute your code. These conditional logics include User’s Login State or Role Type of Pages Post Types Taxonomy or Term-Based Rule By Page / Post URL Target Specific Page / Post / CPT Date Based Conditions FluentCRM Tag / Lists based rule of the current contact Conditions are group-based: you can add several groups, each with its own set of rules, and the snippet runs whenever any one group matches. Snippet Types FluentSnippets has four types of snippets. You can choose the snippet type from the snippet type selection. Functions – PHP Snippet: This snippet is for all the PHP code that you need to execute in specific areas like you would write in your theme’s functions.php file. You can use this snippet type to create functions/classes, hook into other actions and filters, and more. Content – PHP + HTML Snippet Type: This snippet type is used to insert content to different places like header, footer, after-post content, before-post content, etc. You can write php / html / js / css code in this snippet type. CSS Snippet Type: You can use this snippet type to add custom CSS to your site. JS Snippet Type: You can use this snippet type to add custom JS to your site. Popular use cases of this Code Snippet plugin Adding custom PHP Code to extend functionalities Adding Header and footer codes (Google Analytics / Pixel / Ads codes) Custom CSS for specific post/page types Custom Javascript codes Dynamic Content to different types of places like before/after post content or footer Dynamic Shortcode Other Plugins By The Same Team FluentCRM – Email Marketing, Newsletter, Email Automation and CRM Plugin for WordPress Fluent Forms – Fastest WordPress Form Builder Plugin Ninja Tables – Best WP DataTables Plugin for WordPress Ninja Charts – Best WP Charts Plugin for WordPress WPPayForm – Stripe Payments Plugin for WordPress Mautic Integration For Fluent Forms Fluent Forms PDF – PDF Entries for Fluent Forms FluentSMTP – WordPress Mail SMTP, SES, SendGrid, MailGun Plugin CONTRIBUTE If you want to contribute to this project or just report a bug, you are more than welcome. Please check repository from Github. FluentSnippets was known as Easy Code Manager before. We have rebuild & rebranded it to FluentSnippets.