Because of this CSS, the default header of the Classic Theme would have a green background color, multi-colored border, Times New Roman font, and padding which indents the text from the left. The result would look something like this:
But let’s say your website color scheme doesn’t include green. Or you’re using another font on your site. Whatever the reason, you can change the background color, border, font size and style, letter spacing, and more by editing or adding code.
You can insert header and footer code in three ways.
- You can manually edit your style.css stylesheet or your theme’s header.php and footer.php files.
- You can use your theme’s built-in header and footer code modules, if your theme has them.
- You can use a WordPress plugin.
If you’re not comfortable with coding, then you’ll need to use a plugin. Most users will opt for this option since editing your stylesheet or theme’s files can be tricky. Consider that a small mistake can break your site.
For that reason, we’ve included some of the best plugins for inserting header and footer code below.
Plugins for Inserting Headers and Footers
Using a plugin is the easiest way to not only add code to your WordPress header and footer — but also to create and customize these sections. Below we’ve gathered the best options so you can select the tool that fits your budget and site’s needs.
Designed to be the easiest way to insert code in your WordPress headers and footers, Insert Headers and Footers is a free plugin that offers a simple interface for inserting scripts. You can insert custom CSS, the Google Analytics tracking code, Facebook Pixel tracking code, and more in the same place. There’s no need to edit your theme files, or download and install multiple plugins.
Simple and flexible, the Header and Footer plugin is another free option for adding any script in the header or footer section of your website, your homepage, or any other page or post specifically. You can add the Google Analytics code, the verification code required by Google Webmasters Tools, the Facebook script for the “Like” button, and more.
If you don’t have the coding experience to write custom CSS, then you can use a plugin like Elementor to customize your header and footer sections.
With this editor, you can create custom header and footer designs and choose where to display them. Want to display a custom header and footer only on your homepage? Or maybe just on the blog archive page? Or on the entire website? This plugin allows you to choose any target location. You can also use the plugin’s built-in widgets to create these header and footer layouts with required features, like a logo, title, tag line, page title, image, copyright notice, and search form.
My Header Footer is a premium plugin designed to simplify the process of editing the WordPress header and footer sections. With this tool, you can remove your theme’s default header and footer and build your own from scratch, keep one and redesign the other, or edit both. You can also add dynamic fields to your header and footer, create fully responsive navigation menus and style them for different types of devices, and add custom CSS.
Customizing Your WordPress Header and Footer
You have multiple options for customizing your WordPress header and footer — each is suited for users with different levels of technical experience. While those with coding experience will have no trouble editing their theme files, those without coding experience can use a plugin. The result of either method: a website that’s customized from top to bottom to reflect your unique brand identity.
Originally published Oct 5, 2020 7:00:00 AM, updated October 05 2020