WordPress Easy Custom Js And Css Plugin

May 31, 2024

WordPress Easy Custom Js And Css Plugin Plugin

Add your own custom css styles and javascript code with a powerful editor and take more control over themes and plugins appearance, apply styles and c …

This plugin allows you to add custom JavaScript code, CSS custom styles and HTML markup to your WordPress site separately. With the powerful filter editor you can create complex rules. They are convenient to use when you want to include your custom code for a specific url, post, page, device, os, browser, also it will be useful to execute js or css at a concrete date, time, day of week and etc. It’s a good theme and plugin customizer and a perfect solution to create additional styles and js codes for your site.

This is the LITE version of the official Easy Custom JS and CSS – Extra Customization for WordPress plugin which comes with support and doesn’t have some limitations.

Quick Video Demo

Features

  • The code editor with syntax highlighting
  • The rich filter builder to construct filters
  • Include custom css and js code on the basis of a filter
  • Use inline embed method or include code as an external file
  • Custom css and js code can be in the header or footer area
  • Use custom javascript code and css styles inside the user or admin side or both
  • Minify JasaScript code and CSS styles to reduce file size
  • Support SCSS and LESS preprocessors
  • All editors use AJAX saving to avoid reloading
  • Create as many codes as you want
  • The code is served from the filesystem instead of the database for better performance

Filter Builder Available Fields

  • Server – Request URI
  • WordPress – Post, Page, Page Template
  • Users – Logged in, User login, Role
  • System – Device, OS, Browser
  • Date & Time – Date, Time, Minutes, Hours, Day, Day of Week, Month, Year

The developer version is available here.

Installation

  • From the WP admin panel, click “Plugins” -> “Add new”
  • In the browser input box, type “Easy Custom JS and CSS”
  • Select the “Easy Custom JS and CSS” plugin and click “Install”
  • Activate the plugin

Alternatively, you can manually upload the plugin to your wp-content/plugins directory

Screenshots

  1. Manage Custom Codes

    Manage Custom Codes

  2. Custom CSS editor

    Custom CSS editor

  3. Custom JavaScript editor

    Custom JavaScript editor

  4. Rich filter builder

    Rich filter builder

  5. Filter builder in action

    Filter builder in action

FAQ

Requirements

PHP >= 5.3

Browser requirements
* Firefox – version 4 and up
* Chrome – any version
* Safari – version 5.2 and up
* Internet Explorer – version 8 and up
* Opera – version 9 and up

Does the plugin modify the code I write in the editor?

No, the code is printed exactly as in the code editor. It is not modified in any way, so you take the full responsability for what.

Changelog

1.1.2

  • New: support Emoji

1.1.1

  • New: search box (Ctrl + F)

1.1.0

  • New: delete all data

1.0.0

  • Initial release

Details

  • Version: 1.1.2
  • Active installations: 200
  • WordPress Version: 4.0
  • Tested up to: 5.6.14

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars