How to Edit Footer in WordPress

How to Edit Footer in WordPress

How to Edit Footer in WordPress

If you are new to WordPress, doing something as simple as editing a WordPress footer might look complicated. For this reason, we created this tutorial. To show you how easy it is.

There are two things to change in the footer. First of all, you’ll want to remove “Proudly Powered by WordPress”. In case, you already have installed a theme, it might say something else. If you are thinking am I allowed to remove this? The answer is yes if it says “Proudly Powered by WordPress”. However, if it’s something else you will have to check with the developer of the theme. Then when you sorted that out and your site looks a bit more professional. Next, you’ll want to add custom text, images or links to your footer.

How to Remove “Proudly Powered by WordPress” Branding From Footer Content

Before we show you how to remove branding we have to tell you how not to do it. While researching this topic we have seen that people recommend editing CSS. The code they recommend using goes something like this:

.site-info(

display:none;

)

You really should not use this code. This is not a good practice and it’s going to hurt your SEO. This code hides the text it does not remove it. And Google does not like this at all so your site is not going to rank as good for search results. There two much better ways to edit WordPress footer to remove the branding.

Removing branding with the theme customizer

Almost all of the themes will let you customize the footer widget trough customizer. However please note that not all of them will let you change everything. This is why we’ll look at how to do it through code later on. For this example, we are using the OceanWP theme.

To edit the theme follow these steps:

  • First, open WordPress admin Dashboard.
  • Then go to Appearance/Customize.
  • Next, look for the section that has a copyright text. For out theme that is under the Footer Bottom section.
  • Finally, change the text or remove it.

how to edit the footer in wordpress with theme customizer

Removing branding through footer code

Some themes do not have the option to change footer branding in the customizer. This is why we are going to edit theme files directly to change footer settings. Before you start messing around with theme files it’s recommended that you make a child theme and backup of the theme. For this example, we are going to edit the WordPress default theme called twenty seventeen. To change footer code follow these steps:

  1. First, open WordPress admin Dashboard.
  2. Then go to Appearance/Theme Editor
  3. Next, in Theme Files open template-parts/footer/site-info.php.
  4. Finally, remove the branding link. That is everything in between tags <a and </a>.

Removing branding through footer code

Alternatively, you can edit the footer.php file. To do this follow this open Theme Footer that is the footer.php file. Then remove this snippet of codeget_template_part( ‘template-parts/footer/site’, ‘info’ );

Removing branding from footer.php file

If you do it this way you are removing the info section altogether.

How to edit WordPress footer widgets

Almost all WordPress themes will have a footer template that you can edit. There is also an option of adding a custom footer to a theme trough code or plugin. In any case to change the footer look you have few options. First and the easiest way is to use customizer if the theme has support for it. There is also an option of adding a widget to the footer trough the WordPress admin panel. And finally, if you can code you can edit the code directly. Changing footer trough code is a bit out of scope for this tutorial. That said don’t be scared of code it does not bite. If you do a few google search you’ll find a guide on how to do it. Just make sure you first backup theme and always edit a child theme to be safe.

Using customizer to edit the footer

To edit the footer with customizer follow these steps:

  • First, go to Appearance/Customize.
  • Then Once Customizer loads go to the Footer Widgets section.
  • You can define the look of widgets in this section. Changing things like text, background, borders, links colors, padding, turning on or off parallax, etc.

Footer Widgets section - Customizer

Once you are satisfied with the look of the footer it’s time to add widgets. Footer is divided into widget sections. For every section, you can add as many widgets as you want. Each widget will appear under the previous widget in section. And sections are ordered from left to right. We hope this was not confusing. Anyway once you start adding widgets you’ll see how it works. To add widget follow these steps:

  • First, go to the Widget section in customizer.
  • Then open Footer 1.
  • After that click on Add a Widget button.
  • Then select the Widget you like to add. In our example, we added recent posts.

Yeah, that was easy. Now just for practice repeat this for Footer 2 section. We added a calendar to Footer 2 as you can see in the picture below.

Addin widgets to footer 1 widget section

Adding widgets trough WordPress admin Dashboard

Alternatively, we can edit footer in the WordPress admin panel. So let’s see how to do this.

  • First, open the WordPress admin panel.
  • Then go to Appearance/Widgets.
  • Next, to add a widget to the footer just drag and drop the widget from the left side to the desired footer section on the right side.

Adding widgets trough WordPress admin Dashboard

Conclusion

We presented you with a few options on how to edit a footer in WordPress. Now you need to go and make some awesome footer for your website. While we did not go over any plugins there are a lot of WordPress footer plugins. Using one of those plugins might save you time so it’s something worth looking in to. Also if you are in the process of building a website choosing a theme with good footer options is a good idea.

For more WordPress tutorials check the rest of our blog out here. If you have further questions write them in the comment section below. Have a great day!