Instruction, WordPress

How to Edit the Header and Footer in WordPress

Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

“Header and Footer to a website are what ceiling and floor to a room. So we know you want it compatible and quintessential.”

WordPress is a content management system that allows its users to use or modify its software. WordPress is the easiest and most common way to create your own blog or website. WordPress has grown in popularity and business with time, and today it powers up to 32% of all the websites on the Internet. In terms of ratio, one out of every four websites you visit is likely to be powered by WordPress.

Changing the content and appearance of your website is the first step you take to shaping your website as per your standards and requirements. You can start by improving the default WordPress web design once you have completed the installation of WordPress. The first thing that comes to mind when looking to change web design and restructuring your website is to change the header and footer of your website.

Discussed below are steps you can take to edit the image and text of the header or footer of your WordPress website or blog. This article focuses on how to effectively and easily change the footer content and design in WordPress. You can edit contact details, add social links, and change the footer image to personalize your WordPress site.

Remove the WordPress Footer Branding

When you finish installing WordPress, the default theme comes with filler information and most often designers branding. To remove the footer branding of your WordPress site, you can use the Appearance editor to edit the code and make desired changed.

Follow the steps below to learn how to remove the WordPress footer branding.

Step 1

Your first step is to log into your WordPress account. Once you log in, you will be directed to the WordPress Dashboard.

Step 2

Your next step is to click the Editor link on the Appearance section towards the left of the navigation.

Step 3

For step three, click the Footer link to edit the footer.php page.

Step 4

Next, you have to find the code that shows the footer text at the bottom of your WordPress site.

Step 5

In this step, you can replace the code with the default WordPress footer text with your own text that you want to be displayed at the bottom of your site.

Step 6

In the last step, just click Update.

Changing Basic Header or Footer Settings

You can change the basic header or footer settings of your WordPress website to suit your requirements and add in details about your business. If you’re running a personal blog, you can add in personal details and nit bits about yourself at the bottom of the page to give your audience a little bit of information about you like contact info, email address, etc.

The following steps will help you to change basic footer settings of your WordPress site like background color, style, font etc. First, you must log in to your WordPress Dashboard.

To change the basic header or footer settings, click Appearance, then select the Customize tab and click Header or Footer area. You will find a few options listed on your screen including widgets, copyright, background color, style, layout etc.

Changing Header or Footer Logo Settings

The very first option is about the Header or Footer Logo. To change the footer logo of your WordPress site, in the Logo Upload block, click on Select Image and choose an image of your choice from the Media Library or upload one from your hard drive. Once you click Save and Publish, the logo of your header or footer area will change to your applied settings. Below the option of changing footer image is one of Footer Copyright Code. You can edit this code to make the desired changes.

Next, you can change the header or footer widgets settings using 1, 2, 3 or 4 columns. The widgets area includes social icons, footer menu, contact information, and custom text. You can set your layout up to four columns. In the footer layout section, you can find the options to change header or footer style. The styles are numbered and style 1 comes with default WordPress settings.

Changing Background Settings

You can also customize the background color and background image for your WordPress site.  You can select any existing color from the selection available and upload a picture for the widgets header or footer area. At the bottom, you can find tools to adjust background position and background attachment, along with a background repeat option. You can also remove the background image and use one specific color for your header or footer background.

Changing WordPress Header or Footer Text

You can start by looking for the header or footer text in theme settings. Often times these settings are present in a separate menu towards the left of your WordPress dashboard.

You can find header or footer settings in the WordPress Customizer. To change WordPress header or footer text, click customize on the admin bar present at the top of your WordPress site, and search through the left side to find the option for header or footer text. If the option to change header or footer text is unavailable in the Customizer menu, you may be able to change it through Widgets.

Click on the 
Appearance option on your WordPress Dashboard, then click on Widgets, and check if there is a widget set up in the header or footer area of your theme. If it is available, then you can alter your header or footer settings from there.

The header or footer setting for other templates may slightly vary from the aforementioned one since each one is unique and different, but the above adjustments will work for most of you. Through these options, you can customize the header or footer settings for your WordPress website or blog. Once you have changed your header or footer settings, you must save and publish them to see the results on your website or blog.


Frequently Asked Questions About Editing Header and Footer

I have a website with 2 languages. How to apply the update in the footer for 2 different languages page?

You don’t need to update the code twice for each language your site is in. The content you enter will be considered in your primary language. For other languages click the + button right next to the languages option, choose the language and then enter the translated content.


Are the code snippets same for header and footer?

The tracking codes are only installed in header.php files. The snippets for header and footer are slightly different from each other in terms of tags.


So what to do if you do not have the option for footer.php or header.php?

In case you don’t have a header.php or footer.php in your current WP theme, introduce an index.php file. This would get your work done similar to a header or footer file. A few WordPress themes make use of hooks such as do_action( ), hence you can also use a hook to call the header and footer functions.


Are tracking codes added in footer only?

Most of the tracking codes such as Google Analytics and SDKs are only installed in the header of the website

Pro Tips

Here are a few tips that will help you in editing your header and footer better:

1 – Use shortcodes in both header and footer as text widgets. These can help you in adding any buttons or other clickable actions in the footer or header.

2 – Keep your header and footer neat and away from distractions. An attractive header or footer is one with more whitespace. There should be a total of 1 to 4 elements in your header or footer.

3 – Your header and footer should be user-friendly and elements should be visible at glance.

4 – Don’t use SEO keywords to stuff your header or footer.

5 – Do not navigate through your footer but stuffing site links.




Adeel Akhter is an allrounder of digital marketing with over 5 years of experience. He is currently heading operations at WP Hood.


Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •