However, you will not actually be doing any editing here. This is what you’ll be editing rather than the main copy. The first step is to setup a child theme for the TwentyThirteen theme:Ĭopy and paste your theme’s header.php file into your child theme’s folder.
In this brief tutorial, I’ll show you how to insert a custom logo into the header of the TwentyThirteen theme.
However, if you want a more custom look that your theme doesn’t offer, you might have to get your hands dirty and delve into the header code along with the CSS code in the stylesheet. Most themes come with easy-to-use admin panels for customizing headers, footers, and other areas of a page. However, you can divide your footer into multiple columns rather than two horizontal rows.Īlso read: Top 5 Plugins To insert Header And Footer Scripts In Your WordPress Theme Edit WordPress Header Codeįor the most part, you don’t have to touch code in the header.php file to edit the header. The classic footer also has two main sections: the topmost section contains the sitemap, social buttons, privacy policy, legal disclaimers and other important info about your website while the lower part contains copyright info and the date. The lower part of the header contains all your branding info (company or website name, logo, and tagline). It also contains links to the theme’s stylesheets. The basic WordPress header has two parts: the topmost part is the meta-header part where you can insert meta-data tags for SEO purposes. The code in these files is mostly plain HTML with bits of PHP code (template tags) that display the metadata dynamically. Likewise, footer content is stored in the footer.php file. WordPress uses a simple templating system where all header content is contained in a piece of code stored in the header.php template file. How do you edit Headers and Footers in WordPress?
If you would rather not install yet another plugin, read on… If you want to take the easy route, there are plenty of WordPress plugins to modify the header and footer. Modify your header and footer using a WordPress plugin Needless to say, the header and footer sections deserve more attention when designing your pages. Ordinarily, most visitors to a website will notice the header first before anything else and they can make judgments about the website based on their impression of the header. These two sections are crucial because they hold key information about your website. WordPress will run a quick PHP check to make sure your code changes don’t cause any problems, but it’s always worth cautioning against making direct changes without sufficient backups.A typical web page on your WordPress website has a header and footer area.
Make the changes you need, and hit Update File.
Header.php will then be labeled Theme Header to help find it easily. In the right hand sidebar make sure you select the currently active theme: To edit this same file via the WordPress admin, go to Admin > Appearance > Theme Editor to find the file. But bear in mind that editing any of your theme’s php files could cause things to break! How to Edit the header.php File Via WordPress Admin You can then open it in a code editor and make any changes you need to. To find the file and edit it yourself go to wp-content > themes > your-theme-name > header.php.
How to Edit the header.php File in a Code Editor Note: bear in mind that the contents of header.php will be different for every theme. It appears (under normal circumstances) in exactly the same way across all the pages of your website, and its contents sit in a file called “header.php” one of the files in your active theme folder. The header will usually contain your website’s logo, some navigation, perhaps a search box, and maybe some additional links. On the “front end” of your WordPress website the “header” is the upper part of the page: