Urosevic DevYard

Head & Footer Code

Easy add site-wide and/or article-specific custom code before the </head> or </body> and right after opening <body> by hooking to wp_head, wp_footer and wp_body_open respectively.

Let us say that you have been told to add some custom code (HTML, JavaScript or CSS style) to page’s <head> (like site verification code, custom styles, Webfont link, etc), just before </body> or right after opening <body> (like pixel tracking, analytics code, heatmap code, etc), but you are not a programmer. Then you can use the Head & Footer Code to do that.

Simply go to Tools → Head & Footer Code in your website admin dashboard, and insert custom code to HEAD, BODY or FOOTER section (depending on what you have to do).

If you have to insert some custom code specific to the individual article (post, page, custom post type), then you can use an Article-specific meta box while you edit the post/page/custom post type. There you can also set should that specific code be appended to site-wide code defined on Tools → Head & Footer Code or should overwrite global code.

Jump to: Features | Download | Usage | Screenshots | Reviews | References | FAQ | Support

Features

  • Set site-wide custom content for the head page section (before the </head>)
  • Set site-wide custom content for the body section (after the <body>)
  • Set site-wide custom content for the footer page section (before the </body>)
  • Set article-specific custom code for the head page section (before the </head>)
  • Set article-specific custom code for the body section (after the <body>)
  • Set article-specific custom content for the footer page section (before the </body>)
  • Choose the priority of printed custom code to head/body/footer sections (lower number means far from </head> and </body> and closer to <body>, higher number means closer to </head> and </body> and farther to <body>)
  • Choose which post types will have enabled article-specific head/body/footer fields
  • Choose whether a specific head/body/footer code should be appended to site-wide code, or will replace site-wide code
  • Site-wide section located under Tools → Head & Footer Code
  • If you have set WP_DEBUG constant in wp-config.php to true, you’ll see site-wide and article-specific entries in the page source code wrapped in comments.

General settings, including HEAD, BODY, FOOTER global code and priority, have been saved to the WordPress option auhfc_settings.
Each post/page/custom post type specific HEAD, BODY and FOOTER code has been saved to post meta _auhfc.

On plugin uninstall this data is also deleted from the database.

Plugin benchmark you can find on Plugins Tests

Download

You can download the plugin below or from the official WordPress.org page for Head & Footer Code while the development version can be found in the GitHub repo urosevic/head-footer-code

Head & Footer Code v1.3.7

41.39 KB

  • Fix: Compatibility with WordPress 6.7

How To Use?

Screenshots

Head and Footer Code – Site-wide settings page
Head and Footer Code – Article specific metabox
Plugin Settings
Example of custom code inserted to HEAD section
Example of custom code inserted to BODY section
Example of custom code inserted to FOOTER section
Front-end examples

What Users Say

User reviews for Head & Footer Code in Q4 2023 and Q1/Q2 2024
User reviews for Head & Footer Code in Q4 2023 and Q1/Q2 2024

Head & Footer Code references

YouTube Videos

Dedicated Articles

Community

Lists of plugins

Support

If you need support for this plugin, please open the topic on the community forum.

If you finding Head & Footer Code useful for your project, please consider reviewing and rating it on WordPress.org, write an article on your blog/portal, or spread your happiness with your friends on social networks.