Simple Custom CSS and JS plugin_WordPress Add custom CSS/JS/html code

WordPress adds custom CSS/JS/HTML code Generally, we will put the function.php file, style.css file, header.php file or footer.php file. One is unfriendly to novices and Xiaobai. Second, the theme must be added again after each upgrade, not to mention that it is often forgotten. In short, it is not convenient for long-term use. and Simple Custom CSS and JS plug-ins The emergence of allows us to avoid the trouble of manual operation, and can easily add custom CSS, JS and HTML code, even if the theme is upgraded or updated. This plug-in has the following features:

• Text editor with syntax highlighting;
• Code printed inline or included in an external file;
• Print the code in the header or footer;
• Add CSS or JS to front page or background management;
• Add any number of codes as needed;
• Keep the changes when changing the theme;

Plug ins with similar functions include Code Snippets plug-in These two plug-ins add various codes in the function.php file to implement functions other than WordPress.

Simple Custom CSS and JS plug-in installation enable

From Wordpress background plug-in>Install plug-in, search Simple Custom CSS and JS, and see the following figure. Install and enable it.

If your server in China often fails to install and enable plug-ins normally, please see WP China Yes plug-in cannot update WordPress program/theme/plug-in in China

Simple Custom CSS and JS plug-in settings

First, let's look at the settings of the Simple Custom CSS and JS plug-in. There is basically no need to change anything in it. It is fine by default.

Add code for Simple Custom CSS and JS plug-in

This plug-in can add custom CSS, custom js, custom html code, and the interface is exactly the same.

First add the title, and then add the code. On the right, select the connection type (internal or external), and place it in the header or footer, the foreground page, the background page, or the login page.

Lao Wei's summary

As a WordPress Add Custom CSS/JS/html Code Plug in ， Simple Custom CSS and JS plug-ins It is easy to use. You can add custom css, js, and html code respectively. The display location can be in the header or footer, the front end, background, or login page of the website. It is convenient to add code for these fixed positions.