Add Code To Head

June 12, 2021

Add Code To Head Plugin

(Formerly Add Text to Head) Add custom Javascript/HTML/CSS codes to the page head without editing the template.

Intended users: Template Designers, Developer

If you wish to add any custom HTML to the bottom of each page’s head, then this plugin is for you. For example, you can add some custom CSS, a link to an external javascript file or something else.

The problem with editing the template directly is if you ever update the template, your changes will be lost. This plugin works around this issue.

Acknowledgements

Plugin Icon (CC BY 3.0) by DeniShop

Installation

Via your Blog’s install plugin option

  • Click the big ‘Install Plugin’ button in the plugin description window

Upload

If you have a single file (ending in “.zip”), then use this method.

  1. From the plugins, add new, click on the upload button
  2. Navigate to where the .zip file is located and select it
  3. Make sure to activate the plugin once it is installed

Files

If you have multiple files in a directory, use this method.

  1. Upload the entire directory (not just the files) to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Screenshots

  1. Options screen

    Options screen

FAQ

Q. Why aren’t my codes being added to the absolute end of the head?

Another plugin or the theme is adding their own codes to the head after this plugin runs.

Q. I don’t know HTML/Javascript/CSS; can I still use this plugin?

Yes, but you may easily get confused and mess up your whole site. It is better to learn the code first before you use this plugin.

Q. Help! I messed up my whole site!

Disable the plugin. If your site is still messed up, then there’s some other problem.

Q. I disabled your plugin and the problem went away. Now what?

The problem lies in whatever you typed/pasted into this plugin’s option screen. If you’re really stuck, then try clearing out the code and starting over.

Q. Help! I accidentally erased the code and I didn’t mean to do that.

Similar to how widgets work, that data is stored in your database. If you made a backup before you deleted the data, then you can restore it that way, otherwise it is gone.

Q. How do I apply code to only a certain page or pages?

Right now you cannot. If there is sufficient demand, then we’ll add it.

Q. Can I ask for additional functionality?

Absolutely!

Changelog

1.15

  • Tested compatibility up to WP 5.7.2
  • Reformatted script: converted tabs to spaces

1.13

  • Tested compatibility up to WP 4.6.1

1.11

  • Name changed to (hopefully) reduce confusion.

1.10

  • Screenshot updated
  • Compatibility with latest WordPress

1.09

  • Readme file added

1.07

  • Original release

Details

  • Version: 1.15
  • Active installations: 4,000
  • WordPress Version: 3.3.2
  • Tested up to: 5.7.12

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars